/* CSS Document */

/* -----------------------------------------------------------
global
----------------------------------------------------------- */

body {
	margin: 0 ;
	padding: 0 ;
	font-size: 14px ;
	line-height: 1.618 ;
	color: #333333;
	font-family: 'Arial', 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','MS Pゴシック',Arial,sans-serif;
	font-weight:600;
}

a{
	text-decoration:none;
	color: #2a2a2a;
}
a:hover{
	text-decoration:underline;
}

.main_dm.pc_on{
	display:block!important;
}

br.pc_on{
display:inline!important;
}

br.sp_on{
display:none!important;
}

.pc_on{
display:inline!important;
}

.sp_on{
display:none!important;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.row{
	display:table;
}
.cell{
	display:table-cell;
	vertical-align:top;
}

.bold {
	font-weight:bold;
}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
}
select#selectTop {
	text-align: left;
}
/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

/* -----------------------------------------------------------
margin
----------------------------------------------------------- */
.mod-mt5{margin-top:5px!important;}
.mod-mt10{margin-top:10px!important;}
.mod-mt20{margin-top:20px!important;}
.mod-mt30{margin-top:30px!important;}
.mod-mt40{margin-top:40px!important;}
.mod-mt45{margin-top:45px!important;}
.mod-mt50{margin-top:50px!important;}
.mod-mt60{margin-top:60px!important;}
.mod-mt80{margin-top:80px!important;}
.mod-mb10{margin-bottom:10px!important;}
.mod-mb15{margin-bottom:15px!important;}
.mod-mb5{margin-bottom:5px!important;}
.mod-mb20{margin-bottom:20px!important;}
.mod-mb30{margin-bottom:30px!important;}
.mod-mb35{margin-bottom:35px!important;}
.mod-mb40{margin-bottom:40px!important;}
.mod-mb50{margin-bottom:50px!important;}
.mod-mb60{margin-bottom:60px!important;}
.mod-ml10{margin-left:10px!important;}
.mod-ml20{margin-left:20px!important;}
.mod-ml30{margin-left:30px!important;}
.mod-mr10{margin-right:10px!important;}
.mod-mr20{margin-right:20px!important;}
.mod-mr30{margin-right:30px!important;}


input[type="text"] {
	-webkit-appearance:none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

/* -----------------------------------------------------------
wrapper
----------------------------------------------------------- */
#wrapper {
	width:100%;
	margin: 0 auto;
}

/* -----------------------------------------------------------
header
----------------------------------------------------------- */
#header_sp {
display:none;
}

#header {
	width:990px;
	margin:0 auto 0px auto;
	padding:0px;
	}

#header h1 {
	width:990px;
	margin:0 auto;
}



/* -----------------------------------------------------------
contents
----------------------------------------------------------- */
#contents {
	width:980px;
	margin:50px auto;
}

.gotop {
	margin-left:940px;
	margin-top:0px;
	margin-bottom:0px;
	}

/* -----------------------------------------------------------
カタリバ
----------------------------------------------------------- */
#katariba {}

.bgPic td {
	background: url(../images/form_bg.jpg) no-repeat right -20px;
}

#katariba .kifu {
	width:100%;
	margin:0 auto 0px auto;
	background-color:#688012;
}

#katariba .kifu .kifu_inner {
	width:980px;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	}

#katariba .kifu .kifu_inner h2 {
	float:left;
	font-size:40px;
	color:#FFFFFF;
	
	}
	
/* change/credit */
#katariba .kifu.credit .kifu_inner {
	max-width:980px;
	width: 98%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	min-height: 80px;
	height: 100%;
  line-height: 1.6;
}

#katariba .kifu.credit .kifu_inner h2 {
	float:left;
	font-size:40px;
	color:#FFFFFF;
}

#katariba .kifu .kifu_inner .time {
	float:right;
	width:259px;
	padding-top:10px;
	}
#katariba .kifu .kifu_inner .time2 {
	float:right;
	width:458px;
	padding-top:10px;
	}

#katariba .flow {
	margin-bottom:45px;
	}

#katariba .flow img {
	width: 100%;
	}

#katariba h3 {
	background-color:#EDF0DD;
	border-bottom:1px dashed #CACACA;
	border-top:1px dashed #CACACA;
	border-left:5px solid #647F16;
	line-height:100%;
	color:#3b4c09;
	font-size:20px;
	font-weight:bold;
	padding-left:25px;
	padding-top:13px;
	padding-bottom:13px;
	margin-bottom:20px;
	opacity:0.7;
	}

#katariba .shienh3 {
	margin-top:45px!important;
	}

#katariba .table_katariba {
	border-top:2px solid #687D16;
	width:980px;
	margin-bottom:50px;
	}

#katariba .table_katariba th {
	width:210px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:2px solid rgba(80,98,11,0.7);
	}

#katariba .table_katariba th dl {
	width:200px;
	padding-left:10px;
	}

#katariba .table_katariba th dl dt {
	width:140px;
	float:left;
	font-weight:bold;
	}

#katariba .table_katariba th dl dd {
	width:55px;
	float:right;
	font-weight:bold;
	}

#katariba .table_katariba th dl dd p {
	background-color:#E96B14;
	color:#FFFFFF;
	width:36px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	}

#katariba .table_katariba td {
	width:770px;
	padding-top:10px;
	padding-bottom:10px;
/*	border-bottom:2px solid #687D16; */
	border-bottom:2px solid rgba(80,98,11,0.7);
	}

#katariba .table_katariba .bggreen {
/*	background-color:#FFFDF4; */
	background:rgba(255,252,238,0.7);
	}

#katariba .table_katariba td .nyuryoku {}

#katariba .table_katariba td .box01 {
	width:225px;
	padding:10px;
	border:1px solid #D1CDCA;
	}

#katariba .table_katariba td .box02 {
	width:320px;
	padding:10px;
	border:1px solid #D1CDCA;
	}

#katariba .table_katariba td .box03 {
	width:700px;
	height:70px;
	padding:10px;
	border:1px solid #D1CDCA;
	}

#katariba .select {
	padding-top:4px;
	padding-left:3px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	overflow:hidden;
	width:200px;
	height:30px;
	background-color: #f0f0f0;
	border: 1px solid #d1cdca;
}


#katariba .select select{
width:130%;

}

#katariba .table_katariba td select .bggray {
	background-color:#F0F0F0!important;
	}
#katariba .table_katariba td select .bgwhite {
	background-color:#FFFFFF!important;
}
#katariba .table_katariba td .bgorange {
	background-color:#F0F0F0;
	}

#katariba .table_katariba td .error {
	margin-top:5px;
	background-color:#EE2034;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	}

#katariba .table_katariba th .kome,
#katariba .table_katariba td .kome {
	font-size:12px;
	padding-top:8px;
	font-weight:normal;
	}

#katariba .table_katariba td .kome.kome_right {
	padding: 0px 5px;
font-weight: normal;
display: block;
float: right;
max-width: 498px;
text-indent: -1rem;
	}

#mailConfirm {
	font-size: 16px;
	font-weight: bold;
}

#katariba .table_katariba td .address {
	width:770px;
	margin-bottom:15px;
	}

#katariba .table_katariba td .address dt {
	width:100px;
	float:left;
	}

#katariba .table_katariba td .address dd {
	width:670px;
	float:left;
	}


.main {display: block;position:relative;}
.item1,
.item2,
.item3,
.item4 {width: 100%;position: relative;}
.item4 {margin-bottom:20px;}
	@media (max-width: 480px) {
	.main{
	display: flex;
	flex-flow: row wrap;
	}
	.item1{order: 1;}
	.item2{order: 3;}
	.item3{order: 4;}
 	.item4{order: 2;}/*このセルの位置を操作*/
}

#katariba .pay {
	position: relative;
	top: 10px;
}

#katariba .pay .sp_recommend {
	display: block;
	position: absolute;
	top: -22px;
	left: -10px;
	padding: 5px 10px;
	background: #92a564;
	border-radius: 7px;
	color: #fff;
	z-index: 15;
}

#katariba .pay .triangle {
	display: block;
	background: #92a563;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	position: absolute;
	top: -4px;
	left: 20px;
	z-index: 10;
}

#katariba .pay .tab_header {
	width: 100%;
	border-radius: 5px;
	margin-bottom: 20px;
	display: none;
}

#katariba .pay .pay_radio {
	position: relative;
	display: block;
	background: #f3f5e8;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	border: 1px solid #ccc;
}

#katariba .pay .pay_radio .method {
	padding-left: 45px;
}

#katariba .pay .pay_radio .method:before {
	content: "";
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 21px;
	left: 19px;
}

#katariba .pay .pay_radio.active .method:after {
	content: "";
	width: 13px;
	height: 13px;
	background: #6a7b11;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 24px;
	left: 22px;
}

#katariba .pay .pay_radio input {
	display: none;
}

#katariba .pay .form_row select {
	width: 80px;
}

#katariba .pay .tab_body {
	border: 1px solid #ccc;
	padding: 10px;
}

#katariba .pay .card_form {
	border-top: none;
	border-bottom: none;
}

#katariba .card_numberformError,
#katariba .card_date_error {
	margin-left: 0;
}

#katariba .pay .bank_form {
	border-top: none;
}

#katariba .pay .pay_method_bank.active {
	border-top: none;
}

#katariba .pay .description {
	margin: 7px 0;
	background: none;
	text-align: left;
	line-height: 25px;
}

#katariba .pay .card_form .left_col,
#katariba .pay .card_form .right_col {
	float: none;
}

#katariba .pay .card_form .card_list {
	margin-top: 10px;
	width: auto;
}

#katariba .pay .form_row {
	margin: 20px 0;
}

#katariba .pay .form_row label {
/*	display: block; */
	margin-bottom: 10px;
}

#katariba .pay .form_row input {
	width: 90%;
}

#katariba .pay .form_row .date_txt {
	margin-left: 5px;
	margin-right: 5px;
}

#katariba .pay .tab_body .button {
	width: 100%;
	font-size: 26px;
}
/*
#katariba .pay {
	margin-top:30px;
	background-color:#FFFDF4;
	padding-top:15px;
	padding-bottom:15px;
	}

#katariba .pay .pay_inner {
	width:940px;
	margin:0 auto;
	}

#katariba .pay .pay_inner .credit {
	float:left;
	}

#katariba .pay .pay_inner .bank {
	float:right;
	}

#katariba .pay .pay_inner .payarea {
	width:460px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner {
	width:420px;
	margin:0 auto;
	}

#katariba .pay .pay_inner .payarea .payarea_inner h4 {
	color:#698113;
	font-size:20px;
	}
#katariba .pay .pay_inner .payarea .payarea_inner h4.h4_sp {
	display:none;
	}

#katariba .pay .pay_inner .payarea .payarea_inner h4 span {
	border-left:2px solid #698113;
	margin-right:10px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .txt {
	margin-top:15px;
	margin-bottom:15px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .card {
	}

#katariba .pay .pay_inner .payarea .payarea_inner .furikomi {
	background-color:#EDF0DD;
	padding-top:12px;
	padding-bottom:12px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .furikomi .ginkou {
	width:385px;
	margin:0 auto;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .furikomi .ginkou dt {
	float:left;
	width:155px;
	color:#678012;
	font-size:19px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .furikomi .ginkou dd {
	float:right;
	width:215px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .futan {
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .button {
	margin-top:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	font-size:28px;
	box-shadow: 0px 5px 5px #DAE2E5;
	line-height:100%;
background: rgb(234,146,82);
background: -moz-linear-gradient(top,  rgba(234,146,82,1) 0%, rgba(235,106,25,1) 100%);
background: -webkit-linear-gradient(top,  rgba(234,146,82,1) 0%,rgba(235,106,25,1) 100%);
background: linear-gradient(to bottom,  rgba(234,146,82,1) 0%,rgba(235,106,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9252', endColorstr='#eb6a19',GradientType=0 );
	}

#katariba .pay .pay_inner .payarea .payarea_inner .button a {
	color:#FFFFFF;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	}

#katariba .pay .pay_inner .payarea .payarea_inner .button a:hover {
	text-decoration:none;
	}

*/

/* 20180116 */
/* For Firefox */
input[type='number'] {
	-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#katariba .submit_error {
	display: none;
	background: #fff6f1;
	margin: 40px 0;
	padding: 20px;
	border: 2px solid #F8C3A4;
	border-radius: 7px;
}

#katariba .submit_error_message {
	color: red;
}

#katariba .pay .sp_recommend {
	display: block;
	position: absolute;
	top: -22px;
	left: -10px;
	padding: 5px 10px;
	background: #92a564;
	border-radius: 7px;
	color: #fff;
	z-index: 15;
}

#katariba .pay .triangle {
	display: block;
	background: #92a563;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	position: absolute;
	top: -4px;
	left: 20px;
	z-index: 10;
}

#katariba .pay .tab_header {
	background: #668010;
	color: #fff;
	width: 469px;
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#katariba .pay .pc_recommend {
	font-size: 14px;
	padding: 7px;
	vertical-align: top;
	margin-right: 7px;
	background: #fffdf3;
	border-radius: 7px;
	color: #687f14;
}


#katariba .pay .pay_radio {
	position: relative;
	display: block;
	background: #f3f5e8;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	border: 1px solid #ccc;
}

#katariba .pay .pay_radio .method {
	padding-left: 45px;
}

#katariba .pay .pay_radio .method:before {
	content: "";
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 21px;
	left: 19px;
}

#katariba .pay .pay_radio.active .method:after {
	content: "";
	width: 13px;
	height: 13px;
	background: #6a7b11;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 24px;
	left: 22px;
}

#katariba .pay .pay_radio input {
	display: none;
}

#katariba .pay .tab_header:first-of-type {
	margin-right: 2px;
}

#katariba .pay .tab_header.active {
	opacity: 1;
	box-shadow: 0 0 3px #888;
}

#katariba .pay .tab_header.disactive {
	opacity: 0.6;
	box-shadow: 0 0 6px #ccc;
	transition: opacity 0.3s, box-shadow 0.3s;
}

#katariba .pay .tab_header.disactive:hover {
	opacity: 0.8;
	box-shadow: 0 0 3px #888;
}

#katariba .pay .tab_body {
	clear: both;
	background: #fff;
	padding: 10px 20px;
	border:  1px solid #ccc;
	
}
#katariba .pay.pay_lastbtn {
	background:#FFF;
	top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}
#katariba .pay.pay_lastbtn .tab_body {
	border:none;
}
#katariba .pay.pay_lastbtn .tab_body .button {
margin:0 auto;
}

#katariba .pay .form_row {
	margin: 30px 0;
}

#katariba .pay .card_form .floating_wrap {
	overflow: hidden;
}

#katariba .pay .card_form .left_col {
	float: left;
	width:100%;

}
#katariba .pay .card_form .border-dotted {
	border-bottom:1px dotted #ccc;
	padding-bottom:30px;
	margin-bottom:0px;
}

#katariba .pay .card_form .right_col {
/*	float: right; */
	margin:0 auto;
	width: 100%;
	text-align: center;
	background: #f3f5e8;
}

#katariba .card_numberformError,
#katariba .card_date_error {
	color: #f00;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 180px;
}

#katariba .card_date_error {
	display: none;
}

#katariba .pay .description {
	margin: 10px 0 0px 0;
	padding: 8px 0;
	font-weight: bold;
	letter-spacing: 0.055em;
	line-height: 25px;
	width: 100%;
	text-align: center;
	background: #f3f5e8;
	border-radius: 7px;
}

#katariba .pay .mark {
	color: #E96B14;
}

#katariba .pay .card_list {
	width: 300px;
	text-align: center;
	margin: 30px auto;
	background: #f3f5e8;
	padding:0px 0 10px;
/*	border-radius: 5px;
	border: 1px solid #e0dfdf; */
	font-weight: bold;
}

#katariba .pay .card_list div {
	margin-bottom: 5px;
}

#katariba .pay .card_list img {
	display: block;
	width: 35%;
	margin: 0 auto;
}

#katariba .pay .form_row .label_txt {
	display: inline-block;
	width: 110px;
	font-weight: bold;
}

#katariba .pay .form_row .required {
	background-color: #E96B14;
	color: #FFFFFF;
	width: 36px;
	margin-right: 24px;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}

#katariba .pay .form_row input,
#katariba .pay .form_row select {
	width: 225px;
	padding: 10px;
	border: 1px solid #D1CDCA;
}

#katariba .pay .form_row .bgorange {
	background-color: #F0F0F0;
}

#katariba .pay .form_row select {
	width: 100px;
	padding: 5px 10px;
}

#katariba .pay .form_row .date_txt {
	margin-left: 10px;
	margin-right: 20px;
}

#katariba .pay .tab_body .button,
#katariba .dlg_body .button {
	clear: both;
	margin: 30px auto;
	width: 50%;
	border-radius: 10px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	box-shadow: 0px 5px 5px #DAE2E5;
	line-height: 100%;
	background: rgb(234,146,82);
	background: linear-gradient(to bottom, rgba(234,146,82,1) 0%,rgba(235,106,25,1) 100%);
}

#katariba .pay .tab_body a,
#katariba .dlg_body .button a {
	color: #FFFFFF;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
}

#katariba .pay .tab_body a:before,
#katariba .dlg_body .button a:before {
	content: url(../images/right_arrow_white.png);
	padding-right: 10px;
}

#katariba .pay .bank_form {
	font-weight: bold;
}

#katariba .pay .bank_info {
	float:left;
	width: 397px;
	height: 100px;
	margin: 30px 0;
	background: #f3f5e8;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #e0dfdf;
	font-weight: bold;
}
#katariba .pay .bank_info:first-child {margin:30px 30px 30px 15px;}

#katariba .pay .bank_name {
	width: 45%;
	float: left;
	color: #678012;
	font-size: 19px;
	line-height: 100px;
}

#katariba .pay .bank_description {
	width: 55%;
	float: right;
	line-height: 22px;
}

#katariba .pay .bank_info.yucho .bank_description {
	margin-top: 25px;
}

#katariba .pay .attention {
	font-weight: normal;
	font-size: 11px;
	text-align: center;
}

#katariba .pay.pay_lastbtn {
    background: #FFF;
    top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#katariba .pay.pay_lastbtn .tab_body {
    border: none;
}


#katariba .dlg_back {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	z-index: 20;
	display: none;
}

#katariba .dlg_body {
	position: absolute;
	left: 25%;
	width: 50%;
	margin: 50px auto;
	background: #fff;
	border: 3px solid #92a564;
	border-radius: 10px;
	box-shadow: 0 5px 15px #999;
	padding: 40px 0;
	z-index: 21;
	display: none;
	opacity: 0;
}

#katariba .dlg_body h1 {
	width: 90%;
	padding: 0 5%;
	background: #688012;
	color: white;
	font-size: 25px;
}

#katariba .dlg_body .width_wrap {
	width: 90%;
	padding: 0 5%;
	margin: 0 auto;
}

#katariba .dlg_body h2 {
	margin: 20px 0;
	padding: 10px;
	border-bottom: 1px dashed #CACACA;
	border-top: 1px dashed #CACACA;
	border-left: 5px solid #647F16;
	color: #3b4c09;
	font-size: 20px;
	font-weight: bold;
	background: #EDF0DD;
	opacity: 0.7;
}

#katariba .dlg_body th,
#katariba .dlg_body td {
	width: 50%;
	font-weight: bold;
	padding: 15px 20px;
}

#katariba .dlg_body th {
	border-right: 1px solid #92a563;
	background: #fffdf3;
}

#katariba .dlg_body tr {
	border: 1px solid #92a563;
}

#katariba .dlg_body .back_link {
	margin: 40px 0 0 0;
	text-align: center;
	font-weight: normal;
}

#katariba .dlg_body .back_link a {
	color: #647F16;
}

#katariba .dlg_body .dlg_bank_attention {
	display: none;
	text-align: center;
	margin-top: 17px;
	position: relative;
	top: 22px;
	font-weight: normal;
}

#katariba .kojin {
	margin-top:35px;
	border:1px solid #CCCCCC;
	background-color:#F2F2F2;
	padding-top:20px;
	padding-bottom:20px;
	}

#katariba .kojin .kojin_inner {
	width:940px;
	margin:0 auto;
	}

#katariba .kojin .kojin_inner dl {}

#katariba .kojin .kojin_inner dl dt {
	font-size:15px;
	font-weight:bold;
	float:left;
	width:140px;
	margin-top:10px;
	}

#katariba .kojin .kojin_inner dl dd {
	width:740px;
	float:right;
	}

#katariba .kojin .kojin_inner dl dd .minasama {
	font-size:15px;
	font-weight:bold;
}

#katariba .kojin .kojin_inner dl dd .link {
	font-size:12px;
	font-weight:normal;
	}

#katariba .kojin .kojin_inner dl dd .link a {
	color:#0071BC;
	}

#katariba .kojin .kojin_inner dl dd .link .iconkojin {
	padding-top:3px;
	}

/*20160216*/
#katariba .pay .pay_inner .credit .card_maitsuki {
	text-align:center;
	}

#katariba .pay .pay_inner .bank .txt_yucho {
	margin-bottom:115px;
	margin-top:12px;
	}
#katariba .txt_yucho2,
#katariba .pay .pay_inner .bank .note_yucho {
	display:none;
	}


/*    181113追加       */

#katariba .pay .pay_inner .credit_kome {
	display: block;
	float: right;
	width: 500px;
	font-size: 13px;
	line-height: 130%;
	margin: 5px 25px 0 0;
}

#katariba .pay .pay_inner .tab_body .credit_kome2 {
	letter-spacing: 0.055em;
}

#katariba .creditarea {
	width:700px;
	margin:70px auto 0 auto;
	border:1px solid #CBCBCB;
	}

#katariba .creditarea .credittitle {
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
	line-height:100%;
	background-color:#688012;
	color:#FFFFFF;
	}

#katariba .creditarea .credit_inner {
	background-color:#F2F2F2;
	}

#katariba .creditarea .credit_inner dl {
	width:660px;
	margin:0 auto;
	padding-top:20px;
	}

#katariba .creditarea .credit_inner dl dt {
	color:#697F12;
	font-size:15px;
	font-weight:bold;
	}

#katariba .creditarea .credit_inner dl dd {}

#katariba .creditarea .credit_inner .border {
	border-top:1px solid #CBCBCB;
	margin-top:15px;
	}

#katariba .creditarea .credit_inner .credit_txt {
	width:660px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
	}
/* -----------------------------------------------------------
thanks
----------------------------------------------------------- */
 .thanks{}

 .thanks #header_thanks {
	width:100%;
	border-bottom:1px solid #678012;
	margin-bottom:50px;
	padding:15px 0;
}

.thanks #header_thanks #header_inner{
	width:980px;
	margin:0 auto;
}

.thanks .gr_txt {
	font-size:50px;
	color:#678012;
	text-align:center;
	padding:50px 0;
	font-weight:bold;
}

 .thanks .thanks_sentence {
	font-size:20px;
	margin-bottom:40px;
	font-weight:normal;
}

.thanks .comment_box {
	background-color:#fffef3;
	width:920px;
	margin:0 auto 40px auto;
	padding:30px;
	font-size:20px;
	font-weight:normal;
	border:1px solid #678012;
}
.thanks .comment_box ul {}
.thanks .comment_box li {
	float:left;
}

.thanks .comment_box .left {
	width:410px;
	margin-right:100px;
}

.thanks .comment_box .right {
	width:410px;
}

.thanks .comment_box .txt {
	padding-left:20px;
}

.thanks .box {
	border-top:1px solid #CCC;
	margin:0 auto 40px 0;
	width:980px;
	padding:40px 0 0 0;
	font-weight:normal;
	font-size:20px;
}
.thanks .box .title {
	font-weight:bold;
	margin-bottom:10px;
}

.thanks .box .hoka {
	background-color:#eef1cc;
	text-align:center;
	color:#2b883a;
	font-weight:bold;
	padding:5px;
	margin:0 0 20px 0;
}
.thanks .box .bank_title {
	background-image: url(../images/thanks_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 40px;
	margin-bottom:10px;
	font-weight:bold;

}
.thanks .box .bank_accounts {
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	padding:20px;
	margin-top:30px;
}

.thanks .box .bank_accounts p {
	color:#678012;
}

.thanks .box .bank_accounts table {
	font-size:14px;
}

.thanks .box .bank_accounts th {
	padding:0 10px 0 0;
}

.thanks .box .caution_txt {
	font-size:14px;
}

.thanks .box .sankaku {
	text-align:center;
	margin-bottom:30px;
}

.thanks .box .gr_txt {
	font-size:35px;
	color:#678012;
	text-align:center;
	padding:0px;
	margin-bottom:30px;
}

.thanks .box .gr_txt02 {
	font-size:24px;
	color:#678012;
	text-align:center;
	padding:0px;
	margin-bottom:15px;
	font-weight:bold;
}
.thanks .box .center_txt {
	text-align:center;
	line-height:160%;
}

.thanks .box .btn {
	text-align:center;
}


.thanks .box .info_box {
	width:980px;
}

.thanks .box .info_box li {
	float:left;
}

.thanks .box .info_box li p.sentence {
	height:120px;
	margin-top:15px;
}

.thanks .box .info_box li.left {
	width:435px;
	margin-right:90px;
}
.thanks .box .info_box li.right {
	width:445px;
}

.thanks .box .info_box li a {
	color:#678012;
	text-decoration:underline;
	padding:0 0 0 10px;
}

.thanks .box .info_box li a:hover {
	text-decoration:none;
}

.thanks .box .hoka {
	background-color:#fffef3;
	text-align:center;
	color:#678012;
	font-weight:bold;
	padding:5px;
	margin:0 0 20px 0;
	border:1px solid #678012;
}

.thanks .bank_flow {
	width:980px;
	margin:30px auto 0 auto;
	}

.thanks .bank_flow ul {}

.thanks .bank_flow ul li.flowkouza {
	width:293px;
	float:left;
	}

.thanks .bank_flow ul li.flowkouza dl {}

.thanks .bank_flow ul li.flowkouza dl dt {
	font-size:19px;
	color:#678012;
	font-weight:bold;
	background-color:#f2f2f2;
	border:1px solid #dfdfdf;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	line-height:100%;
	}

.thanks .bank_flow ul li.flowsarrow {
	float:left;
	width:48px;
	text-align:center;
	}

.thanks .goshien {
	width:980px;
	margin:0px auto 0 auto;
	}

.thanks .goshien ul {}

.thanks .goshien ul li {
	width:295px;
	margin-right:47px;
	float:left;
	}

.thanks .goshien ul li.last {
	margin-right:0px;
	}

.thanks .goshien ul li dl {}

.thanks .goshien ul li dl dt {
	text-align:center;
	background-color:#678012;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
	}

.thanks .goshien ul li dl dd.img {}

.thanks .goshien ul li dl dd.img img {
	margin-bottom:8px;
	}

.thanks .goshien ul li dl dd a {
	color:#678012;
	}



.thanks .comment_box .cell img{
width:150px;
}



/* -----------------------------------------------------------
footer
----------------------------------------------------------- */
footer {
	margin-top:50px;
	width:100%;
	padding:20px 0;
	text-align:left;
	border-top:3px solid #67820D;
	border-bottom:35px solid #67820D;
	background-color:#F4F4F4;
	}

footer #footer_inner {
	width:985px;
	margin:0 auto;
	}

footer #footer_inner .footer_left {
	color:#698113;
	font-size:20px;
	font-weight:bold;
	margin-top:45px;
	width:270px;
	float:left;
}

footer #footer_inner .footer_border {
	border-left:2px solid #698113;
	float:left;
	height:120px;
	width:50px;
	}

footer #footer_inner .footer_center {
	float:left;
	width:580px;
	margin-top:10px;
	}

footer #footer_inner .footer_center dt {
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
	}

footer #footer_inner .footer_center dd {
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:25px;
}

footer #footer_inner .footer_right {
	float:right;
	width:73px;
	margin-top:20px;
	}

.sp-tel {
	color: inherit;
}

.sp-tel:hover {
	text-decoration: none;
}

.attentionView {
	width: 95%;
	margin: 0 auto;
}
.attentionView p {
	color: #BB3939;
	margin: 1.5em 0 0 1em;
	text-indent: -1em;
}
@media only screen and (max-width: 480px) {
	.a{
	display: none;
}
}




/* -----------------------------------------------------------
online DM
----------------------------------------------------------- */

.content {
	margin: 0 auto 45px;
}

.main_dm {
	overflow: hidden;
	border: 2px solid #67820D;
	background: #93c47dff;
	margin-bottom: 30px;
	padding: 10px;
	vertical-align: middle;
}

.main_dm .fl_l {
	float: left;
}

.main_dm .main_l {
	width: 48%;
}

.main_dm .banner {
	width: 100%;
}

.main_dm .fl_r {
	float: right;
}

.main_dm .main_r {
	width: 48%;
}

.main_dm h2 {
	color: #fff;
	font-size: 3em;
	margin: auto 0;
}

.main_txt {
	border: solid 2px #67820D;
}

.main_txt p {
	padding: 10px;
	font-size: 2em;
}


.main_title {
	margin: 40px 0;
	text-align: center;
}

.main_title .main_h3 {
	position: relative;
	display: inline-block;
	padding: 0 180px;
}

.main_title .main_h3:before, .main_h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 150px;
	height: 2px;
	background-color: #647F16;
}

.main_title .main_h3:before {left:0;}
.main_title .main_h3:after {right: 0;}

.main_title .main_h3 {
	color: #647F16;
	font-size: 1.5em;
}

.main_block {
	overflow: hidden;
	width: 980px;
	display: flex;
	justify-content: space-around;
	margin: auto;
	padding-left: 0;
}

.box {
	border: solid 1px #647F16;
	text-align: center;
	width: 250px;
	padding: 10px;
}
@media (max-width: 768px) {
	.main_txt p {
		font-size: 1.5em;
	}

	.main_title .main_h3 {
		padding: 0 30px;
		display: block;
	}
	.main_title .main_h3:before, .main_h3:after{
		width: calc((100% - 260px) / 2);
	}

	.main_block {
		width: 100%;
		display: block;
	}

	.box {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		width: auto;
		margin: 0 10px;
		box-sizing: border-box;
		text-align: left;
	}
	.box:not(:last-child) {
		margin-bottom: 15px;
	}
	.box .box_p {
		margin: 0 !important;
	}
	.box .txt {
		width: calc(100% - 160px) !important;
	}
	.box .box_p .shien_p {
		width: 150px !important;
		height: 150px !important;
	}
}

.box .box_p  {
	margin: 10px auto;
}

.box .box_p .shien_p {
	width: 200px;
	height: 200px;
	object-fit: cover;
	margin: 0 auto;
}

.box .txt  {
	color: #647F16;
}

.box .txt .price {
	font-size: 2em;
	color: #647F16;
}




/* -----------------------------------------------------------
  2019.3.20  追加
----------------------------------------------------------- */
#katariba .pay .form_row .kome {
	opacity: 0.7;
	display: inline-block;
	font-size:12px;
	padding-top:8px;
	font-weight:normal;
}

/* -----------------------------------------------------------
  2019.3.22  追加
----------------------------------------------------------- */
.card-cvc-wrap {
  display: table;
}

.card-cvc-content {
  display: inline-block;
}

@media screen and (min-width:480px) {
  .security_code {
    vertical-align: top;
  }
}

/*----------------------------------------------
 ポップアップ
----------------------------------------------*/
@media screen and (max-width:480px) {
	.sp_security img {
		display: inline;
	}
	.pc_security img {
		display: none;	
	}
}

@media screen and (min-width:481px) {
	.sp_security img {
		display: none;
	}
	.pc_security img {
		display: inline;	
	}
}

.modal_wrap input{
    display: none;
}

.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content {
    position: relative;
    align-self: center;
    width: 90%;
    height:80vh;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
    overflow-y: scroll;	
}

.modal_content p {
    font-weight: normal;
    line-height:1.6;
    font-size:11px;
}

.modal_content p.heading {
		font-size:14px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 2px;
    margin-top: 10px;
}

.modal_content p.red {
    font-weight: normal;
    font-size: 10px;
    margin: 8px 0;
    color: #e74c3c;
}

.close_button{
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 24px;
    cursor: pointer;
}

.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

.open_button{
    display: inline;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.cp_tooltip {
	position: relative;
	display: inline;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	font-weight: normal;
	z-index: 1;
	left: -100%;
	bottom: 40px;
	visibility: hidden;
	width: auto;
	min-height: 300px;
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	opacity: 0;
	color: #333;
	border-radius: 6px;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
}

.cp_tooltip .cp_tooltiptext p {
    font-weight: normal;
    line-height:1.6;
    font-size:11px;
}

.cp_tooltip .cp_tooltiptext p.heading {
		font-size:14px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 2px;
    margin-top: 10px;
}

.cp_tooltip .cp_tooltiptext p.red {
    font-weight: normal;
    font-size: 10px;
    margin: 8px 0;
    color: #e74c3c;
}

.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}


/* -----------------------------------------------------------
  2019.3.20  追加
----------------------------------------------------------- */
.font_sz16 {
	font-size: 16px;
}

.font_sz18 {
	font-size: 16px;
}

#katariba .color-blue .kifu {
	background-color: #00aa8c;
}

#katariba .color-blue h3 {
	background-color: #e7f7f2;
    border-left: 5px solid #04a98b;
    color: #04a98b;
}

#katariba .color-blue .pay .sp_recommend {
	background: #04a98b;
}

#katariba .color-blue .pay .pay_radio.active .method:after {
	background: #04a98b;
}

#katariba .color-blue .pay .description {
	background: #e7f7f2;
}

#katariba .color-blue .pay .card_list {
    background: #e7f7f2;
}

#katariba .color-blue .pay .pay_radio {
    background: #e7f7f2;
}

.color-blue footer {
	border-top: 3px solid #00aa8c;
    border-bottom: 35px solid #00aa8c;
}

.color-blue footer #footer_inner .footer_left {
    color: #04a98b;
}

.color-blue footer #footer_inner .footer_border {
    border-left: 2px solid #04a98b;
}

.color-blue footer #footer_inner .footer_center dd {
    background-image: url(../images/mark_gr.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}

#katariba .color-blue .table_katariba {
	border-top: 1px solid #e7f7f2;
}

#katariba .color-blue .table_katariba td {
	border-bottom: 2px solid #e7f7f2;
}

#katariba .color-blue .table_katariba th {
	border-bottom: 2px solid #e7f7f2;
}

#katariba .color-blue .pay .triangle {
	background: #04a98b;
}

@media screen and (max-width: 480px) {
	.color-blue footer #footer_inner .footer_border {
		border-top: 2px solid #04a98b;
	}
}