@charset "UTF-8";

/*jQuery(simplelib)予約語
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.rollover {/*ロールオーバー*/}
.fixHeight {/*高さ揃え*/}
.fixHeightChild_a {/*高さ揃え子要素*/}
.lightBox {/*ライトボックス*/}
.scroll {/*スムーズスクロール*/}
.accordion {/*アコーディオンナビ*/}
.imgSwap {/*スワップイメージ*/}
.tab {/*タブナビ*/}



/*見出しマージン*/
.ttl_mt_a {
margin-top:130px;
}
.ttl_mt_b {
margin-top:200px;
}

		@media screen and (max-width:767px) {
		.ttl_mt_a {
		margin-top:90px;
		}
		.ttl_mt_b {
		margin-top:100px;
		}
		/*smp end*/}


/*見出しA
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_a {
margin-bottom:65px;
}
.ttl_a.small {
margin-bottom:30px;
}

#header_sec+.ttl_a {
margin-top:70px;
}
.ttl_a h1,
.ttl_a h2 {
font-size: 30px;
text-align: center;
letter-spacing: 7px;
}
.ttl_a h1 span,
.ttl_a h2 span {
font-size: 16px;
padding-bottom:20px;
display: inline-block;
letter-spacing: 4px;
}

/*サイズ小*/
.ttl_a.small h1,
.ttl_a.small h2 {
font-size: 22px;
letter-spacing: initial;
}


/*見出しA アニメーション 文字
.ttl_a .ttl_a_boxa {
  overflow: hidden;
  opacity: 0;
  width:100%;
}
.ttl_a .ttl_a_boxa h1 {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.ttl_a .ttl_a_boxa h2 {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.ttl_a.is_animated .ttl_a_boxa {
  opacity: 1;
}
.ttl_a.is_animated .ttl_a_boxa h1,
.ttl_a.is_animated .ttl_a_boxa h2 {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
*/

/*見出しA アニメーション ボーダー(JS連動)
.ttl_a+div {
opacity: 0;
}
.ttl_a.is_animated+div {
opacity: 1;
height:14px;
text-align: center;
margin-top:15px;
margin-bottom:50px;
}
.ttl_a.is_animated+div img {
width:10px;
transition: 1.2s;
transform:scale(36,1);
}
.ttl_a.small.is_animated+div img {
width:250px;
height:14px;
}
*/

/*見出しA アニメーションナシ ボーダー(JS連動)*/

.ttl_a .ttl_a_boxa+div {
text-align: center;
}
.ttl_a .ttl_a_boxa+div img {
width:360px;
height:14px;
margin:20px auto 0;
}
.ttl_a.small .ttl_a_boxa+div img {
width:250px;
height:14px;
margin:10px auto 0;
}



		@media screen and (max-width:767px) {
		.ttl_a,
		.ttl_a.small {
		margin-bottom:25px;
		}
		.ttl_a h1,
		.ttl_a h2 {
		font-size: 18px;
		letter-spacing: 4px;
		margin-bottom:0px;
		}
		.ttl_a.small h1,
		.ttl_a.small h2 {
		font-size: 15px;
		}
		.ttl_a h1 span,
		.ttl_a h2 span {
		font-size: 12px;
		padding-bottom:5px;
		letter-spacing: 2px;
		}
		.ttl_a .ttl_a_boxa h1,
		.ttl_a .ttl_a_boxa h2 {
		  margin-bottom:0px;
		}
		/*見出しA ボーダー*/
		.ttl_a .ttl_a_boxa+div {
		text-align: center;
		}
		.ttl_a .ttl_a_boxa+div img {
		width:200px;
		height:7px;
		margin:20px auto 0;
		}
		.ttl_a.small .ttl_a_boxa+div img {
		width:150px;
		height:7px;
		margin:10px auto 0;
		}
		/*smp end*/}


/*見出しB
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_b {
text-align:center;
font-size: 25px;
margin:135px auto 35px;
}

		@media screen and (max-width:767px) {
		.ttl_b {
		font-size: 15px;
		margin:55px auto 15px;
		}
		/*smp end*/}



/*見出しC　(ログイン画面)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_c {
font-size: 18px;
border-bottom: solid 1px #080808;
padding-bottom:5px;
margin-bottom:40px;
}


/*見出しD (自動生成ページ見出し)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_d {
font-size:18px;
margin-top:0px;
margin-bottom:40px;
}



/*見出しE (特商法h1)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_e {
font-size: 18px;
border-bottom:solid 1px #707070;
padding-bottom:5px;
margin-bottom:30px;
width:520px;
}
		@media screen and (max-width:767px) {
		.ttl_e {
		margin-bottom:20px;
		width:100%;
		}
		/*smp end*/}


/*見出しF (特商法h2)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_f {
font-size: 18px;
border-bottom:solid 1px #707070;
padding-bottom:5px;
margin-top:80px;
min-width:200px;
display: inline-block;
}
.ttl_e+.ttl_f {
margin-top:50px;
}


/*見出しG (特商法h3)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_g {
font-size: 18px;
margin-top:40px;
margin-bottom:10px;
}
.ttl_f+.ttl_g {
margin-top:20px;
}






/*段組み
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*均等*/

.col_between {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}

.fs-body-about-terms .col_between {
width:85%;
}



/*中央寄せ*/

.col_center {
display: flex;
flex-wrap:wrap;
justify-content: center;
}



/*左寄せ*/

.col_left {
display:flex;
flex-wrap:wrap;
}
.col_left li,
.col_left .boxa {
margin-right:20px;
margin-left:20px;
}



/*自動伸縮：2段組み*/

.col_table {
display:table;
}
.col_table .boxa {
display: table-cell;
vertical-align: top;
padding-right:40px;
padding-top:20px;
}
.col_table .boxa:nth-child(even) {
padding-right: 0px;
}
.col_table .boxa img {
max-width:initial;
}
.col_table .boxa p:first-child {
margin-top:0px;
}
.col_table .boxa.tpye_b {/*改行禁止*/
white-space: nowrap;
}

		@media screen and (max-width:767px) {
		.col_table {
		display:block;
		width:auto;
		}
		.col_table .boxa {
		display: block;
		padding-right:0px;
		}
		.col_table .boxa:nth-child(even) {
		padding-right: 0px;
		}
		.col_table .boxa img {
		display: block;
		max-width:100%;
		margin-right:auto;
		margin-left:auto;
		}
		/*smp end*/}





/*テーブル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*テーブル調整*/

.nowrap {
white-space: nowrap;
}n


/*パターンA 無地*/
.table_a {
border-collapse: collapse;
}
.table_a th,
.table_a td {
padding:13px;
vertical-align: top;
}
		@media screen and (max-width:767px) {
		.table_a th,
		.table_a td {
		padding:5px;
		}
		/*smp end*/}

/*パターンB*/
.table_b {
border-collapse: collapse;
margin-top:20px;
min-width:325px;
}
.table_b th,
.table_b td {
padding:5px 20px;
border: solid 1px #3B3A3A;
}

.table_b th {
background: #E5E5E5;
font-size: 400;
}
.table_b th.border_none {
background:none;
}

.table_b.type_b th,
.table_b.type_b td {
padding:15px 25px;
}
.table_b.type_b td.font15_pc,
.table_b.type_b td.font10_smp {
padding:5px 0px;
vertical-align: top;
}

		@media screen and (max-width:767px) {
		.table_b {
		min-width:initial;
		}
		.table_b th,
		.table_b td,
		.table_b.type_b th,
		.table_b.type_b td {
		padding:5px;
		}
		.table_b+.table_b {
		margin-top:20px;
		}
		.table_scroll {
		overflow:auto;
		}
		/*smp end*/}




/*フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*フォントサイズ*/

.font14,
.font14 li {font-size: 14px !important;}
.font15,
.font15 li {font-size: 15px !important;}
.font18,
.font18 li {font-size: 18px !important;}

		@media screen and (min-width:768px) {
		.font14_pc {font-size: 14px !important;}
		.font15_pc {font-size: 15px !important;}
		/*pc end*/}

		@media screen and (max-width:767px) {
		.font10_smp {font-size: 10px !important;}
		.font14_smp {font-size: 14px !important;}
		.font15_smp {font-size: 15px !important;}
		/*smp end*/}


/*フォント装飾*/

.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

.font_bold {font-weight: bold;}

.color_red {color: #FF0000;}

.text_vertical {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
		@media screen and (min-width:768px) {
		.text_vertical_pc {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		}
		/*pc end*/}



/*アローマーク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

a.arrow {
background: url(https://yamawaki.itembox.design/item/common/img/base/arrow_a@2x.png) no-repeat right center;
background-size: 70px 8px;
padding-right:80px;
text-decoration: none;
}

		@media screen and (max-width:767px) {
		a.arrow {
		display: inline-block;
		background-image: url(https://yamawaki.itembox.design/item/common/img/base/arrow_smp@2x.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 136px 19px;
		padding-right:0px;
		padding-bottom:5px;
		min-width:136px;
		}
		/*smp end*/}





/*ボタン風テキストリンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/
p.btn_link {
	text-align: center;
}
p.btn_link a,
a.btn_link {
	padding:10px 10px;
	background:#4E355D;
	color: #fff;
	min-width: 370px;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
}
p.btn_link a:hover,
a.btn_link:hover {
	opacity: .6;
}




/*フロート
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.float_right {float: right;}
.float_left {float: left;}
.clear_both {clear: both;}

/*イメージの回り込み*/
.img_right {
float: right;
margin-left:20px;
margin-bottom:10px;
}
.img_left {
float: left;
margin-right:20px;
margin-bottom:10px;
}

/*clearfix */
.cl:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cl { 
display: inline-block; 
zoom:normal;/*for IE 5.5-7*/
}
/* clearfix exlude MacIE5 \*/
* html .cl { height: 1% }
.cl {display:block;}





/*リスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*リスト ディスク*/
ul.list_disc li {
list-style:disc;
margin-left:1.8em;
}



/*リスト インデント(中黒や※に使用)*/
.list_indent,
ul.list_indent li {
text-indent:-1em;
margin-left:1em;
}
ul.list_indent {
text-indent:0em;
margin-left:0em;
}

/*インデント3つ分*/
.list_indent.em03,
ul.list_indent.em03 li {
text-indent:-3em;
margin-left:1.5em;
}






/*ワイド
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.w1000 {
width:1000px;
margin-right:auto;
margin-left:auto;
}
.w100per {
width:100%;
margin-right:auto;
margin-left:auto;
}
.w_auto {
width:auto;
margin-right:auto;
margin-left:auto;
}

		@media screen and (max-width:767px) {
		.w1000,
		.width_a {
		width:auto;
		margin-right:10px;
		margin-left:10px;
		}
		/*smp end*/}





/*表示切り替え
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.display_pc {display:block;}
.display_smp {display:none;}
img.display_pc {display:inline-block;}
img.display_smp {display:none;}

		@media screen and (max-width:767px) {
		.display_pc {display:none;}
		.display_smp {display:block;}
		img.display_pc {display:none;}
		img.display_smp {display:inline-block;}
		/*smp end*/}





/*フォーム
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.input_middle {
width:60%;
}
.input_large {
width:98%;
}





/*注釈欄
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*パターンA*/

.note_a {}



/*スマホ画面端
ーーーーーーーーーーーーーーーーーーーーーーーー*/

		@media screen and (max-width:767px) {
		.smp_edge {
		margin-right:15px;
		margin-left:15px;
		}
		/*smp end*/}



/*ボーダー
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.border_none {
border:none !important;
}


/*SNSアイコン
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.container_sns {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.container_sns p {
margin: 0px 15px;
}
.container_sns p:first-child {
width: 46px;
}
.container_sns p:last-child {
width: 40px;
}

		@media screen and (max-width:767px) {
		.container_sns {
		margin-bottom: 30px;
		}
		.container_sns p {
		margin: 0px 10px;
		}
		.container_sns p:first-child {
		width: 26px;
		}
		.container_sns p:last-child {
		width: 20px;
		}
		#global_smp .container_sns {
		background: url(https://yamawaki.itembox.design/item/common/img/base/header_smp_border@2x.png) no-repeat center top;
		background-size: 200px 1px;
		margin-top:40px;
		margin-bottom: 0px;
		}
		#global_smp .container_sns p {
		margin-top: 40px;
		}
		#global_smp .container_sns + ul {
		background: none;
		margin-top: 0px;
		}
		/*smp end*/}





/*ーーーーーーーーーーーーーーーーーーーーーーーー
スペース調整
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr60 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb60 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml60 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}