@charset "UTF-8";

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

.scroll {/*スムーズスクロール*/}
.accordion {/*アコーディオンナビ*/}
.tab {/*タブナビ*/}
.lightbox {/*ライトボックス*/}




/*ページ名　h1
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ttl_page {
display: flex;
align-items:center;
min-height:235px;
border-bottom:solid 1px #CBC3AE;
}
.ttl_page h1 {
width:1100px;
margin:0 auto;
font-size: 36px;
color: #2E5748;
font-family:"游明朝体", "YuMincho", serif;
}
		@media screen and (max-width:743px) {
		.ttl_page {
		min-height:155px;
		}
		.ttl_page h1 {
		width:100%;
		padding:0 20px;
		box-sizing: border-box;
		font-size: 24px;
		}
		/*smp end*/}




/*大見出し h2
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ttl_a,
.ttl_set_a h2,
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
color:#2E5748;
font-family:"游明朝体", "YuMincho", serif;
font-size: 36px;
font-weight: 600;
text-align: center;
background: url("https://kotaki.itembox.design/item/common/img/base/h2_bg.png") no-repeat center bottom / 43px auto;
padding:120px 0px 20px;
margin-bottom:55px !important;
line-height: 1.4;
}

#product_contents .ttl_a {
padding-top:0px;
margin-top:120px;
}


		@media screen and (max-width:743px) {
		.ttl_a,
		.ttl_set_a h2,
		.fs-c-wishlistProduct__title,
		.fs-c-featuredProduct__title {
		font-size: 27px;
		padding:95px 0px 20px;
		margin-bottom:35px;
		}
		#product_contents .ttl_a {
		margin-top:95px;
		}
		/*smp end*/}




/*中見出し h3
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ttl_b,
.ttl_set_a h3 {
color:#2E5748;
font-family:"游明朝体", "YuMincho", serif;
font-size: 28px;
font-weight: 600;
background: url("https://kotaki.itembox.design/item/common/img/base/h3_bg.png") no-repeat left bottom/1500px auto;
padding:50px 0px 22px;
margin-bottom:25px;
line-height: 1.4;
}

.ttl_a+.ttl_b,
.ttl_set_a h2+h3 {
padding-top:0px;
}


		@media screen and (max-width:743px) {
		.ttl_b,
		.ttl_set_a h3 {
		font-size: 24px;
		padding:40px 0px 20px;
		margin-bottom:0px;
		}
		/*smp end*/}




/*小見出し h4
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ttl_c,
.ttl_set_a h4 {
color:#2E5748;
font-family:"游明朝体", "YuMincho", serif;
font-size: 24px;
font-weight: 600;
padding:35px 0px 0px;
margin-bottom:-10px;
line-height: 1.4;
}

.ttl_b+ttl_c,
.ttl_set_a h3+h4 {
padding-top:10px;
}

		@media screen and (max-width:743px) {
		.ttl_c,
		.ttl_set_a h4 {
		font-size: 21px;
		padding:30px 0px 0px;
		}
		.ttl_b+ttl_c,
		.ttl_set_a h3+h4 {
		padding-top:30px;
		}

		/*sm end*/}


	/* 最小見出し h5
	ーーーーーーーーーーーーーーーーーーーーーーーー */
	.ttl_d,
	.ttl_set_a h5 {
		font-family:"游明朝体", "YuMincho", serif;
		font-size: 21px;
		color: #2E5748;
		margin-top: 45px;
	}



/*テキスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*ページ冒頭に見出しがない場合*/

.fs_data>p:first-child,
.fs_data>ul:first-child,
.fs_data>ol:first-child,
.fs_data>dl:first-child,
.fs_data>table:first-child {
margin-top:90px;
}
		@media screen and (max-width:743px) {
		.fs_data>p:first-child,
		.fs_data>ul:first-child,
		.fs_data>ol:first-child,
		.fs_data>dl:first-child,
		.fs_data>table:first-child {
		margin-top:60px;
		}
		/*smp end*/}



/*フォントサイズ*/
.font_small {font-size: 14px;}
.font_large {font-size: 22px;}


/*フォント配列*/
.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

/*PCのみ配列*/
@media screen and (min-width:744px) {
.text_right_pc {text-align: right;}
.text_left_pc {text-align: left;}
.text_center_pc {text-align: center;}
/*pc end*/}


/*スマホのみ配列*/
		@media screen and (max-width:743px) {
		.text_right_smp {text-align: right;}
		.text_left_smp {text-align: left;}
		.text_center_smp {text-align: center;}
		/*smp end*/}


/*フォント装飾*/
.font_bold {font-weight: 600;}
.color_red {color: #B73B36;}


/*マーカー*/
.text_em {
font-weight: 600;
background:linear-gradient(transparent 60%, #FACCB6 0%);
padding-bottom:3px;
}
.lay122.bg_c .text_em {
background:linear-gradient(transparent 80%, #8c8572 0%);
}



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

/*リスト共通*/
ol,
.list_arrow,
.list_disc,
.list_indent {
margin-left:15px;
}

/*数字リスト*/
ol {
counter-reset: li;    /* li のカウンタを 0 にセット */
list-style: none;
}
ol li {
text-indent:-1.12em;
margin-left:1.4em;
}
ol li:before {
color: #8E692E;
font-family:"游明朝体", "YuMincho", serif;
font-weight: 600;
counter-increment: li;   /* li の数を一つずつ増加 */
content: counter(li) ". ";          /* 数を表示 */
}




/*リンク付きリスト*/

.list_arrow a {
background: url("https://kotaki.itembox.design/item/common/img/base/list_arrow.png") no-repeat 0px 3.5px / 21px auto;
padding-left:30px;
display: inline-block;
}



/*リスト ディスク*/
ul.list_disc li {
list-style:none;
background: url("https://kotaki.itembox.design/item/common/img/base/list_disc.png") no-repeat 0px 10px / 6px auto;
padding-left:0.85em;
}



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


/*リスト　Q&A（よくある質問）
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.list_qa dt {
background: url("https://kotaki.itembox.design/item/common/img/base/icon_Q.png") no-repeat 0px 2px / 20px auto;
padding-left:30px;
font-family:"游明朝体", "YuMincho", serif;
font-size: 22px;
font-weight: 600;
color:#2E5748;
margin-top:40px;
}
.list_qa dd {
margin-left:30px;
line-height: 1.8;
}

.list_qa dd img {
margin:5px 0px;
}




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

.table_a {
margin:40px auto 0px;
border-collapse: collapse;
border-top:solid 1px #93774B;
}
.x_scroll .table_a {
margin-top:20px;
}
.table_a th,
.table_a td {
padding:15px 20px;
border: solid 1px #D9D4BF;
border-top:none;
}
.table_a th {
color: #2E5748;
font-size: 19px;
font-weight: 600;
font-family:"游明朝体", "YuMincho", serif;
background: #E4EBE1;
}
.table_a td {
background: #fff;
}
.table_a caption {
color: #2E5748;
font-size: 28px;
font-family:"游明朝体", "YuMincho", serif;
margin-bottom:15px;
}

		@media screen and (max-width:743px) {
		.table_a th,
		.table_a td {
		padding:15px;
		}
		.table_a th {
		color: #2E5748;
		font-size: 16px;
		}
		.table_a caption {
		font-size: 24px;
		}
		/*smp end*/}


/*スマホでテーブルを1列にする*/

		@media screen and (max-width:743px) {
		table.table_sepa,
		table.table_sepa tbody,
		table.table_sepa tr,
		table.table_sepa th,
		table.table_sepa td,
		table.table_sepa caption {
		display:block;
		}
		/*smp end*/}


/*テーブル装飾*/
.th_nowrap th {
white-space: nowrap;
}


/*商品詳細スペック表*/

.table_a.table_spec {
width:100%;
}
.table_a.table_spec th {
width:5em;
}
		@media screen and (max-width:743px) {
		.table_a.table_spec th {
		width:4em;
		}
		/*smp end*/}




/*フォーム用テーブル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.table_form {
margin:40px auto 50px;
width:100%;
border-bottom: solid 1px #CEC9B6;
}
.table_form th,
.table_form td {
padding:35px 0px;
border-top:solid 1px #CEC9B6;
box-sizing: border-box;
}

.table_form th {
width:33%;
}

.table_form th,
.table_form th p {
color: #2E5748;
font-size: 20px;
font-weight: 600;
vertical-align: top;
font-family:"游明朝体", "YuMincho", serif;
line-height: 1.6;
}

.table_form input[type="text"] {
margin-bottom:5px;
}

		@media screen and (max-width:743px) {

		table.table_form,
		.table_form tbody,
		.table_form tr,
		.table_form th,
		.table_form td {
		display: block;
		}
		.table_form th {
		padding:30px 0px 0px;
		}
		.table_form td {
		padding:10px 0px 30px;
		border: none;
		}
		.table_form th {
		width:auto;
		}
		/*smp end*/}



/*必須アイコンと段組み*/
.table_form .icon_hissu {
display: flex;
justify-content: space-between;
align-items: center;
}
.table_form .icon_hissu p {
margin-top:0px;
}
.table_form .icon_hissu p:last-child {
color: #B73B36;
font-size: 15px;
border:solid 1px #B73B36;
border-radius: 100px;
padding:11px 3px 9px;
line-height: 1;
margin-top:0px;
margin-right:10px;
}
		@media screen and (max-width:743px) {
		.table_form .icon_hissu {
		justify-content: left;
		}
		.table_form .icon_hissu p:last-child {
		margin:0px 0px 0px 10px;
		}
		/*smp end*/}





/*サムネイル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*サムネ共通*/
.thum_a,
.thum_b,
.thum_c,
.thum_d {
display:flex;
flex-wrap:wrap;
margin-top:40px;
}
.thum_a li,
.thum_b li,
.thum_c li,
.thum_d li {
margin-top:40px;
line-height: 1.4;
}
.thum_a a,
.thum_b a,
.thum_c a,
.thum_d a {
font-size: 21px;
font-family:"游明朝体", "YuMincho", serif;
margin-bottom:5px;
display: inline-block;
}
.thum_a img,
.thum_b img,
.thum_c img,
.thum_d img {
margin-bottom:10px;
}
		@media screen and (max-width:743px) {
		.thum_a,
		.thum_b,
		.thum_c,
		.thum_d,
		.thum_a li,
		.thum_b li,
		.thum_c li,
		.thum_d li {
		margin-top:25px;
		}
		/*smp end*/}



/*サムネ2列*/
.thum_a li {
width:48%;
margin-right:4%;
}
.thum_a li:nth-child(even) {
margin-right:0;
}
.thum_a li:first-child,
.thum_a li:nth-child(2) {
margin-top:0;
}


/*サムネ3列*/
.thum_b li {
width:30.8%;
margin-right:3.8%;
}
.thum_b li:nth-child(3n) {
margin-right:0;
}
.thum_b li:first-child,
.thum_b li:nth-child(2),
.thum_b li:nth-child(3) {
margin-top:0;
}


/*サムネ4列*/
.thum_c li {
width:22%;
margin-right:4%;
}
.thum_c li:nth-child(4n) {
margin-right:0;
}
.thum_c li:first-child,
.thum_c li:nth-child(2),
.thum_c li:nth-child(3),
.thum_c li:nth-child(4) {
margin-top:0;
}
		@media screen and (max-width:743px) {
		/*4列→3列*/
		.thum_c li {
		width:30.8%;
		margin-right:3.8%;
		}
		.thum_c li:nth-child(4n) {
		margin-right:3.8%;
		}
		.thum_c li:nth-child(3n) {
		margin-right:0;
		}
		.thum_c li:nth-child(4) {
		margin-top:25px;
		}
		/*smp end*/}



/*サムネ5列*/
.thum_d li {
width:17%;
margin-right:3.7%;
}
.thum_d li:nth-child(5n) {
margin-right:0;
}
.thum_d li:first-child,
.thum_d li:nth-child(2),
.thum_d li:nth-child(3),
.thum_d li:nth-child(4),
.thum_d li:nth-child(5) {
margin-top:0;
}
		@media screen and (max-width:743px) {
		/*5列→3列*/
		.thum_d li {
		width:30.8%;
		margin-right:3.8%;
		}
		.thum_d li:nth-child(5n) {
		margin-right:3.8%;
		}
		.thum_d li:nth-child(3n) {
		margin-right:0;
		}
		.thum_d li:nth-child(4),
		.thum_d li:nth-child(5) {
		margin-top:25px;
		}
		/*smp end*/}




/*PCのみ段組み
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*均等*/
.col_between {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
		@media screen and (max-width:743px) {
		.col_between {
		display: block;
		}
		/*smp end*/}


/*中央寄せ*/
.col_center {
display: flex;
flex-wrap:wrap;
justify-content: center;
}
.col_center>* {
margin-right:20px;
margin-left:20px;
}
		@media screen and (max-width:743px) {
		.col_center {
		display: block;
		}
		.col_center>* {
		margin-right:0px;
		margin-left:0px;
		}
		/*smp end*/}


/*左寄せ*/
.col_left {
display:flex;
flex-wrap:wrap;
}
.col_left>* {
margin-right:40px;
}
.col_left>*:last-child {
margin-right:0px;
}
		@media screen and (max-width:743px) {
		.col_left {
		display:block;
		}
		.col_left>* {
		margin-right:0px;
		}
		/*smp end*/}


/*子要素のワイド*/
.c47per>* {width:47%;}
.c48per>* {width:48%;}
.c49per>* {width:49%;}
.c50per>* {width:50%;}
		@media screen and (max-width:743px) {
		.c47per>*,
		.c48per>*,
		.c49per>*,
		.c50per>* {width:auto;}
		/*smp end*/}


/*子要素のワイド 左40％　右60％*/
.c40_60per>* {
box-sizing: border-box;
}
.c40_60per>*:nth-child(odd) {
width:40%;
padding-right:15px;
}
.c40_60per>*:nth-child(even) {
width:60%;
padding-left:15px;
}
		@media screen and (max-width:743px) {
		.c40_60per>*:nth-child(odd) {
		width:auto;
		padding-right:0px;
		}
		.c40_60per>*:nth-child(even) {
		width:auto;
		padding-left:0px;
		}
		/*smp end*/}


/*子要素のワイド 左60％　右40％*/
.c60_40per>* {
box-sizing: border-box;
}
.c60_40per>*:nth-child(odd) {
width:60%;
padding-right:15px;
}
.c60_40per>*:nth-child(even) {
width:40%;
padding-left:15px;
}
		@media screen and (max-width:743px) {
		.c60_40per>*:nth-child(odd) {
		width:auto;
		padding-right:0;
		}
		.c60_40per>*:nth-child(even) {
		width:auto;
		padding-left:0;
		}
		/*smp end*/}


/*逆順*/
.reverse {
flex-direction: row-reverse;
}


/*子要素のワイド 左30％　右70％*/
.c25_75per>* {
box-sizing: border-box;
}
.c25_75per>*:nth-child(odd) {
width:25%;
padding-right:15px;
}
.c25_75per>*:nth-child(even) {
width:75%;
padding-left:15px;
}
		@media screen and (max-width:743px) {
		.c25_75per>*:nth-child(odd) {
		width:auto;
		padding-right:0px;
		}
		.c25_75per>*:nth-child(even) {
		width:auto;
		padding-left:0px;
		}
		/*smp end*/}


/*ボタン
ーーーーーーーーーーーーーーーーーーーーーーーー*/

p.btn_link {
text-align: center;
}
p.btn_link a,
a.btn_link,
p.btn_link input[type="submit"],
input[type="submit"].btn_link {
color: #fff;
font-size: 20px;
font-family:"游明朝体", "YuMincho", serif;
background:#188183 url("https://kotaki.itembox.design/item/common/img/base/arrow_white.png") no-repeat center right 10px / 9px auto;
border: none;
border-radius: 2px;
padding:9px 30px 5px;
text-decoration: none;
min-width:280px;
box-sizing: border-box;
text-align: center;
display: inline-block;
margin-bottom:4px;
cursor: pointer;
}

p.btn_link input[type="submit"],
input[type="submit"].btn_link {
padding-top:17px;
padding-bottom:15px;
}


p.btn_link a:hover,
a.btn_link:hover,
p.btn_link input[type="submit"]:hover,
input[type="submit"].btn_link:hover {
background:#89afb0 url("https://kotaki.itembox.design/item/common/img/base/arrow_white.png") no-repeat center right 10px / 9px auto;
}

		@media screen and (max-width:743px) {
		p.btn_link a,
		a.btn_link,
		p.btn_link input[type="submit"],
		input[type="submit"].btn_link {
		min-width:80%;
		font-size: 18px;
		padding:11px 30px 9px;
		}
		p.btn_link input[type="submit"],
		input[type="submit"].btn_link {
		padding-top:19px;
		padding-bottom:15px;
		}
		/*smp end*/}




/*アローマーク
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.arrow,
.fs-c-viewAllProductsLink {
display: inline-block;
background: url("https://kotaki.itembox.design/item/common/img/base/list_arrow.png") no-repeat 0px 3px / 21px auto;
padding-left:28px;
line-height:1.6;
}




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

.note_a {
border: solid 1px #D9D4BF;
border-radius: 4px;
background: #fff;
padding:45px 65px;
margin:40px 0px;
}
.note_a.small {
padding:35px 30px;
}
.note_a>*:first-child {
margin-top:0px !important;
}
.note_a .ttl {
color: #2E5748;
font-size: 21px;
font-weight: 600;
font-family:"游明朝体", "YuMincho", serif;
margin-top:-10px !important;
}

		@media screen and (max-width:743px) {
		.note_a,
		.note_a.small {
		padding:35px 20px;
		}
		.note_a .ttl {
		font-size: 18px;
		}
		/*smp end*/}




/*背景
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*背景A(やや灰色い黄)*/
.bg_a {
background:#EBE6DA;
margin-top:120px;
padding-top: 1px;
padding-bottom:120px;
}


/*背景B(白)*/
.bg_b {
background:#fff;
margin-top:120px;
padding-top:1px;
padding-bottom:120px;
}

.bg_b.product {
margin:0px;
padding:1px 0px;
}

/*背景C(薄オレンジ)*/
.bg_c {
	background:#F5F1E9;
	margin-top:120px;
	padding-top: 1px;
	padding-bottom:120px;
	}


/*接地時の余白*/
.bg_a+.bg_b,
.bg_b+.bg_a,
.bg_b+.bg_c {
margin-top:0px;
}


/*背景画像がページ冒頭の場合*/
.fs_data>.bg_a:first-child,
.fs_data>.bg_b:first-child {
margin-top:0px;
padding-top:1px;
}




		@media screen and (max-width:743px) {
		.bg_a,
		.bg_b {
		margin-top:65px;
		padding-bottom:65px;
		}
		.bg_b.product {
		padding:0px;
		}
		/*smp end*/}



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

.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;}




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

.w780 {
width:780px;
margin-right:auto;
margin-left:auto;
}
.w930 {
width: 930px;
margin-right:auto;
margin-left:auto;
}
.w1100 {
width:1100px;
margin-right:auto;
margin-left:auto;
}
.w1280 {
width:1280px;
margin-right:auto;
margin-left:auto;
}
.w_auto {
width:auto;
margin-right:auto;
margin-left:auto;
}
.w100per {
width:100%;
}

		@media screen and (max-width:743px) {
		.w780,
   		.w930,
		.w1100,
  		.w1280 {
		width:auto;
		margin-right:8px;
		margin-left:8px;
		}
		.w100per_smp {
		width:100%;
		}
		/*smp end*/}


.u-w2em {
  width: calc(2.5em + 40px) !important;
}
.u-w4em {
  width: calc(4.5em + 40px) !important;
}
.u-w6em {
  width: calc(6.5em + 40px) !important;
}
    @media screen and (max-width:743px) {
    .u-w2em {
      width: calc(2.5em + 20px) !important;
    }
    .u-w4em {
      width: calc(4.5em + 20px) !important;
    }
    .u-w6em {
      width: calc(6.5em + 20px) !important;;
    }
		/*smp end*/}


/*強制改行
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.break_word {
word-wrap: break-word;
}


/*画像キャプション
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.img_caption {
width:500px;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
line-height: 1.6;
}
.img_caption.type_b {
width:372px;
}
.img_caption img {
margin-bottom:5px;
}
.img_caption.w_auto {
width:auto;
}
		@media screen and (max-width:743px) {
		.img_caption {
		width:auto !important;
		}
		/*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:743px) {
		.display_pc {display:none;}
		.display_smp {display:block;}
		img.display_pc {display:none;}
		img.display_smp {display:inline-block;}
		/*smp end*/}




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

span.fs-c-productMark__mark {
display: inline-block;
font-size: 15px;
font-weight: 600;
color:#fff;
line-height: 1;
padding:5px 10px 2px;
border-radius: 100px;
background: #ccc;
margin-right:5px;
}
.icon_premium { background: #9384A8 !important; }
.icon_highquality { background: #6E9B82 !important; }
.icon_introduction { background: #967662 !important; }

span.fs-c-productMark__label {
line-height: 1;
}



/* もっと見る
ーーーーーーーーーーーーーーーーーーーーーーーー */
.readmore {
 position: relative;
}

.readmore_area {
 max-height: 400px;
 overflow: hidden;
 transition: max-height 1s;
}

.readmore_fadeout {
 height: 200px;
 width: 100%;
 position: absolute;
 bottom: 0;
 background: linear-gradient(transparent, #ffffff);
}
.bg_c .readmore_fadeout {
	background: linear-gradient(rgba(245,241,233,0), rgba(245,241,233,.9),rgba(245,241,233,1));
}

.readmore_btn_show,
.readmore_btn_hide {
 display: block;
 margin-top: 10px;
}

.readmore_btn_show {
 z-index: 2;
 display: block;
 margin-top: 10px;
 position: relative;
}




a.readmore_btn_show,
a.readmore_btn_hide {
	background: #188183;
	margin: 40px auto 0px;
	display: block;
	width:200px;
	padding:8px 10px;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	border-radius: 4px;
	text-align: center;
}
a:hover.readmore_btn_show,
a:hover.readmore_btn_hide {
opacity: .6;
}

a.readmore_btn_show:before,
a.readmore_btn_hide:before {
	display: inline-block;
	content: "";
	background: url(https://kotaki.itembox.design/item/common/img/base/arrow_bottom_white.png) no-repeat center center / 100% auto;
	width: 15px;
	height: 10px;
	margin-right: 10px;
}
a.readmore_btn_show:before {
	display: inline-block;
	content: "";
	background: url(https://kotaki.itembox.design/item/common/img/base/arrow_bottom_white.png) no-repeat center center / 100% auto;
	width: 15px;
	height: 10px;
	margin-right: 10px;
}


a.readmore_btn_hide:before {
	background: url(https://kotaki.itembox.design/item/common/img/base/arrow_top_white.png) no-repeat center center / 100% auto;
}





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

.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;}


.u-mt-48 {
  margin-top: 48px !important;
}
.u-mt-64 {
  margin-top: 64px !important;
}
.u-mt-80 {
  margin-top: 80px !important;
}
.u-mt-120 {
  margin-top: 120px !important;
}
@media screen and (max-width: 743px) {
  .u-mt-48 {
    margin-top: 24px !important;
  }
  .u-mt-64 {
    margin-top: 32px !important;
  }
  .u-mt-80 {
    margin-top: 40px !important;
  }
  .u-mt-120 {
    margin-top: 60px !important;
  }
}


/*メディアテキスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.c-media-text {
  display: flex;
  align-items: center;
}
.c-media-text.-reverse {
  flex-direction: row-reverse;
}
.c-media-text figure {
  margin: 0;
}
.c-media-text .c-media-text__body .title {
  font-family: "游明朝体", "YuMincho", serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #2E5748;
}
.c-media-text.-ratio55 {
  gap: 32px;
}
.c-media-text.-ratio55 > * {
  flex: 1;
}
@media screen and (max-width: 743px) {
  .c-media-text {
    flex-direction: column;
  }
  .c-media-text.-reverse {
    flex-direction: column;
  }
  .c-media-text .c-media-text__body .title {
    font-size: 27px;
  }
  .c-media-text.-ratio55 {
    gap: 16px;
  }
}