@charset "UTF-8";

/**
 * 【cssを書くときの基本ルール】
 * 文字サイズはなるだけPCで16px、スマホで21pxに統一する
 *
 * くっつけるべきものは20px間隔、離すべきものは40pxの倍数
 *
 * テキスト部は基本的にmax-width:650px　ふきだしは文字小で660px、文字大で640px
 **/



@font-face{/* https://icomoon.io/ */
	font-family:'icons';
	font-display:swap;
	src:url('/layout/font/icons.2.6.eot') format('embedded-opentype'),
		url('/layout/font/icons.2.6.woff') format('woff'),
		url('/layout/font/icons.2.6.ttf') format('truetype'),
		url('/layout/font/icons.2.6.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}


@font-face{
	font-family:'Shippori Mincho';
	font-display:swap;
	src:url('/layout/font/ShipporiMincho-Medium.woff2') format('woff2');
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'Shippori Mincho';
	src:url('/layout/font/ShipporiMincho-Bold.woff2') format('woff2');
	font-weight:700;
	font-style:normal;
	font-display:swap;
}


/* ■■■■■タイプセレクタの設定■■■■■ */

/* リセット */
*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, hr,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, button, textarea, select, ::before, ::after{
	margin:0;
	padding:0;
	border:none;
	outline:0;
	vertical-align:top;
	background:transparent;
	border-spacing:0;
	box-sizing:border-box;
	-webkit-appearance:none;
	-webkit-text-size-adjust:100%;
	appearance:none;
	border-radius:0;
	border:none;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:inherit;
	color:inherit;
	line-height:inherit;
}
:visited{color:inherit;}
[type="button"]:focus, [type="submit"]:focus,
a:focus, button:focus{box-shadow:0 0 3px 3px rgba(50, 200, 200, 0.3);}

/* css変数の設定 */
:root{
	--df-font-size:16px;
	--df-voice-size:15px;
	--df-line-height:29px;
	--df-font-size-mini:12px;
	--df-line-height-mini:20px;

	--h1-font-size:30px;
	--h2-font-size:26px;
	--h3-font-size:23px;
	--h4-font-size:20px;

	--pc-font-size:16px;
	--mb-font-size:21px;
	--pc-line-height:29px;
	--mb-line-height:38px;
	--df-font-family:Meiryo, "游ゴシック", YuGothic,'Yu Gothic', Roboto, Arial, sans-serif;
	--hd-font-family:Roboto, Arial, Verdana, "游ゴシック", YuGothic,'Yu Gothic', Meiryo, Verdana, Yu Gothic, sans-serif;
	--df-font-mincho:"游明朝", "MS P明朝","HGS明朝E","Shippori Mincho", Calisto MT,Hoefler Text,Bitstream Charter,Georgia,serif;
	--df-ichi-back:rgba(0,30,60,.06);
	--df-ichi-img:url(/imgfiles/background/ichimatsu.png);
}
@media (max-width:600px){
	:root{
		--df-font-size:21px;
		--df-voice-size:18px;
		--df-line-height:38px;
		--df-font-size-mini:13px;
		--df-line-height-mini:20px;

		--h1-font-size:33px;
		--h2-font-size:27px;
		--h3-font-size:25px;
		--h4-font-size:22px;
	}
}



html{font-family:var(--df-font-family);font-size:var(--df-font-size);color:#000;}
body{font-size:0;}

pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.8;}
pre a{text-decoration:underline;}
pre a:hover{text-decoration:none;}

span{vertical-align:baseline;display:inline;}
img, video{max-width:100%;line-height:0;object-fit:fill;}
ul,li{list-style:none;}
a, .a{text-decoration:none;font-weight:inherit;color:inherit;cursor:pointer;vertical-align:baseline;}
a.u, .a.u{text-decoration:underline;}
a:hover, .a:hover{text-decoration:underline;}
a.u:hover, .a.u:hover{text-decoration:none;}
a:hover img{opacity:0.6;cursor:pointer;}
a[name]{display:block;height:1px;cursor:auto;}
sub{vertical-align:sub;}
sup{vertical-align:super;}

table{text-align:center;vertical-align:middle;border-collapse:collapse;table-layout:fixed;}
tr, th, td{text-align:center;vertical-align:middle;border-collapse:collapse;table-layout:inherit;}
select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:2px;}
select::-ms-expand{display:none;}/*IE10のデザイン初期化*/
option{line-height:inherit;}
[type='submit'], [type='button'], [type='radio'], button{cursor:pointer;}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type="number"]{-moz-appearance:textfield;}

select{
	padding:5px;
	padding-right:22px!important;
	background:url("/imgfiles/icon/arrowbottom.svg") -webkit-calc(100% - 8px) 50% no-repeat;
	background:url("/imgfiles/icon/arrowbottom.svg") calc(100% - 8px) 50% no-repeat;
	background-color:#fff;
	background-size:7px 7px;
}

label{cursor:pointer;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
[type='submit'],[type='button']{border:none;}
[type='text'],[type='password'],[type='number'],[type='email'],[type='url'],[type='tel'],textarea,.input,.textarea{padding:5px;border-radius:2px;background:#fff;}
[type='text'],[type='password'],[type='number'],[type='email'],[type='url'],[type='tel'],textarea,.input,.textarea,select{border:1px #dadada solid;line-height:21px;}
[type='text'].empty,[type='password'].empty,[type='number'].empty,[type='email'].empty,[type='url'].empty,[type='tel'].empty,textarea.empty,select.empty{background-color:#fdd!important;}
[type='text']:hover,[type='password']:hover,[type='number']:hover,[type='email']:hover,[type='url']:hover,[type='tel']:hover,textarea:hover,select:hover{border:1px #aaa solid;}
[type='text']:disabled,[type='password']:disabled,[type='number']:disabled,[type='email']:disabled,[type='url']:disabled,[type='tel']:disabled,textarea:disabled,select:disabled{color:color:#999;background-color:rgb(235, 235, 228);}
[type='text'][readonly],[type='password'][readonly],[type='number'][readonly],[type='email'][readonly],[type='url'][readonly],[type='tel'][readonly],textarea[readonly],select[readonly],.readonly{border:1px #aaa solid;background-color:rgb(235, 235, 228);}
[type='range']{background:#ccc;height:2px;margin:14px 0;}
.textarea{overflow-y:auto;}
.textarea,.input{background:#f5f5f0;}
.submit_button:disabled{opacity:0.4;}

[type="radio"], [type="checkbox"]{padding:0!important;height:1px!important;width:1px!important;border:none!important;margin-left:-1px!important;position:absolute!important;box-shadow:none!important;}
.radio{
	border-radius:50%;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:2px;
	margin-right:5px;
	width:16px;
	height:16px;
	background:#fff;
	border:3px #fff solid;
	box-shadow:0 0 0 2px #bababa;
}
[type="radio"]:checked + .radio{background:#53b300;}
[type="radio"]:focus + .radio{box-shadow:0 0 0 2px #999;}

.checkbox{
	vertical-align:top;
	width:20px;
	height:20px;
	border:2px #bababa solid;
	position:relative;
	display:inline-block;
	border-radius:3px;
	cursor:pointer;
	background:#fff;
	margin-right:5px;
}
[type="checkbox"]:checked + .checkbox:after,
[type="checkbox"]:indeterminate + .checkbox:after{
	content:'';
	position:absolute;
	top:1px;
	left:4px;
	display:block;
	width:8px;
	height:11px;
	border-style:solid;
	border:solid #53b300;
	border-width:0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
[type="checkbox"]:indeterminate + .checkbox{background:#dedede;}
[type="checkbox"]:checked + .checkbox:after{border-color:#53b300;}
[type="checkbox"]:indeterminate + .checkbox:after{border-color:#aaa;}
[type="checkbox"]:focus + .checkbox{border:2px #999 solid;}

/* placeholderの設定 */
::-webkit-input-placeholder{color:#999;opacity:1;}/* Chrome, Safari */
::-moz-placeholder{color:#999;opacity:1;}/* Firefox */
:-moz-placeholder{color:#999;opacity:1;}/* Firefox 18以前 */
:-ms-input-placeholder{color:#999;opacity:1;}/* IE */





/* ■■■■■全体のレイアウト■■■■■ */

.container{position:relative;}
.main{position:relative;z-index:0;}
iframe{display:block;max-width:100%;width:680px;}
* + iframe{margin:40px auto!important;}
.js_alert{display:none;}
.left_align_box{display:inline-block;text-align:left;}
body.unscroll{-ms-overflow-style:none;scrollbar-width:none;overflow:hidden;}
body.unscroll::-webkit-scrollbar{display:none;}


/* ■■■■■よく使うクラスの設定■■■■■ */

.b{font-weight:bold;}
.u{text-decoration:underline;}
.i{font-style:oblique;}
.s{text-decoration:line-through;}
.sup{vertical-align:super;font-size:smaller;}
.sub{vertical-align:sub;font-size:smaller;}
.opacity{opacity:0.4;}
hr{border-top:1px rgba(0,0,0,.2) solid;width:100%;display:block;margin:40px auto;}
pre hr{border-top:1px rgba(0,0,0,.2) solid;width:auto;display:block;margin:20px auto -webkit-calc(20px - 1.8em);margin:20px auto calc(20px - 1.8em);}

.page_break{display:none;page-break-after:always;border:none;background:none;margin:0!important;}

.oneline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* <div class="marquee"><p>こんな感じで使うとスクロールします</p></div> */
.marquee{overflow:hidden;}
.marquee > *{padding-left:100%;display:inline-block;white-space:nowrap;-webkit-animation-name:marquee;-webkit-animation-timing-function:linear;-webkit-animation-duration:40s;-webkit-animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;animation-duration:40s;animation-iteration-count:infinite;}
@-webkit-keyframes marquee{from{-webkit-transform:translate(0%);}99%,to{-webkit-transform:translate(-100%);}}
@keyframes marquee{from{transform:translate(0%);}99%,to{transform:translate(-100%);}}

/* onclick="modal('クラス名など')"でモーダルウインドウが開きます */
.modal_window{display:none;border-radius:4px;background:#fff;padding:15px;max-height:-webkit-calc(100vh - 150px);max-height:calc(100vh - 150px);max-width:100%;overflow:auto;}
.modal_window td{padding:5px;text-align:left;vertical-align:middle;}
.modal_window [type="text"],.modal_window [type="number"],.modal_window [type="password"],.modal_window select{padding:4px;line-height:20px;text-align:left;}
.modal_window p{font-size:12px;line-height:20px;height:20px;}
.modal_window .modal_title{position:relative;border-bottom:1px #e0e0e0 solid;font-size:18px;text-align:center;margin:-15px -15px 15px -15px;line-height:45px;color:#666;cursor:grab;touch-action:none;}

.modal_container{position:absolute;}
.modal_container .modal_close{position:absolute;top:-25px;right:7px;width:17px;height:17px;}
.modal_container .modal_close::before,
.modal_container .modal_close::after{content:"";display:inline-block;width:22px;height:2px;background:#fff;position:absolute;left:-2px;top:7px;}
.modal_container .modal_close::before{transform:rotate(45deg);}
.modal_container .modal_close::after{transform:rotate(-45deg);}
.modal_container .modal_close:hover::before,
.modal_container .modal_close:hover::after{background:#000;}


.overlay{display:none;position:fixed;height:100vh;width:100vw;overflow:hidden;left:0;top:0;background:rgba(0, 0, 0, 0.4);z-index:9999;opacity:0;flex-wrap:nowrap;justify-content:center;align-items:flex-start;}
.overlay.loading{background:rgba(255, 255, 255, .7);margin:0;height:100vh;width:100vw;align-items:center;}

/* modalの拡張。OK・キャンセルの確認ができる */
.salert{font-size:0;padding:20px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
.salert_title{color:#595959;font-size:30px;line-height:50px;text-align:center;font-weight:bold;font-family:var(--hd-font-family);}
.salert_body{font-size:18px;line-height:1.8;text-align:center;color:#545454;margin-top:12px;}
.salert_bottom{margin-top:30px;text-align:center;}
.salert_bottom button{padding:10px 32px;font-size:17px;line-height:20px;cursor:pointer;text-align:center;border-radius:3px;border:none;margin:5px;color:#fff;}


/* h1のような、ページのタイトルとなるタグ */
.headline{color:#51452e;margin-bottom:15px;font-size:26px;margin-left:auto;margin-right:auto;height:30px;line-height:30px;}

/* リンクがずらっと並ぶ時のデザイン */
.line_list{margin-top:40px;font-size:0}
.line_list > a{display:inline-block;width:100%;background:#fff;font-size:var(--df-font-size);line-height:var(--df-line-height);color:#000;padding:12px;}
.line_list > a:nth-of-type(2n + 1){background:#eee;}
.line_list > a:hover{background:#ddd!important;text-decoration:none;}
.line_list > a *{display:inline-block;width:125px;text-align:left;font-size:80%;}
.line_list.w50 > a{width:50%;background:#fff;}
.line_list.w50 > a:nth-of-type(4n + 2),
.line_list.w50 > a:nth-of-type(4n + 3){background:#eee;}


@media(max-width:600px){
	.line_list > a{padding:15px 12px;}
}


/* ベルトバナー */
.belt_banner{
	position:relative;
	text-align:center;
	display:block;
	height:40px;
	overflow:hidden;
}
.belt_banner img{height:50px;margin:-10px 3px 0 0;}
.belt_banner p{
	color:#fff;
	font-weight:bold;
	margin:6px 0;
	height:28px;
	font-family:var(--hd-font-family);
	font-size:17px;
	line-height:24px;
	display:inline-block;
	border:solid #fff;
	border-width:2px 0;
}
.belt_banner:hover{opacity:0.6;}
.belt_banner:hover img{opacity:1;}



/* 画像の角をまるめてシャドウを付ける */
.img{box-shadow:0 0 0 1px rgba(0, 0, 0, .2);border-radius:3px;display:inline-block;overflow:hidden;position:relative;}
.img img{width:100%;}
.img a{display:inline-block;}
.img .like{position:absolute;right:4px;bottom:4px;z-index:1;}
a.img:hover{opacity:0.6;}
a.img img:hover{opacity:1;}

/* 画像に売り切れの表示 */
.soldout{position:relative;}
.soldout:before{
	font-family:var(--hd-font-family);
	content:"SOLD OUT";
	position: absolute;
	color:#fff;
	display:inline-block;
	left:0;top:-webkit-calc(50% - 18px);top:calc(50% - 18px);
	text-align:center;
	background:rgba(0,0,0,.3);
	width:100%;
	font-size:18px;
	font-weight:bold;
	line-height:36px;
	height:36px;
	z-index:2;
}


/* クレジットカード */
.credit{margin-bottom:10px;}
.credit:nth-last-of-type(n+2){margin-right:10px;}

/* 検索ボタンのアイコン */
.search_icon{color:#000;}
.search_icon::before{font-family:icons;content:"\e986";opacity:0.4;}
.search_icon:hover::before{opacity:0.7;}

/* 一般的なボタンのデザイン（_fはフラットデザイン） */
.submit, [class*="button_"]:not([class*="_row"]){font-size:14px;text-decoration:none!important;cursor:pointer;text-align:center;display:inline-block;vertical-align:top;border-radius:3px;line-height:21px;border:none;padding:6px 0;}
[class*="button_"][class*="_f"]:hover{opacity:0.75;}
.submit:disabled,[class^="button_"]:disabled{cursor:default;opacity:0.4;}

.button_black_f{color:#fff!important;background:#444;}
.button_gray_f{color:#fff!important;background:#adaaa4;}
.button_orange_f,.button{color:rgba(0,0,0,.9)!important;background:#fb4;}
.button_beige_f{color:rgba(0,0,0,.9)!important;background:#f1e7bd;}

.button_gray{
	color:#fff!important;
	border-radius:5px;
	line-height:20px;
	font-size:13px;
	background: #bcb9b3; /* Old browsers */
	background: -moz-linear-gradient(top, #dcdcdc 0%, #bcb9b3 2%, #a8a59c 100%);
	background: -webkit-linear-gradient(top, #dcdcdc 0%,#bcb9b3 2%,#a8a59c 100%);
	background: linear-gradient(to bottom, #dcdcdc 0%,#bcb9b3 2%,#a8a59c 100%);
	border:1px solid!important;
	border-color:rgba(214, 214, 214, 0.5) rgba(136, 136, 136, 0.5) rgba(70, 70, 70, 0.5)!important;
}
.button_gray:hover{
	background: #96948f; /* Old browsers */
	background: -moz-linear-gradient(top, #dcdcdc 0%, #aba9a5 2%, #a8a59c 100%);
	background: -webkit-linear-gradient(top, #dcdcdc 0%,#aba9a5 2%,#a8a59c 100%);
	background: linear-gradient(to bottom, #dcdcdc 0%,#aba9a5 2%,#a8a59c 100%);
}

/* submit系ボタンのデザイン */
.button_orange,
.submit{
	color:#fff!important;
	border-radius:5px;
	line-height:20px;
	background:#ffac64;
	background:-moz-linear-gradient(top, #fff 0%, #ffac64 2%, #e77706 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #ffac64 2%, #e77706 100%);
	background:linear-gradient(to bottom, #fff 0%, #ffac64 2%, #e77706 100%);
	border:1px solid!important;
	border-color:rgba(214, 214, 214, 0.5) rgba(136, 136, 136, 0.5) rgba(70, 70, 70, 0.5)!important;
}
.submit{
	margin-top:5px;
	font-size:16px;
	width:100%;
}
.button_orange:hover,
.submit:disabled,
.submit:hover{
	background:#de8d48;
	background:-webkit-linear-gradient(top, #de8d48, #e28332);
	background:-ms-linear-gradient(top, #de8d48, #e28332);
	background:-moz-linear-gradient(top, #fff 0%, #de8d48 2%, #e28332 100%);
	background:-o-linear-gradient(top, #fff 0%, #de8d48 2%, #e28332 100%);
	background:linear-gradient(to bottom, #fff 0%, #de8d48 2%, #e28332 100%);
}
.submit.to_cart{
	background:#ef6262;
	background:-moz-linear-gradient(top, #fff 0%, #ef6262 2%, #bf0707 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #ef6262 2%, #bf0707 100%);
	background:linear-gradient(to bottom, #fff 0%, #ef6262 2%, #bf0707 100%);
}
.submit.to_cart:hover{
	background:#c74a4a;
	background:-moz-linear-gradient(top, #fff 0%, #c74a4a 2%, #bf0707 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #c74a4a 2%, #bf0707 100%);
	background:linear-gradient(to bottom, #fff 0%, #c74a4a 2%, #bf0707 100%);
}


/* 注釈リンク */
.question{display:inline-block;vertical-align:middle;}
.question::before{font-family:icons;content:"\e90d";color:#fff;text-decoration:none;background:#d174ff;border-radius:50%;display:inline-block;line-height:18px;height:18px;width:18px;text-align:center;vertical-align:middle;font-size:12px;margin:0 3px;}
.question:hover::before{background:#da90ff;}

/* 編集 */
.edit:after{font-family:icons;content:"\e905";color:rgba(0,0,0,.73);display:inline-block;margin-left:3px;}

/* 以下ボタンのまとめ */
.like,.resale_request,.discontinue{cursor:pointer;border-radius:3px;text-align:center;font-size:12px;display:inline-block;}
.like:hover,.resale_request:hover,.discontinue:hover{opacity:0.75;}

/* いいね！ボタン */
.like{width:95px;height:25px;line-height:25px;}
.like[data-like='0']{background:#eee;}
.like[data-like='1']{background:#ffe6e6;}
.like:before{content:"";background-size:contain!important;display:inline-block;background-repeat:no-repeat;height:19px;width:19px;margin:3px 5px 3px 0;}
.like:not(.simple):after{content:"いいね！";}
.like[data-like='0']:before{background-image:url('/imgfiles/icon/like0.svg');}
.like[data-like='1']:before{background-image:url('/imgfiles/icon/like1.svg');}
.like.simple{background:transparent;font-size:0;width:auto;height:auto;line-height:19px;opacity:0.75;}
.like.simple:before{margin:0;height:25px;width:25px;}
.like.simple:hover{opacity:1;}

/* 再販リクエストボタン */
.resale_request{color:#000;display:block;width:180px;line-height:36px;height:40px;border:2px solid #aaa;border-radius:8px;margin:10px auto;}
.resale_request[data-resale_request='0']{background:#e6e6e6;}
.resale_request[data-resale_request='1']{background:#f6ffed;border-color:#afc79b;}
.resale_request::before{font-family:var(--df-font-family);font-size:13px;}
.resale_request[data-resale_request='0']::before{content:"再販リクエストする！";}
.resale_request[data-resale_request='1']::before{content:"再販リクエスト完了！";}

/* 廃番通知 */
.discontinue{line-height:23px;color:#f00;border:1px solid #f00;width:140px;height:25px;}

/* クローズボタンのデザイン */
.close{background:#bbb;cursor:pointer;padding:5px;display:inline-block;width:30px;line-height:20px;text-align:center;position:relative;}
.close:before{font-family:var(--df-font-family);content:"×";color:#fff;font-weight:bold;}
.close:hover{background:#e33;}

/* ページネーションのデザイン */
.pagination{margin-top:36px;text-align:center;font-size:14px;line-height:22px;}
.pagination a, .pagination .page_now{display:inline-block;margin:4px;padding:4px 10px;border:1px #ccc solid;color:#888;border-radius:2px;height:32px;vertical-align:baseline;}
.pagination a:hover{text-decoration:none;background:#eee;}
.pagination .page_now{background:#ccc;color:#fff;}
.pagination .page_next a, .pagination .page_prev a{width:60px;background:#d8c098;color:#fff;border:none;border:1px #d8c098 solid;position:relative;margin:4px 0;color:transparent;}
.pagination .page_next a{margin-left:10px;}
.pagination .page_prev a{margin-right:10px;}
.pagination .page_next a:hover, .pagination .page_prev a:hover{opacity:0.8;}

.pagination .page_prev a:before,
.pagination .page_next a:before{content:"";display:block;position:absolute;border:transparent solid;border-width:6px 12px;top:9px;left:auto;right:auto;}

.pagination .page_prev a:before{border-right-color:#fff;right:24px;}
.pagination .page_next a:before{border-left-color:#fff;left:24px;}


/* ページ送りのデザイン */
.page_change{max-width:680px;margin:40px auto 0;line-height:0;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;align-items:center;}
.page_change > *{color:#333;white-space:pre-wrap;position:relative;}
.page_change a{opacity:1;transition:opacity .25s;}
.page_change a:hover{text-decoration:none;opacity:.7;}
.page_change > .prev{text-align:right;}
.page_change > .next{text-align:left;}
.page_change > *:not(.back){font-size:13px;line-height:21px;padding-top:35px;width:120px;height:auto;max-height:78px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;}
.page_change > *:not(.back)::before{position:absolute;top:0;width:100%;display:block;font-size:22px;line-height:29px;border-bottom:1px solid #2f2411;transition:padding .25s;font-family:var(--df-font-family);}
.page_change > .prev::before{content:"PREV";left:0;text-align:right;}
.page_change > .next::before{content:"NEXT";right:0;text-align:left;}
.page_change > *:not(.back)::after{content:"";position:absolute;top:23px;width:16px;height:1px;border:none;border-bottom:1px solid #2f2411;}
.page_change > .prev::after{right:unset;left:-1px;transform:rotate(-45deg);}
.page_change > .next::after{left:unset;right:-1px;transform:rotate(45deg);}
.page_change > .prev:hover:before{padding-right:40px;}
.page_change > .next:hover:before{padding-left:40px;}
.page_change > .back{text-align:left;width:auto;max-width:-webkit-calc(100% - 240px);max-width:calc(100% - 240px);font-size:16px;line-height:28px;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;}
.page_change > div.prev, .page_change > div.next{opacity:0;}



/* ピックアップアイテム */
.goods_pickup{
	font-size:0;line-height:0;
	margin:20px -6px 0;
	text-align:center;white-space:normal;
	display:flex;flex-wrap:wrap;justify-content:flex-start;
}
.goods_pickup > div,
.goods_pickup > a{display:inline-block;width:-webkit-calc(20% - 12px);width:calc(20% - 12px);margin:16px 6px 0;line-height:20px;text-decoration:none;}
.goods_pickup img,
.goods_pickup div.img{width:100%;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.1);}
.goods_pickup div.img{padding-top:100%;background-size:cover;background-position:center;}
.goods_pickup p{
	text-overflow:ellipsis;
	font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);
	text-align:center;color:#333;margin-top:8px;
	overflow:hidden;
	word-wrap:break-word;
	white-space:pre-line;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:block;display:-webkit-box;
}
.goods_pickup > .w50{width:-webkit-calc(50% - 12px);width:calc(50% - 12px);}
.goods_pickup > .w33{width:-webkit-calc(33.3% - 12px);width:calc(33.3% - 12px);}
.goods_pickup > .w25{width:-webkit-calc(25% - 12px);width:calc(25% - 12px);}

.goods_pickup.jumplist,
.back_goods_pickup{
	margin:0 -40px;padding:15px 40px;
	border:rgba(0, 0, 0, 0.08) solid;
	border-width:2px 0;
	background:#f0f0f0; /* Old browsers */
	background:-moz-linear-gradient(-45deg, #f0f0f0 1%, #fefefe 51%, #f0f0f0 100%);
	background:-webkit-linear-gradient(-45deg, #f0f0f0 1%,#fefefe 51%,#f0f0f0 100%);
	background:linear-gradient(135deg, #f0f0f0 1%,#fefefe 51%,#f0f0f0 100%);
}
.goods_pickup.jumplist.simple{background:none;border:none;}

.goods_pickup.jumplist{margin-top:20px;padding:15px 34px;}
.goods_pickup.jumplist::before{
	content:attr(data-index);
	display:block;
	font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);
	text-align:center;
	width:100%;
}
.goods_pickup.jumplist:not([data-index])::before{content:"ご覧になりたいアイテムをクリックしてください。";}

.max_width{margin:0 auto;max-width:680px;}


.message .goods_pickup a,
[class*="_voice"] .goods_pickup a{width:-webkit-calc(25% - 12px);width:calc(25% - 12px);}
.goods_pickup.goods3{width:-webkit-calc(100% + 20px);width:calc(100% + 20px);margin:20px -10px 0;}
.goods_pickup.goods3 a{width:-webkit-calc(33.3% - 20px);width:calc(33.3% - 20px);margin:20px 10px 0;}

@media (max-width:600px){
	.goods_pickup.jumplist,
	.back_goods_pickup{margin:20px -24px 0;padding:15px 24px;}

	.goods_pickup > div,
	.goods_pickup > a{margin:10px 6px 0;width:-webkit-calc(25% - 12px);width:calc(25% - 12px);}


	.message .goods_pickup{margin:20px -6px 0!important;width:-webkit-calc(100% + 12px)!important;width:calc(100% + 12px)!important;}
	.message .goods_pickup a,
	[class*="_voice"] .goods_pickup a{margin:18px 6px 0;width:-webkit-calc(33.3% - 12px);width:calc(33.3% - 12px);}
	.goods_pickup.goods3 a{margin:18px 6px 0;width:-webkit-calc(33.3% - 12px);width:calc(33.3% - 12px);}
}



/* 矢印のついたリンク */
.link_arrow{display:inline-block;font-size:16px;line-height:1.6;text-decoration:none;}
.link_arrow::before{display:inline-block;content:"";width:0;height:0;border:transparent solid;border-width:6px 0 6px 12px;margin:0 6px 0 0;border-left-color:rgba(128,128,128,.3);vertical-align:middle;}
.link_arrow:hover{text-decoration:underline;}
.link_arrow:hover::before{border-left-color:rgba(128,128,128,.4);}
@media (max-width:600px){
	.link_arrow{font-size:18px;line-height:30px;}
	.link_arrow:before{border-width:7px 0 7px 16px;margin:0 7px 0 0;}
}
[class*="_voice"] .link_arrow,
.paragraph .link_arrow,
.message .link_arrow{font-size:inherit;}


/* パンくずリスト */
.breadcrumb{font-size:12px;color:#555;line-height:20px;text-align:left;}
.breadcrumb > *{display:inline-block;position:relative;}
.breadcrumb > div,
.breadcrumb > a:nth-of-type(n+2),
.breadcrumb > li:nth-of-type(n+2){margin-left:34px;}
.breadcrumb > div::before,
.breadcrumb > a:nth-of-type(n+2)::before,
.breadcrumb > li:nth-of-type(n+2)::before{content:"";display:inline-block;vertical-align:middle;font-size:0;height:0;width:0;border:transparent solid;border-width:5px 0 5px 12px;border-left-color:#ccc;cursor:default;margin:0 10px 0 -22px;}

/* ソータブルのplaceholderのデザイン */
.placeholder{border:1px #777 dotted!important;background:#e5e5e5!important;}

/* ラジオボタンをスイッチ風に */
.switch{display:inline-block;font-size:0;}
.switch > [type='radio']{display:none;}
.switch > [type='radio'] + label{display:inline-block;text-align:center;background:#999;font-size:14px;width:50%;line-height:33px;}
.switch > [type='radio']:checked + label{background:#afa;}
.switch > [type='radio'] + label:nth-of-type(1){border-radius:2px 0 0 2px;}
.switch > [type='radio'] + label:nth-of-type(n + 2){border-left:1px solid #777;}
.switch > [type='radio'] + label:nth-last-of-type(1){border-radius:0 2px 2px 0;}

/* 行動フローの矢印デザイン */
.flow{margin:0 auto 10px;width:100%;max-width:780px;text-align:center;font-size:0;}
.flow > *{display:inline-block;text-align:center;vertical-align:top;height:50px;line-height:50px;background:#e6e6e6;font-size:14px;position:relative;z-index:0;padding:0 10px 0 20px;border-radius:0 2px 2px 0;}
.flow > .not{padding:0 20px;border-radius:5px;margin-right:2px;}
.flow > *:nth-of-type(n + 2){margin-left:4px;padding-left:15px;}
.flow > *:nth-of-type(n + 2)::before,
.flow > *:nth-of-type(n + 2)::after{content:"";position:absolute;height:0;width:0;border-width:25px 0 25px 8px;border-style:solid;border-color:transparent;border-left-color:#fff;top:0;left:0;z-index:1;}
.flow > *:nth-of-type(n + 2)::after{border-left-color:#e6e6e6;left:-5px;z-index:2;}

.flow > *.did{background:#ffda6f;}
.flow > *.did + *::after{border-left-color:#ffda6f;}
.flow > *.cur{font-weight:bold;background:#ffda6f;}
.flow > *.cur + *::after{border-left-color:#ffda6f;}

.flow > *:nth-of-type(1){border-radius:5px 2px 2px 5px;padding-left:5px;}
.flow > *:nth-last-of-type(1){border-radius:0 5px 5px 0;}
.flow > .not + *{border-radius:5px 0 0 5px;}
.flow > .not + *:before{border:none;}
.flow > .not + *:after{border:none;}


/* ピックアップスライド */
.pickup_index{display:none;margin-top:80px;}
.pickup_index:not(h2){font-size:20px;}
.pickup_line{margin-top:40px;}
.pickup_line .box{width:140px;display:inline-block;margin:0 10px 20px;}
.pickup_line .box .img,
.pickup_line .box img{width:100%;}
.pickup_line .option{display:none;margin:0;}
.pickup_line .goods_name{color:#3e2b17;}
.pickup_line .price{color:#222;}
.pickup_line .goods_name,
.pickup_line .price{text-align:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:20px;font-weight:normal;}
.pickup_line .slick-prev,
.pickup_line .slick-next{top:70px;}
@media (max-width:600px){
	.pickup_line .box{width:120px;margin:0 5px 20px;}
	.pickup_line .slick-prev,
	.pickup_line .slick-next{top:60px;}
}
.release_line{margin-top:40px;white-space:nowrap;overflow:hidden;}
.release_line a{overflow:hidden;display:inline-block;width:240px;margin:0 8px;border-radius:3px;white-space:normal;vertical-align:top;}
.release_line a:nth-of-type(1){margin-left:0;}
.release_line a:hover{text-decoration:none;opacity:0.7;}
.release_line a > .back_img{border-radius:8px;background-size:cover;background-repeat:no-repeat;background-position:center;height:100px;}
.release_line a > .back_img.goods{background-size:34%;}
.release_line a > div div{font-family:var(--hd-font-family);font-weight:bold;margin-top:10px;font-size:18px;line-height:25px;max-height:75px;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;}
.release_line a > div p{margin-top:10px;font-size:13px;line-height:20px;height:20px;color:#a29a8c;}

@media (max-width:600px){
	.release_line{margin-right:-24px;}
	.release_line a{width:235px;margin:0 5px;}
	.release_line a > .back_img{height:100px;}
	.release_line a > div div{font-size:23px;line-height:30px;max-height:90px;}
}





/* ロード中 */
img.loading{display:block;margin:80px auto;width:32px!important;}

/* 項目名のブロック */
.name_block{font-size:12px;display:inline-block;min-width:65px;line-height:24px;padding:0 5px;background:#e6e6e6;text-align:center;margin:0 6px 0 0;border-radius:2px;}

/* オプション項目名のブロック */
.option{line-height:23px;margin:15px 12px 0 0;display:inline-block;font-size:13px;}
.option .name_block{min-width:65px;font-size:12px;line-height:23px;margin:0 6px 0 0;}
pre.option .name_block{display:block;margin-bottom:3px;}

/* 金額 */
.price{color:#a81b4c;font-weight:bold;font-size:16px;font-family:var(--df-font-family);}

/* ２カラムの一覧テーブル */
.table_2col{display:block;margin:40px auto 0;max-width:680px;padding-bottom:2px;overflow:hidden;}
.table_2col .caption,
.table_2col caption{width:100%;font-size:var(--df-font-size);line-height:var(--df-line-height);}

.table_2col .tr,
.table_2col tr{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;box-shadow:0 1px 1px 0px #aaa;border-radius:0 10px 0 10px;overflow:hidden;font-size:0;background:#fff;}
.table_2col > * + *{margin-top:10px;}


.table_2col .td,
.table_2col td{color:#000;font-size:-webkit-calc(var(--df-font-size) * 0.9);font-size:calc(var(--df-font-size) * 0.9);line-height:-webkit-calc(var(--df-line-height) * 0.9);line-height:calc(var(--df-line-height) * 0.9);text-align:left;color:rgba(0, 0, 0, .9);display:inline-block;white-space:pre-wrap;padding:10px 5px 10px 15px;}

.table_2col :not(.thead) .td:nth-of-type(1),
.table_2col :not(.thead) td:nth-of-type(1),
.table_2col .thead{background:var(--df-ichi-back);background-image:var(--df-ichi-img);background-position:bottom;background-size:400px;}

.table_2col .td:nth-of-type(1),
.table_2col td:nth-of-type(1){display:inline-block;width:100%;border-radius:0 10px 0 0;position:relative;z-index:1;}
.table_2col .td:nth-of-type(1):has(+ *),
.table_2col td:nth-of-type(1):has(+ *){width:113px;font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);padding:12px 5px 12px 15px;}


.table_2col .td:nth-of-type(2),
.table_2col td:nth-of-type(2){width:-webkit-calc(100% - 113px);width:calc(100% - 113px);}

.table_2col.after_img{margin-top:10px;max-width:unset;}
.table_2col.after_img .td,
.table_2col.after_img td{font-size:-webkit-calc(var(--df-font-size-mini) * .9);font-size:calc(var(--df-font-size-mini) * .9);line-height:-webkit-calc(var(--df-line-height-mini) * .9);line-height:calc(var(--df-line-height-mini) * .9);padding:10px 5px 10px 15px!important;}
.table_2col.after_img .caption,
.table_2col.after_img caption{font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);}


@media (max-width: 600px){
	.table_2col{max-width:100%;}
	.table_2col .td,
	.table_2col td{padding:15px 0 15px 10px;}
	.table_2col .td:nth-of-type(1):has(+ *),
	.table_2col td:nth-of-type(1):has(+ *){width:120px;padding:20px 0 20px 10px;}
	.table_2col .td:nth-of-type(2),
	.table_2col td:nth-of-type(2){width:-webkit-calc(100% - 120px);width:calc(100% - 120px);}

	*:not(.modal_window) > .goods_img.flex_column + .table_2col.after_img{margin:10px -24px 0;}
	.table_2col.after_img .td,
	.table_2col.after_img td{padding:10px 5px 10px 10px!important;}
	.table_2col.after_img .td:nth-of-type(1):has(+ *),
	.table_2col.after_img td:nth-of-type(1):has(+ *){width:85px;}
	.table_2col.after_img .td:nth-of-type(2),
	.table_2col.after_img td:nth-of-type(2){width:-webkit-calc(100% - 85px);width:calc(100% - 85px);}
}


/* 2024-06-03 新しいcssに更新
.table_2col{min-width:500px;max-width:580px;margin:40px auto;border-collapse:separate;border-spacing:0px 10px;}
.table_2col caption{background:transparent;text-align:left;line-height:1.8;}
.table_2col tr{box-shadow:0 1px 1px 0px rgba(0, 0, 0, 0.15);background:linear-gradient(150deg, #fff 0%,#fff 75%,#f7f7f7 100%);}
.table_2col tr.table_head td{text-align:center;}
.table_2col td{
	padding:8px 10px;text-align:left;vertical-align:top;font-size:13px;line-height:27px;
	color:rgba(0,0,0,.9);
}
.table_2col td:nth-of-type(1){width:130px;}
.table_2col tr.table_head td,
.table_2col td:nth-of-type(1){background:url(/imgfiles/background/nouveau_dark.png);
}
.table_2col td:nth-of-type(n + 2){width:auto;white-space:pre-wrap;font-size:14px;}
.table_2col td:nth-last-of-type(1){padding-right:5px;}
.table_2col a{text-decoration:underline;}
.table_2col a:hover{text-decoration:none;}

@media all and (-ms-high-contrast:none){
	.table_2col tr{background:none;}
	.table_2col td:nth-of-type(n+2){background:linear-gradient(150deg, #fff 0%,#fff 75%,#f7f7f7 100%);}
}
@media (max-width:600px){
	.table_2col td:nth-of-type(n + 2){font-size:16px;line-height:28px;}
}

*/





/* 線の入ったテーブル */
.table_grid{margin:40px auto;max-width:600px;font-size:13px;border:solid rgba(0,0,0,0.2);border-width:1px 0 0 1px;}
.table_grid caption{font-size:18px;font-weight:bold;margin-bottom:5px;line-height:1.8;}
.table_grid td{padding:7px 10px;white-space:pre-wrap;background:#fff;border:solid rgba(0,0,0,0.2);border-width:0 1px 1px 0;line-height:24px;}
.table_grid.p_narrow td{padding:5px;}
.table_grid tr.table_head td{text-align:center;}
.table_grid tr.table_head td,
.table_grid td.table_index{
	background:var(--df-ichi-back);
	background-image:var(--df-ichi-img);
	background-position:bottom;
	background-size:400px;
}

.table_grid.t_left td{text-align:left;}
.table_grid.center td{text-align:center;}
.table_grid td.t_left{text-align:left;}
.table_grid td.center{text-align:center;}

/* 内容が多いフォーム */
.large_form{font-size:0;width:100%;max-width:800px;margin:0 auto 0;}
.large_form .full,
.large_form .half,
.large_form .third,
.large_form .quarter,
.large_form .fifth,
.large_form .sixth,
.large_form .eighth{display:inline-block;margin:0 10px 20px;word-wrap:break-word;}
.large_form .full   {width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}
.large_form .half   {width:-webkit-calc(50% - 20px);width:calc(50% - 20px);}
.large_form .third  {width:-webkit-calc(100% / 3 - 20px);width:calc(100% / 3 - 20px);}
.large_form .quarter{width:-webkit-calc(25% - 20px);width:calc(25% - 20px);}
.large_form .fifth  {width:-webkit-calc(20% - 20px);width:calc(20% - 20px);}
.large_form .sixth  {width:-webkit-calc(100% / 6 - 20px);width:calc(100% / 6 - 20px);}
.large_form .eighth {width:-webkit-calc(12.5% - 20px);width:calc(12.5% - 20px);}
.large_form div > span{color:#333;font-size:14px;line-height:1.5;}
.large_form .index{
	width:-webkit-calc(100% - 20px);width:calc(100% - 20px);
	font-size:14px;
	display:inline-block;
	margin:45px 10px 15px;
	background:#806d4e;
	color:#fff;
	border-radius:2px;
	line-height:30px;
	padding:0 0 0 10px;
}
.large_form label{display:block;font-size:20px;padding:11px 0;line-height:23px;color:rgba(0, 0, 0, .73);}
.large_form .input,
.large_form select,
.large_form [type='tel'],
.large_form [type='email'],
.large_form [type='number'],
.large_form [type='password'],
.large_form [type='text']{width:100%;font-size:20px;line-height:33px;height:45px;padding:5px 5px 5px 8px;}
.large_form textarea,
.large_form .textarea{min-width:100%;width:100%;font-size:16px;line-height:24px;height:84px;padding:5px 5px 5px 8px;}
.large_form a{font-size:14px;text-decoration:underline;color:#6f6452;}
.large_form a:hover{text-decoration:none;}
.large_form .text{font-size:14px;}
.large_form .box{font-size:14px;border:1px #ccc solid;border-radius:4px;padding:10px;height:150px;position:relative;}
.large_form .box:hover{border-color:#aaa;}
.large_form .box > div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:21px;}
.large_form .box > .name{font-weight:bold;margin-bottom:5px;}
.large_form .box > [type='button']{display:block;width:100%;max-width:150px;margin:8px auto 4px;}
.large_form .box .close{background:none;right:0;top:0;position:absolute;}
.large_form .box .close:hover{opacity:0.5;}
.large_form .box .close:before{color:#777;font-size:20px;line-height:20px;}
.button_row{text-align:center;font-size:0;display:block;margin:20px 0;}
.button_row > *{line-height:24px;padding:7px;margin:0 10px;display:inline-block;}
@media (max-width:600px){
	.large_form{margin-left:-5px;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);}
	.large_form .full,
	.large_form .half,
	.large_form .third,
	.large_form .quarter,
	.large_form .fifth,
	.large_form .sixth,
	.large_form .eighth{margin:0 5px 15px;}
	.large_form .eighth {width:-webkit-calc(12.5% - 10px);width:calc(12.5% - 10px);}
	.large_form .sixth  {width:-webkit-calc(100% / 6 - 10px);width:calc(100% / 6 - 10px);}
	.large_form .fifth  {width:-webkit-calc(20% - 10px);width:calc(20% - 10px);}
	.large_form .quarter{width:-webkit-calc(25% - 10px);width:calc(25% - 10px);}
	.large_form .third  {width:-webkit-calc(100% / 3 - 10px);width:calc(100% / 3 - 10px);}
	.large_form .half   {width:-webkit-calc(50% - 10px);width:calc(50% - 10px);}
	.large_form .full   {width:-webkit-calc(100% - 10px);width:calc(100% - 10px);}
	.large_form .index  {width:-webkit-calc(100% - 10px);width:calc(100% - 10px);margin:45px 5px 15px;}
	.large_form .box{padding:5px 7px;height:140px;}
}




/* ２カラムのフォーム(小さめ) */
.mini_form{border-radius:4px;padding:15px;color:rgba(0, 0, 0, .73);width:400px;}
.mini_form .row{font-size:0;}
.mini_form .row:nth-of-type(n + 2){margin-top:10px;}
.mini_form .row > div{display:inline-block;line-height:21px;font-size:14px;}
.mini_form .row > div:nth-of-type(1){width:130px;padding:6px 0;font-weight:normal;}
.mini_form .row > div:nth-of-type(2){width:-webkit-calc(100% - 130px);width:calc(100% - 130px);}
.mini_form .row input, .form .row select{width:100%;font-size:14px;line-height:21px;height:33px;padding:5px;}
.mini_form .row textarea{width:100%;font-size:14px;line-height:21px;height:170px;padding:5px;}
.mini_form a{text-decoration:underline;}
.mini_form a:hover{text-decoration:none;}

/* 生年月日のセレクト */
.date_select{font-size:0;}
.date_select select{font-size:15px;line-height:23px;height:45px;}
.date_select select:nth-of-type(1){width:-webkit-calc(100% - 195px);width:calc(100% - 195px);min-width:55px;max-width:180px;}
.date_select select:nth-of-type(n + 2){width:60px;}
.date_select span{display:inline-block;width:25px;max-width:25px;text-align:left;padding-left:3px;font-size:14px;line-height:1.5;vertical-align:bottom;}
.date_select span:nth-last-of-type(1){width:auto;}

/* オレンジの囲い */
.orange_block{position:relative;background:#fbf2dc;padding:10px;border-radius:4px;width:420px;margin:0 auto;}
.orange_block > *{background:#fff;}

/* スクロールに付いてくる */
#follow_scroll{position:relative;margin-bottom:0!important;}


td.required:before{content:"*";color:#f00;}
.large_form .required:after,
.large_form .optional:after{color:#fff;font-size:11px;display:inline-block;vertical-align:baseline;line-height:16px;padding:0 4px;margin:0 0 3px 5px;border-radius:2px;}
.large_form .required:after{content:"必須";background:#e55;}
.large_form .optional:after{content:"任意";background:#66d;}
.alert{color:#f00;font-weight:bold;font-size:14px;line-height:1.5;height:auto!important;}
.alert a{color:#f00!important;font-weight:bold;}
.success{color:#00f;font-weight:bold;font-size:14px;line-height:1.5;}
.clearfix{clear:both;}
.center{margin-left:auto;margin-right:auto;text-align:center;}
.center *{margin-left:auto;margin-right:auto;}
.centering{margin-left:auto;margin-right:auto;}
.invisible{opacity:0;cursor:default;display:inline-block;}

/* float */
.f_right{float:right;}
.f_left{float:left;}
pre .f_right{margin-left:5px;}

/* text-align */
.t_right{text-align:right;}
.t_left{text-align:left;}

/* margin */
.m_center{display:block;margin-left:auto;margin-right:auto;}


/* ソーシャルのシェアボタン */
[class^="social_"]{box-shadow:inset -1px -1px 0 rgba(0, 0, 0, 0.15);display:inline-block;border-radius:3px;padding:1px 14px 1px 12px;line-height:20px;font-size:10px;}
[class^="social_"]:hover{opacity:0.8;text-decoration:none;}
[class^="social_"] span{line-height:20px;font-size:10px;}
[class^="social_"]::before{font-family:icons;font-size:16px;line-height:20px;display:inline-block;margin-right:5px;}
.social_x{background:#000;}
.social_x::before{content:"\e932";color:#fff;}
.social_twitter{background:#55acee;}
.social_twitter::before{content:"\ea96";color:#fff;}
.social_facebook{background:#305097;}
.social_facebook::before{content:"\ea90";color:#fff;}
.social_googleplus{background:#db4a39;}
.social_googleplus::before{content:"\ea8b";color:#fff;}
.social_hatebu{background:#00a4de;}
.social_hatebu::before{content:"\e601";color:#fff;}
.social_pocket{background:#ee4056;}
.social_pocket::before{content:"\e603";color:#fff;}
.social_rss{background:#f27300;}
.social_rss::before{content:"\e90e";font-size:14px;color:#fff;}
.social_line{background:#00c854;}
.social_line::before{content:"\e602";color:#fff;}

.social{
	font-size:0;line-height:0;text-align:right;
	margin-top:20px;
	padding:3px;
	background-color:#ececec;
	background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
	-webkit-background-size:7px 7px;
	height:34px;
}
.social > *{margin:3px;}
.social select{
	float:left;
	margin:3px;
	display:inline-block;
	border-radius:3px;
	padding-top:0;
	padding-bottom:0;
	line-height:20px;
	font-size:13px;
	height:22px;
}@media (max-width:600px){
	[class^="social_"]{padding:1px 10px 1px 8px;}
	.social, .social + img{margin-left:-24px;width:600px;max-width:600px;}
}

.nouveau{background:url(/imgfiles/background/nouveau.png);}



/*アイコンと吹き出し*/
[class*="_voice"]{text-align:left;display:block;margin:40px auto 0;clear:both;font-size:0;max-width:660px;position:relative;z-index:1;}
[class*="_voice"] + [class*="_voice"]{margin-top:16px;}
[class*="_voice"] + hr{margin-top:40px;}
[class*="_voice"] > .face,
[class*="_voice"]::before{color:#222;padding-top:85px;font-weight:bold;font-size:12px;text-align:center;display:inline-block;width:100px;height:100px;background-size:contain;content:attr(data-name);background-repeat:no-repeat;line-height:18px;word-wrap:break-word;}
[class*="_voice"] > .face{padding-top:0;}

[class*="_voice"] > div:not(.face),
[class*="_voice"] > pre{
	display:inline-block;
	position:relative;
	margin:5px 0 0 15px;
	min-height:70px;
	min-width:430px;
	max-width:-webkit-calc(100% - 120px);max-width:calc(100% - 120px);
	width:auto;
	padding:19px 10px 19px 12px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,.4);
	font-size:var(--df-voice-size);line-height:1.8;
	color:#000;
	text-align:left;
}
.femto_voice:not(.whisper) > pre::first-letter,
.femtoase_voice:not(.whisper) > pre::first-letter,
.shu-zan_voice:not(.whisper) > pre::first-letter,
.shu-zanase_voice:not(.whisper) > pre::first-letter{font-size:-webkit-calc(var(--df-voice-size) * 1.5);font-size:calc(var(--df-voice-size) * 1.5);line-height:1.2;font-weight:bold;}


[class*="_voice"] > pre::before{content:"";position:absolute;z-index:-1;top:-6px;right:-6px;display:inline-block;width:-webkit-calc(100% + 3px);width:calc(100% + 3px);height:-webkit-calc(100% + 3px);height:calc(100% + 3px);border-radius:5px;pointer-events:none;}
[class*="_voice"] > pre::after{content:"";position:absolute;top:25px;left:-12px;transform:skew(-10deg,30deg);height:10px;width:13px;background-color:#fff;border-bottom:2px solid rgba(0,0,0,.4);}
[class*="_voice"] > pre hr{border:none;border-top:1px rgba(0,0,0,.2) solid;width:100%;display:block;margin:15px auto -12px;}
[class*="_voice"] > pre img{margin:5px auto;border-radius:2px;display:inline-block;box-shadow:none;max-width:100%;}

/* 文責表示しなくてもいいんじゃない？でも最後のふきだしは幅100%の方が映えるので判定用に入れておく */
[class*="_voice"].bunseki > pre, [class*="_voice"]:has(.bunseki) > pre{width:100%;}
[class*="_voice"].bunseki > pre:after{content:"";}
[class*="_voice"] .bunseki{height:0;margin-top:-3em;opacity:0;}


.container:not(.no_balloon) [class*="_voice"].right > .face,
.container:not(.no_balloon) [class*="_voice"].right::before{float:right;}
.container:not(.no_balloon) [class*="_voice"].right{text-align:right;}
.container:not(.no_balloon) [class*="_voice"].right > pre{margin:5px 15px 0 0;}
.container:not(.no_balloon) [class*="_voice"].right > pre::before{left:-7px;right:unset;}
.container:not(.no_balloon) [class*="_voice"].right > pre::after{right:-12px;left:unset;transform:skew(10deg,-30deg);}

.container:not(.no_balloon) [class*="_voice"] > pre h3::before{border-color:#fff;}


@media (max-width:600px){
	[class*="_voice"] > .face,
	[class*="_voice"]::before{width:80px;padding-top:70px;font-size:11px;}
	[class*="_voice"] > .face{padding-top:0;}
	[class*="_voice"] > img{width:70px;}
	[class*="_voice"] > div:not(.face),
	[class*="_voice"] > pre{font-size:var(--df-voice-size);line-height:1.7;min-width:300px;max-width:-webkit-calc(100% - 95px);max-width:calc(100% - 95px);margin:5px 0 0 15px;}
}


.silhouette_voice::before{background-image:url("/imgfiles/face/silhouette.png");}
.container:not(.no_balloon) .silhouette_voice.right::before{background-image:url("/imgfiles/face/silhouette_right.png");}
.silhouette_voice > pre::before{background:#e7e7e7;}
.silhouette_voice [class*="_voice"] > pre::after{background-color:#e7e7e7;}


.femto_voice::before{background-image:url("/imgfiles/face/femto.png");content:"フェムト";}
.container:not(.no_balloon) .femto_voice.right::before{background-image:url("/imgfiles/face/femto_right.png");}
.femto_voice > pre::before{background:#fcdddd;}
.femto_voice [class*="_voice"] > pre::after{background-color:#fcdddd;}
.femto_voice:not(.whisper) > pre::first-letter{color:#ff3cff;}

.femtoase_voice::before{background-image:url("/imgfiles/face/femtoase.png");content:"フェムト";}
.container:not(.no_balloon) .femtoase_voice.right::before{background-image:url("/imgfiles/face/femtoase_right.png");}
.femtoase_voice > pre::before{background:#fcdddd;}
.femtoase_voice [class*="_voice"] > pre::after{background-color:#fcdddd;}
.femtoase_voice:not(.whisper) > pre::first-letter{color:#ff3cff;}

.shu-zan_voice::before{background-image:url("/imgfiles/face/shu-zan.png");content:"福田シューザン";}
.container:not(.no_balloon) .shu-zan_voice.right::before{background-image:url("/imgfiles/face/shu-zan_right.png");}
.shu-zan_voice > pre::before{background:#e1e1fa;}
.shu-zan_voice [class*="_voice"] > pre::after{background-color:#e1e1fa;}
.shu-zan_voice:not(.whisper) > pre::first-letter{color:#2b65ec;}

.shu-zanase_voice::before{background-image:url("/imgfiles/face/shu-zanase.png");content:"福田シューザン";}
.container:not(.no_balloon) .shu-zanase_voice.right::before{background-image:url("/imgfiles/face/shu-zanase_right.png");}
.shu-zanase_voice > pre::before{background:#e1e1fa;}
.shu-zanase_voice [class*="_voice"] > pre::after{background-color:#e1e1fa;}
.shu-zanase_voice:not(.whisper) > pre::first-letter{color:#2b65ec;}

.johann_voice::before{background-image:url("/imgfiles/face/johann.png");content:"ヨハン";}
.container:not(.no_balloon) .johann_voice.right::before{background-image:url("/imgfiles/face/johann_right.png");}
.johann_voice > pre::before{background:#d6eff7;}
.johann_voice [class*="_voice"] > pre::after{background-color:#d6eff7;}

.aqua_voice::before{background-image:url("/imgfiles/face/aqua.png");content:"アクア";}
.container:not(.no_balloon) .aqua_voice.right::before{background-image:url("/imgfiles/face/johann_right.png");}
.aqua_voice > pre::before{background:#cbf1cb;}
.aqua_voice [class*="_voice"] > pre::after{background-color:#cbf1cb;}

.misty_voice::before{background-image:url("/imgfiles/face/misty.png");content:"MISTY";}
.misty_voice > pre::before{background:#f0dcf5;}
.misty_voice [class*="_voice"] > pre::after{background-color:#f0dcf5;}

.kazumi_voice::before{background-image:url("/imgfiles/face/kazumi.png");content:"かずみ";}
.container:not(.no_balloon) .kazumi_voice.right::before{background-image:url("/imgfiles/face/kazumi_right.png");}
.kazumi_voice > pre::before{background:#fdeec1;}
.kazumi_voice [class*="_voice"] > pre::after{background-color:#fdeec1;}

.kazumiase_voice::before{background-image:url("/imgfiles/face/kazumiase.png");content:"かずみ";}
.container:not(.no_balloon) .kazumiase_voice.right::before{background-image:url("/imgfiles/face/kazumiase_right.png");}
.kazumiase_voice > pre::before{background:#fdeec1;}
.kazumiase_voice [class*="_voice"] > pre::after{background-color:#fdeec1;}

.clair_voice::before{background-image:url("/imgfiles/face/clair.png");content:"クレール";}
.container:not(.no_balloon) .clair_voice.right::before{background-image:url("/imgfiles/face/clair_right.png");}
.clair_voice > pre::before{background:#e4f1bc;}
.clair_voice [class*="_voice"] > pre::after{background-color:#e4f1bc;}

.mitake_voice::before{background-image:url("/imgfiles/face/mitake.png");content:"美竹";}
.mitake_voice > pre::before{background:#ffeaad;}
.mitake_voice [class*="_voice"] > pre::after{background-color:#ffeaad;}

.natsume_voice::before{background-image:url("/imgfiles/face/natsume.png");content:"夏目";}
.natsume_voice > pre::before{background:#ffeaad;}
.natsume_voice [class*="_voice"] > pre::after{background-color:#ffeaad;}

.otomeyuri_voice::before{background-image:url("/imgfiles/face/otomeyuri.png");content:"乙女百合";}
.otomeyuri_voice > pre::before{background:#cefcfc;}
.otomeyuri_voice [class*="_voice"] > pre::after{background-color:#cefcfc;}

.holylotus_voice::before{background-image:url("/imgfiles/face/holylotus.png");content:"HolyLotus";}
.holylotus_voice > pre::before{background:#cefcfc;}
.holylotus_voice [class*="_voice"] > pre::after{background-color:#cefcfc;}

.jasmine_voice::before{background-image:url("/imgfiles/face/jasmine.png");content:"じゃすみん。";}
.jasmine_voice > pre::before{background:#ddffd9;}
.jasmine_voice [class*="_voice"] > pre::after{background-color:#ddffd9;}

.hiroko_voice::before{background-image:url("/imgfiles/face/hiroko.png");content:"ひろこ";}
.hiroko_voice > pre::before{background:#cefcfc;}
.hiroko_voice [class*="_voice"] > pre::after{background-color:#cefcfc;}

.sennin_voice::before{background-image:url("/imgfiles/face/sennin.png");content:"仙人師匠";}
.container:not(.no_balloon) .sennin_voice.right::before{background-image:url("/imgfiles/face/sennin_right.png");}
.sennin_voice > pre::before{background:#e6f3df;}
.sennin_voice [class*="_voice"] > pre::after{background-color:#e6f3df;}

.guest_voice:before{display:none;}

/* アンケートなどで使う吹き出し */
.comment_voice::before{display:none;}
.comment_voice > pre{width:100%;}
.comment_voice > pre::before{background:#f7ebdc;}


.no_balloon [class*="_voice"] + [class*="_voice"]{margin-top:20px;}
.no_balloon [class*="_voice"]{position:relative;max-width:640px;}
.no_balloon [class*="_voice"] > .face{position:absolute;top:0;left:0;width:90px;text-align:center;}
.no_balloon [class*="_voice"] > .face > img{height:61px;}
.no_balloon [class*="_voice"] > .face > .name{display:none;}
.no_balloon [class*="_voice"] > pre{border:none;min-width:450px;max-width:640px;min-height:auto;margin:0;width:100%;padding:0;font-size:var(--df-font-size);line-height:var(--df-line-height);}
.no_balloon [class*="_voice"] > pre::before{display:none;}
.no_balloon [class*="_voice"]::before{padding:45px 0 0 85px;position:relative;top:unset;left:unset!important;right:unset;height:auto;width:auto;display:block;font-size:14px;text-align:left;font-weight:bold;float:none!important;background-size:75px;background-position-x:0;margin-bottom:20px;height:63px;}
.container:not(.no_balloon) .no_balloon [class*="_voice"].right::before{padding:45px 85px 0 0;text-align:right;background-position-x:right;}
.no_balloon [class*="_voice"] > pre::after{display:none;}
.no_balloon [class*="_voice"] > pre img{display:block;}

.no_balloon .femto_voice:not(.whisper) > pre::first-letter,
.no_balloon .femtoase_voice:not(.whisper) > pre::first-letter,
.no_balloon .shu-zan_voice:not(.whisper) > pre::first-letter,
.no_balloon .shu-zanase_voice:not(.whisper) > pre::first-letter{font-size:-webkit-calc(var(--df-font-size) * 1.5);font-size:calc(var(--df-font-size) * 1.5);line-height:1.2;font-weight:bold;}



/* 同じ人の吹き出しが連続する場合は顔を省略して区切りを入れる */
.no_balloon .femto_voice + .femto_voice::before,
.no_balloon .femtoase_voice + .femtoase_voice::before,
.no_balloon .shu-zan_voice + .shu-zan_voice::before,
.no_balloon .shu-zanase_voice + .shu-zanase_voice::before,
.no_balloon .johann_voice + .johann_voice::before,
.no_balloon .aqua_voice + .aqua_voice::before,
.no_balloon .clair_voice + .clair_voice::before,
.no_balloon .misty_voice + .misty_voice::before,
.no_balloon .otomeyuri_voice + .otomeyuri_voice::before,
.no_balloon .holylotus_voice + .holylotus_voice::before,
.no_balloon .kazumi_voice + .kazumi_voice::before,
.no_balloon .kazumiase_voice + .kazumiase_voice::before,
.no_balloon .mitake_voice + .mitake_voice::before,
.no_balloon .hiroko_voice + .hiroko_voice::before,
.no_balloon .jasmine_voice + .jasmine_voice::before,
.no_balloon .natsume_voice + .natsume_voice::before,
.no_balloon .silhouette_voice + .silhouette_voice::before,
.no_balloon .sennin_voice + .sennin_voice::before,
.no_balloon .femto_voice + img + .femto_voice::before,
.no_balloon .femtoase_voice + img + .femtoase_voice::before,
.no_balloon .shu-zan_voice + img + .shu-zan_voice::before,
.no_balloon .shu-zanase_voice + img + .shu-zanase_voice::before,
.no_balloon .johann_voice + img + .johann_voice::before,
.no_balloon .aqua_voice + img + .aqua_voice::before,
.no_balloon .clair_voice + img + .clair_voice::before,
.no_balloon .misty_voice + img + .misty_voice::before,
.no_balloon .otomeyuri_voice + img + .otomeyuri_voice::before,
.no_balloon .holylotus_voice + img + .holylotus_voice::before,
.no_balloon .kazumi_voice + img + .kazumi_voice::before,
.no_balloon .kazumiase_voice + img + .kazumiase_voice::before,
.no_balloon .mitake_voice + img + .mitake_voice::before,
.no_balloon .hiroko_voice + img + .hiroko_voice::before,
.no_balloon .jasmine_voice + img + .jasmine_voice::before,
.no_balloon .natsume_voice + img + .natsume_voice::before,
.no_balloon .silhouette_voice + img + .silhouette_voice::before,
.no_balloon .sennin_voice + img + .sennin_voice::before{display:none;}



.no_balloon [class*="_voice"] + [class*="_voice"]{margin-top:80px!important;}
.no_balloon [class*="_voice"] + [class*="_voice"]::after{
	content:"";
	background-image:none;
	background-color:#ccc;
	display:block;
	height:1px;
	width:80%;
	padding:0;
	font-size:0;
	position:absolute;
	left:10%;
	top:-40px;
}

.designer_bio{margin:20px -20px 0;width:-webkit-calc(100% + 40px);width:calc(100% + 40px);padding:40px 20px;font-size:0;}
.designer_bio + .designer_bio{margin-top:0;border-top:1px solid #ccc;}
.designer_bio .left{display:inline-block;width:100px;}
.designer_bio .right{display:inline-block;width:-webkit-calc(100% - 120px);width:calc(100% - 120px);margin-left:20px;}
.designer_bio .name{font-size:22px;font-weight:bold;line-height:25px;margin-bottom:10px;font-family:var(--hd-font-family);}
.designer_bio .name a{font-weight:normal;font-family:var(--df-font-family);font-size:15px;margin-left:20px;vertical-align:middle;}
.designer_bio pre{font-size:15px;line-height:25px;}
.designer_bio .goods_pickup{margin-top:4px;}
@media (max-width:600px){
	.designer_bio{margin:0 -10px;-webkit-width:calc(100% + 20px);width:calc(100% + 20px);padding:40px 10px;}
	.designer_bio .right{width:-webkit-calc(100% - 110px);width:calc(100% - 110px);margin-left:10px;}
	.designer_bio .goods_pickup a:nth-of-type(5){display:none;}
}




/*写真クリックで拡大*/
.highslide-caption{font-size:12px;background-color:white;white-space:pre-wrap;word-wrap:break-word;line-height:1.5;padding-top:5px;}
.highslide-wrapper .name{padding:3px 5px;font-weight:bold;font-size:14px;color:#382e1b;line-height:21px;}
.highslide-wrapper pre{margin-top:5px;padding:3px 5px;font-size:14px;line-height:21px;}
.highslide-display-block{display:block;}.highslide-display-none{display:none;}.highslide-caption{visibility:hidden;}
.highslide-loading{display:block;color:white;font-size:11px;font-weight:bold;padding:3px 3px 3px 22px;background:#000 url(/layout/plugin/highslide/graphics/loader.gif) no-repeat 3px 1px;}



/* 背景 */
.back_gold{
	background:#efe7c7!important;
	background:-moz-linear-gradient(-45deg, #efe7c7 0%, #fffeec 50%, #efe7c7 100%)!important;
	background:-webkit-linear-gradient(-45deg, #efe7c7 0%,#fffeec 50%,#efe7c7 100%)!important;
	background:linear-gradient(135deg, #efe7c7 0%,#fffeec 50%,#efe7c7 100%)!important;
}



/* 文字の色 */
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.purple{color:purple;}
.brown{color:brown;}
.orange{color:orange;}
.yellow{color:yellow;}

/*フォントデザイン(font_が付く)*/
[class^="font_"]{display:inline;font-weight:bold;vertical-align:baseline;font-size:100%;}

.font_red{color:#f00;}a.font-red:hover{color:#00f;}
.font_red2{color:#f00;font-size:150%;line-height:1.2;}
.font_red3{color:#f00;font-size:85%;}
.font_red4{color:#f00;font-size:280%;line-height:1.1;}
.font_red5{color:#b00;}
.font_red6{color:#f00;background:#ffe6e6;}

.font_pink{color:#ff3cff;}a.font-pink:hover{color:#00f;}
.font_pink2{color:#ff3cff;font-size:150%;line-height:1.2;}
.font_pink3{color:#ff3cff;font-size:85%;}
.font_pink4{color:#ff3cff;font-size:280%;line-height:1.1;}
.font_pink5{color:#ca2cca;}
.font_pink6{color:#ff3cff;background:#ffefe6;}

.font_purple{color:#8d38c9;}a.font-purple:hover{color:#800000;}
.font_purple2{color:#8d38c9;font-size:150%;line-height:1.2;}
.font_purple3{color:#8d38c9;font-size:85%;}
.font_purple4{color:#8d38c9;font-size:280%;line-height:1.1;}
.font_purple5{color:#5c148e;}
.font_purple6{color:#8d38c9;background:#e6e4e8;}

.font_green{color:#484;}a.font-green:hover{color:#ff3cff;}
.font_green2{color:#448844;font-size:150%;line-height:1.2;}
.font_green3{color:#448844;font-size:85%;}
.font_green4{color:#448844;font-size:280%;line-height:1.1;}
.font_green5{color:#234a24;}
.font_green6{color:#448844;background:#d8f7d8;}

.font_orange{color:#ec9900;}
.font_orange2{color:#ec9900;font-size:150%;line-height:1.2;}
.font_orange3{color:#ec9900;font-size:85%;}
.font_orange4{color:#ec9900;font-size:280%;line-height:1.1;}
.font_orange5{color:#c37f00;}
.font_orange6{color:#ec9900;background:#fff4e5;}

.font_blue{color:#2b65ec;}a.font-blue:hover{color:#ff3cff;}
.font_blue2{color:#2b65ec;font-size:150%;line-height:1.2;}
.font_blue3{color:#2b65ec;font-size:85%;}
.font_blue4{color:#2b65ec;font-size:280%;line-height:1.1;}
.font_blue5{color:#18409c;}
.font_blue6{color:#2b65ec;background:#efffff;}

.font_brown{color:#8b4513;}a.font-brown:hover{color:#f00;}
.font_brown2{color:#8b4513;font-size:150%;line-height:1.2;}
.font_brown3{color:#8b4513;font-size:85%;}
.font_brown4{color:#8b4513;font-size:280%;line-height:1.1;}
.font_brown5{color:#4e270b;}
.font_brown6{color:#8b4513;background:#ffe7d7;}





/* 再販 */
.new1, .new2, .new3{
	font-weight:bold;
	color:#fff;
	position:absolute;
	display:inline-block;
	left:-27px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2);
	text-align:center;
	top:12px;
	width:100px;
	font-size:12px;
	line-height:24px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	z-index:1;
	letter-spacing:1px;
}
.new1:before, .new1:after,
.new2:before, .new2:after,
.new3:before, .new3:after{top:19px;content:"";width:0;height:0;position:absolute;border:transparent 5px solid;z-index:-1;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.new1{
	background:#e70000; /* Old browsers */
	background:-moz-linear-gradient(left, #960101 0%, #e70000 50%, #ff5b5b 100%);
	background:-webkit-linear-gradient(left, #960101 0%,#e70000 50%,#ff5b5b 100%);
	background:linear-gradient(to right, #960101 0%,#e70000 50%,#ff5b5b 100%);
}
.new1:before{left:91px;border-bottom-color:#a91616;}
.new1:after{left:0;border-right-color:#5a0303;}

.new2{
	background:#820fe0; /* Old browsers */
	background:-moz-linear-gradient(left, #5a01a8 0%, #820fe0 50%, #c079ff 100%);
	background:-webkit-linear-gradient(left, #5a01a8 0%,#820fe0 50%,#c079ff 100%);
	background:linear-gradient(to right, #5a01a8 0%,#820fe0 50%,#c079ff 100%);
}
.new2:before{left:91px;border-bottom-color:#663293;}
.new2:after{left:0;border-right-color:#391b52;}

.new3{
	background:#820fe0; /* Old browsers */
	background:-moz-linear-gradient(left, #0116a8 0%, #0f2ae4 50%, #7a8bff 100%);
	background:-webkit-linear-gradient(left, #0116a8 0%,#0f2ae4 50%,#7a8bff 100%);
	background:linear-gradient(to right, #0116a8 0%,#0f2ae4 50%,#7a8bff 100%);
}
.new3:before{left:91px;border-bottom-color:#2f3faf;}
.new3:after{left:0;border-right-color:#151c4a;}

.new1 p, .new2 p, .new3 p{
	height:100%!important;
	width:40px!important;
	position:absolute;
	top:0;
	left:0;
	will-change:transform, opacity;
	transform:translateX(-40px);
	background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);
	background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);
	opacity:1;
	animation: highlight 5s ease-in-out infinite;
}
.new2 p{animation-delay:100ms;}
.new3 p{animation-delay:200ms;}

@keyframes highlight{
     0% {transform:translateX(100px);}
    17% {transform:translateX(-40px);opacity:0.8;}
}


.bound{color:#ff5722;font-size:13px;line-height:20px;margin-top:5px;}
.bound span{display:inline-block;-webkit-animation:bound 2s ease-in-out;-webkit-animation-iteration-count:infinite;}
.bound span:nth-of-type(20n+1){-webkit-animation-delay:0s;}
.bound span:nth-of-type(20n+2){-webkit-animation-delay:.1s;}
.bound span:nth-of-type(20n+3){-webkit-animation-delay:.2s;}
.bound span:nth-of-type(20n+4){-webkit-animation-delay:.3s;}
.bound span:nth-of-type(20n+5){-webkit-animation-delay:.4s;}
.bound span:nth-of-type(20n+6){-webkit-animation-delay:.5s;}
.bound span:nth-of-type(20n+7){-webkit-animation-delay:.6s;}
.bound span:nth-of-type(20n+8){-webkit-animation-delay:.7s;}
.bound span:nth-of-type(20n+9){-webkit-animation-delay:.8s;}
.bound span:nth-of-type(20n+10){-webkit-animation-delay:.9s;}
.bound span:nth-of-type(20n+11){-webkit-animation-delay:1s;}
.bound span:nth-of-type(20n+12){-webkit-animation-delay:1.1s;}
.bound span:nth-of-type(20n+13){-webkit-animation-delay:1.2s;}
.bound span:nth-of-type(20n+14){-webkit-animation-delay:1.3s;}
.bound span:nth-of-type(20n+15){-webkit-animation-delay:1.4s;}
.bound span:nth-of-type(20n+16){-webkit-animation-delay:1.5s;}
.bound span:nth-of-type(20n+17){-webkit-animation-delay:1.6s;}
.bound span:nth-of-type(20n+18){-webkit-animation-delay:1.7s;}
.bound span:nth-of-type(20n+19){-webkit-animation-delay:1.8s;}
.bound span:nth-of-type(20n+20){-webkit-animation-delay:1.9s;}

@-webkit-keyframes bound{
	0% {transform:translate(0,0);}
	4% {transform:translate(0,-2px);}
	8% {transform:translate(0,-4px);}
	12% {transform:translate(0,-2px);}
	16% {transform:translate(0,0);}
}



.resale_goods{font-size:0;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);margin:24px -10px 0;}

.resale_goods a{font-size:14px;display:inline-block;width:100%;}
.resale_goods a:hover{text-decoration:none;}

.resale_goods p{font-size:14px;width:100%;line-height:21px;min-height:21px;max-height:42px;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;text-align:left;}
.resale_goods .comment{font-size:12px;color:#a81b4c;}
.resale_goods .price{font-size:12px;font-weight:bold;}
.resale_goods img{width:100%;height:100%;position:absolute!important;top:0;left:0;}
.resale_goods .img{width:100%;padding-top:100%;margin-bottom:10px;position:relative;}
.resale_goods a:hover img{opacity:1;}
.resale_goods a:hover p{opacity:.7;}
.resale_goods > div{margin:16px 6px 0;width:-webkit-calc(20% - 12px);width:calc(20% - 12px);vertical-align:top;position:relative;display:inline-block;padding:4px 4px 0;overflow:hidden;}


@media (max-width:1049px){
	.resale_goods > div{width:-webkit-calc(25% - 12px);width:calc(25% - 12px);}
}
@media (max-width:600px){
	.resale_goods{width:-webkit-calc(100% + 16px)!important;width:calc(100% + 16px)!important;margin-left:-8px;margin-right:-8px;}
	.resale_goods > div{width:-webkit-calc(33.3% - 8px)!important;width:calc(33.3% - 8px)!important;margin-left:4px;margin-right:4px;}
	.resale_goods p{font-size:16px;line-height:24px;min-height:24px;max-height:48px;}
}







/* コンテンツのリンクリスト */
.contents_list{position:relative;z-index:0;margin:12px -8px -8px;font-size:0;}
.contents_list > *{
	width:-webkit-calc(50% - 16px);width:calc(50% - 16px);
	height:90px;position:relative;
	overflow:visible;
	padding:0;
	display:inline-block;
	color:rgba(0,0,0,0.9);
	margin:8px;
	position:relative;
	z-index:auto;
}

.contents_list a{
	position:relative;
	display:flex;align-items:center;
	font-size:16px;line-height:22px;
	height:100%;width:100%;
	padding-left:100px;
	background-repeat:no-repeat;background-size:contain,0;
	box-shadow:0 1px 1px 1px rgba(0,0,0,.3), 0 0 1px 0 rgba(0,0,0,.3);
	border-radius:2px;
	overflow:hidden;
}
.contents_list a br{display:none;}

.contents_list > *::before{
	content:"";
	position:absolute;
	z-index:-3;
	bottom:11px;
	right:10px;
	left:auto;
	width:50%;
	max-width:300px;
	-webkit-box-shadow:0 8px 5px 5px rgba(0,0,0,.18);
	-moz-box-shadow:0 8px 5px 5px rgba(0,0,0,.18);
	box-shadow:0 8px 5px 5px rgba(0,0,0,.18);
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
}


.contents_list > *::after,
.contents_list > * a::after{
	content:"";
	position:absolute;
	left:0;top:0;width:100%;height:100%;
	display:inline-block;
}
.contents_list > *::after{
	z-index:-2;
	background:linear-gradient(150deg,#fff 0%,#fff 70%,#f7f7f7 100%);
}
.contents_list > * a::after{
	z-index:-1;
	background:#e6d89f;
	background:-moz-linear-gradient(-45deg,#e6d89f 0%,#fffedf 50%,#e6d89f 100%);
	background:-webkit-linear-gradient(-45deg,#e6d89f 0%,#fffedf 50%,#e6d89f 100%);
	background:linear-gradient(135deg,#e6d89f 0%,#fffedf 50%,#e6d89f 100%);
	transition:opacity .15s;
	opacity:0;
}
.contents_list > * a:hover{text-decoration:none;}
.contents_list > * a:hover::after{opacity:1;}


.contents_list > *:hover{
	-webkit-animation:hirahira 5s ease-in-out;
	-webkit-animation-iteration-count:infinite;
	will-change:transform;
}
@-webkit-keyframes hirahira{
	0% {transform:rotate(0) translate(0,0);}
	2% {transform:rotate(0.002turn) translate(0,2%);}
	4% {transform:rotate(-0.002turn) translate(0,-2%);}
	6% {transform:rotate(0.001turn) translate(0,1%);}
	8% {transform:translate(0,0) translate(0,0);}
}
@media (max-width:600px){
	@-webkit-keyframes hirahira{
		0% {transform:rotate(0) translate(0,0);}
		2% {transform:rotate(0.002turn) translate(0,4%);}
		4% {transform:rotate(-0.002turn) translate(0,-4%);}
		6% {transform:rotate(0.001turn) translate(0,2%);}
		8% {transform:translate(0,0) translate(0,0);}
	}
}



@media (max-width:600px){
	.contents_list{margin:14px -6px -6px;}
	.contents_list > *{width:-webkit-calc(50% - 12px);width:calc(50% - 12px);margin:6px;height:60px;}
	.contents_list a{padding-left:70px;}
	.contents_list a br{display:block;}
}





/* カートの商品リスト */
[class^="cart_"]{font-size:15px;}
.cart_list{width:100%;min-width:570px;max-width:920px;margin:0 auto 5px;display:block;color:#444;font-size:0;}
.cart_list .index{font-weight:normal;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);font-size:14px;display:inline-block;margin:45px 10px 15px;background:#806d4e;color:#fff;border-radius:2px;line-height:22px;padding:6px 10px;}
.cart_list .index span{display:inline-block;}
.cart_list .img{width:90px;height:90px;margin-right:10px;}
.cart_list .goods_data{display:inline-block;width:-webkit-calc(100% - 100px);width:calc(100% - 100px);vertical-align:top;}
.cart_list .goods_name{color:#3e2b17;font-size:16px;line-height:24px;display:block;margin-bottom:2px;font-weight:bold;}

.cart_list .box{width:-webkit-calc(50% - 8px);width:calc(50% - 8px);margin:8px 0;display:inline-block;vertical-align:top;border:1px rgba(0, 0, 0, 0.1) solid;border-radius:3px;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);overflow:hidden;}
.cart_list .box:nth-of-type(2n){margin-left:8px;}
.cart_list .box:nth-of-type(2n + 1){margin-right:8px;}
.cart_list .box .goods_data{padding:10px 0;width:-webkit-calc(100% - 120px);width:calc(100% - 120px);}
.cart_list .box .img{width:110px;height:110px;}

.cart_list .option{margin:9px 15px 0 0;}
.cart_list .option[class*=_button]{margin:7px 10px 0 0;}
.cart_list .option .name_block{min-width:65px;}
.cart_list .option:nth-last-of-type(1){margin-right:0;}
.cart_list .option .divide{display:inline-block;height:17px;width:1px;margin:3px 15px;border-right:1px solid #ccc;}

.cart_list tr:nth-of-type(1){background:#806d4e;color:#fff;}
.cart_list tr:nth-of-type(1) td{text-align:center;}
.cart_list tr:nth-of-type(1) td:nth-of-type(1){border-radius:2px 0 0 2px;}
.cart_list tr:nth-of-type(1) td:nth-last-of-type(1){border-radius:0 2px 2px 0;}
.cart_list tr:nth-of-type(1) td:nth-of-type(n + 2){border-left:1px rgba(0, 0, 0, 0.05) solid;}

.cart_list tr:nth-of-type(n + 2) td{border-bottom:1px rgb(230, 230, 230) solid;}
.cart_list tr:nth-of-type(n + 2) td:nth-of-type(1) > *{vertical-align:top;}

.cart_list td{text-align:center;padding:10px 6px;vertical-align:middle;font-size:14px;}
.cart_list td:nth-of-type(n + 2){border-left:1px rgb(230, 230, 230) solid;}

.cart_list td:nth-of-type(1){width:730px;text-align:left;padding:10px 0;}
.cart_list td:nth-of-type(2){width:80px;}
.cart_list td:nth-of-type(3){width:110px;text-align:right;}

.cart_list select{width:45px;font-size:15px;}
.cart_list .add_fee td{font-size:14px;line-height:14px;vertical-align:bottom;border:none!important;height:40px;padding-right:6px;text-align:right;}
.cart_list .total_line td{font-size:16px;vertical-align:bottom;border:none;padding:0;height:60px;border-bottom:1px #bfbfbf solid;padding-right:6px;text-align:right;}
.cart_list .total_line td:nth-last-of-type(1){font-size:20px;color:#b78200;font-weight:bold;}

.cart_list .link_arrow{font-size:13px!important;line-height:23px!important;color:#886a39!important;}
.cart_list .link_arrow:before{border-width:5px 0 5px 12px!important;margin:6px 6px 0 0!important;}



.cart_list + .postage{font-size:15px;line-height:25px;text-align:center;color:#ff6c00;font-weight:bold;width:100%;min-width:580px;max-width:920px;}
@media (max-width:1050px){
	.cart_list .box{width:100%;margin:10px 0!important;}
}
@media (max-width:600px){
	.cart_list{width:570px;}
	.cart_list td:nth-of-type(1) .img{width:78px;height:78px;margin-right:7px;}
	.cart_list td:nth-of-type(1) .goods_name{line-height:20px;}
	.cart_list td:nth-of-type(1) .goods_data{width:340px;}
	.cart_list .option{font-size:13px;line-height:19px;}
	.cart_list .option .name_block{font-size:12px;line-height:19px;min-width:55px;}

	.cart_list td:nth-of-type(1){width:430px;}
	.cart_list td:nth-of-type(2){width:65px;}
	.cart_list td:nth-of-type(3){width:85px;}
}
.yen{font-size:75%;margin-left:2px;}


/* オーダーフロー */
#order_flow > div:nth-of-type(1){width:-webkit-calc(23% - 3px);width:calc(23% - 3px);}
#order_flow > div:nth-of-type(2){width:-webkit-calc(27% - 3px);width:calc(27% - 3px);}
#order_flow > div:nth-of-type(3){width:-webkit-calc(30% - 3px);width:calc(30% - 3px);}
#order_flow > div:nth-of-type(4){width:-webkit-calc(20% - 3px);width:calc(20% - 3px);}





/* 商品写真 */
*:not(.breadcrumb) + .goods_img{margin-top:20px;}

.goods_img{display:block;align-items:stretch;flex-direction:row;justify-content:center;margin:0 auto;overflow:hidden;white-space:nowrap;}
.goods_img[data="loaded"]{display:flex;white-space:normal;}
.goods_img.flex_column{flex-direction:column;}
.goods_img > *{max-width:100%;display:inline-block;}

.goods_img .l, .goods_img .s{border-radius:3px;overflow:hidden;position:relative;}
.goods_img .l::before{content:"";position: absolute;width:100%;height:100%;display:block;left:0;top:0;border:1px solid rgba(0, 0, 0, .1);z-index:1;pointer-events:none;}

.goods_img .s:not(.c)::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;border-radius:3px;border:1px solid rgba(0,0,0,.1);}
.goods_img .s.current::before{border:2px solid #f80;}

.goods_img .s_list{width:80px;overflow:hidden;margin:0 0 0 10px;border-radius:3px;}
.goods_img .s_list.mobile{width:100%;height:80px;margin:10px 0 0;white-space:nowrap;}
.goods_img .s_list .s{display:inline-block;width:80px;margin:10px 0 0;text-decoration:none;}
.goods_img .s_list.mobile .s{margin:0 0 0 10px;}

.goods_img .c{width:80px;height:80px;background:#888;color:#fff;font-size:16px;transform:scale(0.75);margin:0 -5px -5px 0!important;}
.goods_img .c:hover{opacity:.8;}
.goods_img .c::before{font-family:icons;content:"\e912";display:block;text-align:center;font-size:40px;line-height:40px;}

.goods_img_modal button{width:calc(25% - 8px);margin:4px;border-radius:3px;overflow:hidden;}
.goods_img_modal .goods_img_container{margin:-4px;}
.goods_img_modal button img{width:100%;}


@media (max-width:600px){
	*:not(.modal_window) > .goods_img{width:600px;margin-left:-24px;}
	*:not(.modal_window) > .goods_img.flex_column .l::before{border-width:1px 0;}
	.goods_img_modal button{width:calc(33.3% - 4px);margin:2px;}
}




/* 商品情報 */
.goods_size, .goods_material{
	font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);
	overflow-x:clip;
	background:transparent;
	position:relative;
	margin:50px auto 0;
	padding:8px 5px 8px 128px;
	max-width:680px;
	min-height:36px;
	border-radius:0 10px 0 10px;
}

.goods_size::before, .goods_material::before{
	font-family:var(--df-font-family);font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);
	top:0;left:0;position:absolute;display:inline-block;width:113px;height:100%;
	padding:8px 5px 8px 15px;
	background-color:var(--df-ichi-back);
	background-image:var(--df-ichi-img);
	border-radius:0 10px 0 10px;
}
.goods_size::before{content:"サイズ";}
.goods_material::before{content:"原材料";}
.goods_size::after, .goods_material::after{
	content:"";
	display:block;
	position:absolute;top:0;left:0;
	height:100%;width:100%;
	border-radius:0 0 0 10px;
	box-shadow:0 1px 1px 0 #aaa;
	z-index:-1;
}

.goods_size + .goods_material, .goods_material + .goods_size,
[class*="cart"] + .goods_size, [class*="cart"] + .goods_material{margin-top:8px;}



.mini.goods_size,.mini.goods_material{font-size:13px;line-height:26px;padding:5px 10px 5px 95px;margin:8px auto 0;}
.mini.goods_size::before,.mini.goods_material::before{font-size:13px;line-height:26px;width:85px;}


.goods hr{border-top:1px solid #ddd;margin:30px auto;max-width:680px;}





/* お客様コメント */
.voice_container{padding:10px;margin:5px;max-height:-webkit-calc(100vh - 350px);max-height:calc(100vh - 350px);overflow-y:auto;}
.voice_name{font-weight:bold;color:#4c260a;margin-bottom:10px;font-size:105%;}
.voice_container .paragraph{margin-top:0;}
.voice_container hr{margin:10px 0 15px!important;}
.voice_container .f_right{max-width:270px;text-align:right;}
.voice_container .f_right img{width:80px;margin:0 0 10px 10px;border:1px #eaeaea solid;border-radius:2px;}
.voice_container .paragraph > img{max-width:100%;width:auto;margin:10px 0;}
@media (max-width:600px){
	.voice_container .f_right{max-width:170px;}
	.voice_container .f_right img{margin:0 0 5px 5px;}
}






/* カート01のレイアウト */
[name="cart01"]{margin:40px -40px 0;text-align:left;}
[name="cart01"] + [name="cart01"]{margin-top:10px;}
hr + [name="cart01"]{margin-top:10px;}


[name="cart01"] .preparing{max-width:680px;margin-left:auto;margin-right:auto;font-size:16px;line-height:36px;padding:8px;text-align:center;}
[name="cart01"] .preparing br{display:none;}

.cart01{margin-left:auto;margin-right:auto;position:relative;background:var(--df-ichi-back);background-image:var(--df-ichi-img);padding:20px;text-align:center;}

.cart01 .name_row{text-align:left;margin:0 auto;font-size:var(--h4-font-size);line-height:26px;color:#000;font-weight:bold;font-family:var(--hd-font-family);overflow:auto;}
.cart01 .attr_row{margin:6px auto 10px;height:20px;overflow:hidden;}
.cart01 .attr_row .attr{font-size:12px;padding:0 8px;color:#fff;background:#03a9f4;min-width:70px;max-width:100%;margin-left:8px;border-radius:5px;display:inline-block;text-align:center;line-height:20px;height:20px;text-overflow:ellipsis;overflow:hidden;vertical-align:top;}
.cart01 .attr_row .attr.red{border:1px solid #f00;background:#fff;color:#f00;line-height:18px;}
.cart01 .attr_row .attr.blue{border:1px solid #00f;background:#fff;color:#00f;line-height:18px;}
.cart01 .attr_row .attr.orange{border:1px solid #e60;background:#fff;color:#e60;line-height:18px;}
.cart01 .attr_row a.attr{text-decoration:underline;}
.cart01 .attr_row a.attr:hover{text-decoration:none;}


.cart01 .top{vertical-align:bottom;display:inline-block;float:right;line-height:0;height:24px;margin-top:4px;margin-left:5px;overflow:hidden;}
.cart01 .top *{font-family:var(--df-font-family);}
.cart01 .price_row{display:inline-block;margin-right:4px;vertical-align:top;line-height:20px;}
.cart01 .price{font-size:20px;color:#a81b4c;font-weight:bold;line-height:20px;display:inline-block;}
.cart01 .comment{font-size:13px;color:#a81b4c;font-weight:normal;line-height:14px;display:inline-block;}


.cart01 .right{margin-left:12px;vertical-align:top;display:inline-block;width:-webkit-calc(100% - 125px);width:calc(100% - 125px);max-width:555px;text-align:left;}
.cart01 .img{width:113px;}

.cart01 .display_stock{font-size:13px;}
.cart01 .option{display:inline-block;width:-webkit-calc(50% - 4px);width:calc(50% - 4px);margin:0;position:relative;line-height:1;}
.cart01 .option:nth-of-type(n+3){margin-top:5px;}
.cart01 .option:nth-of-type(2n){margin-left:4px;}
.cart01 .option:nth-of-type(2n+1){margin-right:4px;}
.cart01 .option.f_right{margin-right:0;}
.cart01 .option_d_name{display:block;text-align:left;font-size:var(--df-font-size-mini);color:#555;line-height:14px;height:14px;}
.cart01 .option_d_name span{font-size:11px;}
.cart01 .option_d_name a{text-decoration:underline;}
.cart01 .option_d_name a:hover{text-decoration:none;}
.cart01 select, .cart01 input{width:100%;height:32px;line-height:22px;padding:5px;border-radius:5px;}
.cart01 .sold{font-size:30px;color:#f00;font-weight:bold;width:100%;line-height:50px;text-align:left;}
.cart01 .resale_request{margin:5px 0;float:right;}

.cart01 [name="n_of_buy"]{width:50px;}
.jump_inquiry{background:#d9d9d9;text-align:center;display:inline-block;height:32px;width:100%;margin-top:14px;margin-right:8px;border-radius:5px;}
.jump_inquiry:hover{background:#d0d0d0;}
.jump_inquiry div{text-align:left;display:inline-block;line-height:32px;height:32px;font-size:12px;position:relative;padding-left:28px;}
.jump_inquiry div::before{font-family:icons;content:"\e903";display:block;font-size:22px;line-height:32px;color:#999;position:absolute;top:0;left:0;}

.cart01 .option.submit_row{width:100%;margin:5px 0 0;}
.cart01 .option .submit{width:-webkit-calc(100% - 58px);width:calc(100% - 58px);line-height:20px;padding:5px;margin-top:0;font-weight:bold;font-size:14px;font-family:var(--hd-font-family);}
.cart01 .option .to_cart{margin-left:8px;}
.submit.in_cart::before,
.submit.to_cart::before{font-family:icons;margin-right:6px;font-weight:normal;line-height:20px;}
.submit.in_cart::before{content:"\e910";font-size:14px;}
.submit.to_cart::before{content:"\e93a";font-size:16px;}


@media (max-width:600px){
	[name="cart01"]{margin-left:-24px;margin-right:-24px;}
	.cart01{padding:24px 24px;}
	.cart01 .option .submit{font-size:14px;}
	.goods_size, .goods_material{max-width:552px;}
}










/* カート02のレイアウト */
.cart02_container{font-size:0;padding-bottom:1px;margin:40px -6px;position:relative;width:-webkit-calc(100% + 12px);width:calc(100% + 12px);display:flex;flex-wrap:wrap;align-items:stretch;}
.cart02_container::before{content:attr(data);display:block;text-align:center;font-size:14px;width:100%;line-height:25px;position:absolute;top:-56px;font-weight:bold;border-radius:3px;}
.cart02_container[data],
.cart02_container.empty,
.cart02_container.click{margin-top:96px;}
.cart02_container.click::before{content:"写真をクリックすると詳細が表示されます。";background:var(--df-ichi-back);background-image:var(--df-ichi-img);margin:0 6px;width:-webkit-calc(100% - 12px);width:calc(100% - 12px);display:block;height:50px;line-height:50px;}
.cart02_container.empty::before{content:"すべて売り切れです。。";font-size:16px;}
[name="cart02"]{display:inline-block;font-size:0;width:-webkit-calc(25% - 12px);width:calc(25% - 12px);margin:6px;}
.cart02{padding:16px;border-radius:3px;background:var(--df-ichi-back);background-image:var(--df-ichi-img);height:100%;}

.cart02 .name{font-size:13px;text-align:center;font-weight:bold;color:#382e1b;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:pre-wrap;margin-top:4px;line-height:20px;}
.cart02 .top{margin:5px 0 0;text-align:center;}
.cart02 .price_row{font-size:12px;text-align:center;color:#a81b4c;}
.cart02 .price{font-size:16px;font-weight:bold;color:#a81b4c;line-height:24px;}
.cart02 .comment{font-size:12px;color:#888;}
.cart02 .option{margin:5px 0 0;width:100%;position:relative;}
.cart02 .option select, .cart02 input{width:100%;font-size:14px;line-height:20px;}
.cart02 .option_d_name{display:block;text-align:left;font-size:12px;color:#888;line-height:15px;max-height:15px;}
.cart02 .option_d_name span{font-size:11px;color:#f00;}
.cart02 .submit_row{margin-top:10px;}
.cart02 .submit_row .submit{margin-top:5px;font-family:var(--hd-font-family);font-size:13px;line-height:20px;padding:5px 0;height:32px;font-weight:bold;}
.cart02 .highslide-caption{display:none;}
.cart02 .img,
.cart02 .img a,
.cart02 .img img{width:100%;}
.cart02 .resale_request{width:100%;}

@media (max-width:1059px){
	.cart02_container{margin:40px -10px;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);}
	.cart02_container.click::before{margin:0 10px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}
	[name="cart02"]{width:-webkit-calc(33.3% - 20px);width:calc(33.3% - 20px);margin:10px;}
}
@media (max-width:600px){
	.cart02_container{margin:40px -24px;width:unset;}
	.cart02_container.click::before{margin:0;width:100%;}
	[name="cart02"]{width:-webkit-calc(33.3% - 6.5px);width:calc(33.3% - 6.5px);margin:5px 0;}
	[name="cart02"]:nth-of-type(3n+2){margin:5px 10px;}
}





/* カート(検索画面)のレイアウト */
.cart_search{width:100%;white-space:normal;padding:10px;background:#fff;border-radius:2px;}
.cart_search .option_d_name{display:block;text-align:left;font-size:12px;color:#888;line-height:15px;}
.cart_search .option_d_name span{font-size:11px;color:#f00;}
.cart_search .option, .cart_search .submit_row{width:100%;margin:8px 0 0;position:relative;}
.cart_search select, .cart_search input{width:100%;}
.cart_search .price_row{font-size:13px;color:#a81b4c;}
.cart_search .price_row .price{font-size:18px;font-weight:bold;color:#a81b4c;}
.cart_search .submit_row select{width:50px;margin-right:10px;height:36px;vertical-align:top;}
.cart_search .submit_row .submit{width:-webkit-calc(100% - 60px);width:calc(100% - 60px);font-size:14px;line-height:26px;height:36px;margin-top:0;padding:4px;font-weight:bold;font-family:var(--hd-font-family);}
.cart_search .sold{font-size:26px;line-height:40px;text-align:center;padding:7px;color:#f00;font-weight:bold;}
.cart_search .resale_request{margin-left:auto;margin-right:auto;}




/* カートに入れたときのコメント */
.cart_alert_container{position:absolute;left:0;z-index:1;min-width:140px;}
.cart_alert{background:rgba(30,30,30,.7);color:#fff;border-radius:4px;padding:8px 4px;text-align:center;font-size:14px;line-height:20px;position:relative;}
.cart_alert.downer{margin-top:10px;}
.cart_alert.upper{margin-bottom:10px;}
.cart_alert a{display:block;margin-top:5px;text-decoration:underline;font-size:14px;color:#fff;font-weight:bold;}
.cart_alert a:hover{text-decoration:none;}
.cart_alert.check::before{font-family:icons;content:"\ea10";display:block;font-family:icons;font-size:70px;line-height:70px;margin-bottom:10px;}
.cart_alert::after{position:absolute;left:-webkit-calc(50% - 8px);left:calc(50% - 8px);content:"";border:transparent 8px solid;}
.cart_alert.downer::after{top:-16px;border-bottom-color:rgba(30,30,30,.7);}
.cart_alert.upper::after{bottom:-16px;border-top-color:rgba(30,30,30,.7);}



/* こんな方におすすめです */
.goods_recommend{margin:40px auto;text-align:center;max-width:640px;}
.goods_recommend:before,
.goods_recommend:after{
	display:block;content:"";margin:0 auto 10px;
	background:#ddcba5; /* Old browsers */
	background:-moz-linear-gradient(left, #ddcba5 0%, #fae8c5 50%, #ddcba5 100%);
	background:-webkit-linear-gradient(left, #ddcba5 0%,#fae8c5 50%,#ddcba5 100%);
	background:linear-gradient(to right, #ddcba5 0%,#fae8c5 50%,#ddcba5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddcba5', endColorstr='#ddcba5',GradientType=1 ); /* IE6-9 */	
	height:2px;
	width:80%;
}
.goods_recommend:after{margin-top:5px;}
.goods_recommend div{display:inline-block;text-align:left;}
.goods_recommend div:before{content:"こんな方におすすめです。";font-size:var(--h3-font-size);;font-family:var(--hd-font-family);line-height:36px;font-weight:bold;margin-bottom:15px;display:block;text-align:center;color:#9a8a70;}
.goods_recommend p{font-size:var(--df-font-size);line-height:var(--df-line-height);margin:5px 0;color:#38332d;position:relative;padding-left:25px;}
.goods_recommend p a{text-decoration:underline;}
.goods_recommend p a:hover{text-decoration:none;}
.goods_recommend p::before{
	content:"";
	background-image:url("/imgfiles/icon/check.png");background-size:contain;background-position:center;background-repeat:no-repeat;
	position:absolute;left:0;top:0;
	display:inline-block;width:20px;height:var(--df-line-height);
}

@media (max-width:600px){
	.goods_recommend p{padding-left:30px;}
	.goods_recommend p::before{width:25px;}
}



/* キャッチ */
.goods_catch1,.goods_catch2{
	font-family:var(--hd-font-family);
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin:80px auto 0;
	max-width:640px;
}
.goods_catch1{color:#333;font-size:var(--h4-font-size);}
.goods_catch2{color:#7e451f;font-size:-webkit-calc(var(--h4-font-size) * 0.85);font-size:calc(var(--h4-font-size) * 0.85);}
.goods_catch1 + *, .goods_catch2 + *{margin-top:80px!important;}
.goods_catch1 + .goods_catch2{margin-top:15px!important;}
.goods_catch1:not(:has(+ .goods_catch2))::after,
.goods_catch2::after{
	content:"";
	display:block;
	width:50%;
	height:25px;
	margin:15px auto 0;
	background-image:url(/imgfiles/frame/frame1_bottom.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	opacity:.5;
}



/* ■■■■■■■■■■検索画面レイアウト■■■■■■■■■■ */
.search_line{text-align:center;}
.search_line [type="text"]{
	border:none;
	background:#eee;
	font-size:20px;
	line-height:50px;
	padding:0 10px;
	height:50px;
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	vertical-align:top;
	border-radius:5px;
}
.search_line button{
	height:50px;
	width:50px;
	background-color:rgba(255, 255, 255, 0);
	vertical-align:top;
	font-size:32px;
	line-height:50px;
	margin-left:-50px;
}
.fit_width{padding:0 40px;margin-left:-40px;margin-right:-40px;}
.search_line.fit_width{margin-top:40px;padding-top:20px;padding-bottom:20px;background:var(--df-ichi-back);background-image:var(--df-ichi-img);}
.search_line.fit_width [type="text"]{background:#fff;width:100%;}
.search_line.fit_width [type="text"]:hover{box-shadow:inset 0 0 0 1px #000;}
.search_line.fit_width [type="text"]:focus{box-shadow:inset 0 0 0 2px #000;}

@media (max-width:900px){
	.fit_width {
		padding:0 24px;
		margin-left:-24px;
		margin-right:-24px;
	}
}
@media(max-width:600px){
	.fit_width{padding:0 24px;margin-left:-24px;margin-right:-24px;}
	.search_line.fit_width{padding:24px;}
}


#search_box{display:block;padding:20px 40px;margin-top:20px;margin-left:-40px;margin-right:-40px;background:var(--df-ichi-back);background-image:var(--df-ichi-img);}
#search_box .row{position:relative;}
#search_box .row div{display:inline-block;}
#search_box .row label{display:inline-block;margin:0 20px;line-height:21px;padding:6px 0;font-size:14px;}
#search_box .caption{margin-bottom:10px;border-left:5px #c49d59 solid;padding-left:5px;position:relative;line-height:28px;font-size:14px;}
#search_box .name{margin-right:5px;text-align:right;line-height:40px;font-size:14px;}
#search_box .to{display:inline-block;width:20px;text-align:center;line-height:40px;font-size:14px;}
#search_box input[type="text"],
#search_box input[type="number"]{line-height:28px;height:40px;padding:5px 10px;border-radius:5px;}
#search_box select{line-height:28px;height:40px;padding:5px 22px 5px 10px;border-radius:5px;}
#search_box .row label{line-height:20px;padding:10px 0;}
#search_box .button{width:220px;line-height:40px;height:40px;border-radius:5px;}
#search_box .button:hover{opacity:0.75;}
#search_box .t_right{text-align:right;position:absolute;right:0;bottom:0;}
#search_box [name='key']{width:-webkit-calc(100% - 230px);width:calc(100% - 230px);}
@media (max-width:600px){
	#search_box{padding:24px;margin-left:-24px;margin-right:-24px;}
	#search_box .button{width:120px;}
	#search_box .to{line-height:40px;}
	#search_box [name='key']{width:-webkit-calc(100% - 130px);width:calc(100% - 130px);}
}

.search_guide{margin-top:50px;}
.search_guide .check{margin-bottom:10px;font-size:16px;}
.search_guide .b{font-size:13px;}
.search_guide hr{border-top:1px #eaeaea solid;width:100%;margin:20px 0;}

.hit_text p{color:#666;font-size:15px;text-align:justify;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;}
.hit_text p b{vertical-align:baseline;color:#444;}

.a_block{height:155px;line-height:23px;display:block;overflow:hidden;}
.a_block p{height:75px;margin-top:40px;padding:3px 6px;background:rgba(255,255,255,.5);color:rgba(0,0,0,.95);z-index:2;position:relative;}
.a_block p b{color:rgba(0,0,0,.95);}

.hulkout{position:relative;z-index:1;background-position:center;background-size:100%;transition:background .25s;overflow:hidden;}
.hulkout:after{transition:opacity .25s;opacity:0;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3);z-index:1;}
.hulkout img{position:relative;width:100%;z-index:0;transition:transform .25s;}
a:hover .hulkout,
.hulkout:hover{text-decoration:none;background-size:115%;opacity:1!important;}
a:hover .hulkout:after,
.hulkout:hover:after{opacity:1;}
a:hover .hulkout img,
.hulkout:hover img{transform:scale(115%);opacity:1!important;}


.stone_list{font-size:0;margin-top:40px;margin-left:-8px;width:-webkit-calc(100% + 16px);width:calc(100% + 16px);}
.stone_list a{display:inline-block;vertical-align:top;margin:8px;padding:2px;text-align:center;height:140px;width:-webkit-calc(25% - 16px);width:calc(25% - 16px);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;background:#fff;background:-moz-linear-gradient(-30deg, #fff 0%, #fff 70%, #f7f7f7 100%);background:-webkit-linear-gradient(-30deg, #fff 0%,#fff 70%,#f7f7f7 100%);text-decoration:none;}
.stone_list a .name{display:flex;align-items:center;height:40px;position:relative;z-index:2;}
.stone_list a .name p{width:100%;font-size:15px;line-height:20px;max-height:40px;overflow:hidden;white-space:pre-wrap;}
.stone_list a:hover{text-decoration:none;}
.stone_list .ribbon{position:absolute;top:10px;left:-6px;font-size:12px;font-weight:bold;color:#fff;background:#616a75;width:42px;height:20px;line-height:20px;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.3);z-index:3;}
.stone_list .ribbon.m1{background:#b3357a;}
.stone_list .ribbon.m2{background:#8240d4;}
.stone_list .ribbon.m3{background:#89bfcb;}
.stone_list .ribbon.m4{background:#616a75;}
.stone_list .ribbon.m5{background:#1bad65;}
.stone_list .ribbon.m6{background:#93b7b6;}
.stone_list .ribbon.m7{background:#930e22;}
.stone_list .ribbon.m8{background:#9ebe49;}
.stone_list .ribbon.m9{background:#45578e;}
.stone_list .ribbon.m10{background:#cda392;}
.stone_list .ribbon.m11{background:#bf922b;}
.stone_list .ribbon.m12{background:#6599cf;}
.stone_list .ribbon:before{content:"";position:absolute;bottom:-6px;left:0;display:inline-block;height:0;width:0;font-size:0;line-height:0;border:3px solid;border-color:#555 #555 transparent transparent;}
.stone_list img{display:block;margin:7px auto;width:80px;height:80px;position:relative;z-index:2;}
.stone_list a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:6px;background:#e6d89f;background:-moz-linear-gradient(-45deg, #e6d89f 0%, #fffedf 50%, #e6d89f 100%);background:-webkit-linear-gradient(-45deg, #e6d89f 0%,#fffedf 50%,#e6d89f 100%);opacity:0;transition:opacity .25s;}
.stone_list a:hover::after{opacity:1;}
.stone_list a:hover img{opacity:1;}
@media (max-width:600px){
	.stone_list{margin-left:-6px;width:-webkit-calc(100% + 12px);width:calc(100% + 12px);}
	.stone_list a{margin:0 6px 12px;padding:3px;text-align:center;height:130px;width:-webkit-calc(33.3% - 12px);width:calc(33.3% - 12px);}
	.stone_list img{margin:7px auto 4px;width:75px;height:75px;}
	.stone_list .ribbon{top:8px;left:-6px;font-size:11px;width:38px;height:18px;line-height:18px;}
	.stone_list a .name{height:38px;}
	.stone_list a .name p{font-size:13px;line-height:19px;max-height:38px;}
}



/* 様々なコンテンツ */
h1, h2, h3, h4, h3 *, h4 *{color:rgba(0,0,0,.9);font-family:var(--hd-font-family);}
h1{line-height:40px;min-height:38px;font-size:var(--h1-font-size);text-align:left;position:relative;}
h1 .before,h1 .after{font-size:14px;line-height:25px;font-weight:normal;font-family:var(--df-font-family);}
*:not(.breadcrumb) + h1{margin-top:20px;}

h2{border-bottom:1px solid #a88041;margin:0 auto;font-size:var(--h2-font-size);font-weight:bold;text-decoration:none;line-height:40px;text-align:left;}
h2 img{margin-right:10px;vertical-align:text-bottom;}
h2 div{font-size:14px;line-height:28px;font-weight:normal;font-family:var(--df-font-family);}
h2 a{display:inline-block;vertical-align:bottom;overflow:hidden;}
h2 a::before{content:"";border:transparent solid;border-width:7px 0 7px 16px;border-left-color:#ead9c0;width:0;height:0;display:inline-block;margin:10px 8px 0 0;}
h2 a:hover{text-decoration:none;color:#968366;}
h2 a:hover::before{border-left-color:#e6d1b1;}

h3{margin:0 0 15px;position:relative;font-size:var(--h3-font-size);font-weight:bold;text-decoration:none;line-height:36px;padding:7px 0 7px 15px;text-align:left;z-index:1;}
h3::before{content:"";height:0;width:0;position:absolute;left:0;top:0;border:25px solid #f1e7d8;border-radius:50%;z-index:-1;}
pre h3{margin-bottom:-0.5em;}

h4{margin:0 0 15px;font-size:var(--h4-font-size);line-height:26px;font-weight:bold;position:relative;padding:3px 0 3px 15px;}
h4::before{content:"";display:inline-block;height:100%;width:5px;position:absolute;left:0;top:0;bottom:0;background:#907348;border-radius:3px;}
pre h4{margin-bottom:calc(-0.5 * var(--df-line-height));}



/* ヘッダー画像　一番上なら上詰め、そうでなければ20px下げる */
.head_img{background-size:cover;background-position:center;margin-top:-40px;display:block;}
*:not(.breadcrumb) + .head_img{margin-top:20px;}
.head_img:not(img){min-height:250px;max-height:400px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 50px;}
.head_img .box{
	height:240px;width:240px;top:70px;
	background-position:center;
	text-align:center;
	background-size:contain;
	font-size:34px;line-height:1.5;
	font-family:var(--df-font-mincho);
	font-weight:bold;
	display:flex;justify-content:center;align-items:center;flex-direction:column;
	margin:30px 0;
}
a.head_img:hover{opacity:.8;text-decoration:none;}

.head_img .box p{font-size:155%;line-height:1.2;margin:0 0 12px;}
.head_img .box * + p{margin:12px 0 0;}
.head_img .box.genpo{background-image:url(/imgfiles/background/genpo.png);box-shadow:0 1px 15px 1px rgba(0,0,0,.15);}
.head_img .box.genpo p{color:#ba8624;}
.head_img img{max-width:100%;max-height:100%;}
.head_img .box.frost{color:#fff;backdrop-filter:blur(5px);text-shadow:0 2px 3px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4);}

.head_img .halo{
	line-height:1.1;font-size:100px;font-family:var(--df-font-mincho);font-weight:bold;text-align:center;
	display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;justify-content:center;background-size:contain;background-position:center;background-repeat:no-repeat;
	height:440px;width:100%;background-image:url(/imgfiles/background/halo.png);color:#fff;text-shadow:0 1px 10px rgb(150,100,25);
}
.head_img .halo .comment{font-family:var(--hd-font-family);font-weight:bold;color:#000;background:#fff;font-size:25px;text-shadow:none;padding:8px 12px;box-shadow:0 3px 4px 1px rgba(0, 0, 0, .5);}
.head_img .halo * + *{margin-top:10px;}


.head_img .title{
	font-size:32px;
	color:#fff;
	font-weight:bold;
	text-shadow:0 1px 3px black;
	font-family:var(--hd-font-family);
	line-height:40px;
	margin:20px 0;
}
.head_img .title.large{font-size:40px;line-height:50px;}
.head_img .title.large2{font-size:55px;line-height:65px;}
.head_img .title hr{border-top:solid 1px #fff;border-bottom:solid 1px rgba(0,0,0,.2);height:2px;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);margin:10px -10px;}
.head_img .title .subtitle{font-size:22px;line-height:32px;text-align:center;}
.head_img .title .feature::before{content:"特集";display:inline-block;text-shadow:none;}

.title .feature{background:#f92;border-radius:50%;text-align:center;display:inline-block;text-shadow:none;font-size:30%;}
.title .feature::before{content:"特集";}
.head_img .title.large2 .feature{height:60px;width:60px;line-height:60px;margin:0 10px 0 0;}


.head_img.goods_tile{
	background-color:#444;
	background-size:192px 192px;
	background-repeat:no-repeat;
	background-position:
	 -webkit-calc(50% +  50px) -webkit-calc(50% - 100px), -webkit-calc(50% -  50px) -webkit-calc(50% + 100px), -webkit-calc(50% - 150px) -webkit-calc(50% - 100px), -webkit-calc(50% + 150px) -webkit-calc(50% + 100px), -webkit-calc(50% + 250px) -webkit-calc(50% - 100px), -webkit-calc(50% - 250px) -webkit-calc(50% + 100px), 
	 -webkit-calc(50% - 350px) -webkit-calc(50% - 100px), -webkit-calc(50% + 350px) -webkit-calc(50% + 100px), -webkit-calc(50% + 450px) -webkit-calc(50% - 100px), -webkit-calc(50% - 450px) -webkit-calc(50% + 100px), -webkit-calc(50% - 550px) -webkit-calc(50% - 100px), -webkit-calc(50% + 550px) -webkit-calc(50% + 100px), 
	 -webkit-calc(50% + 650px) -webkit-calc(50% - 100px), -webkit-calc(50% - 650px) -webkit-calc(50% + 100px), -webkit-calc(50% - 750px) -webkit-calc(50% - 100px), -webkit-calc(50% + 750px) -webkit-calc(50% + 100px), -webkit-calc(50% + 850px) -webkit-calc(50% - 100px), -webkit-calc(50% - 850px) -webkit-calc(50% + 100px);
	background-position:
	 calc(50% +  50px) calc(50% - 100px), calc(50% -  50px) calc(50% + 100px), calc(50% - 150px) calc(50% - 100px), calc(50% + 150px) calc(50% + 100px), calc(50% + 250px) calc(50% - 100px), calc(50% - 250px) calc(50% + 100px), 
	 calc(50% - 350px) calc(50% - 100px), calc(50% + 350px) calc(50% + 100px), calc(50% + 450px) calc(50% - 100px), calc(50% - 450px) calc(50% + 100px), calc(50% - 550px) calc(50% - 100px), calc(50% + 550px) calc(50% + 100px), 
	 calc(50% + 650px) calc(50% - 100px), calc(50% - 650px) calc(50% + 100px), calc(50% - 750px) calc(50% - 100px), calc(50% + 750px) calc(50% + 100px), calc(50% + 850px) calc(50% - 100px), calc(50% - 850px) calc(50% + 100px);
}




h2[id], .goods_group h2{margin-top:80px;}
* + h2{margin-top:120px;}
form + h2, h1 + img + h2, h1 + h2, .head_img + h2, .goods_pickup + h2{margin-top:60px;}
* + h3, * + h4{margin-top:40px;}
h1 + img{margin-top:20px;}


@media (max-width:600px){
	h1 + img, .head_img{margin-left:-24px;width:600px;max-width:600px;}
	h2 div{font-size:16px;line-height:32px;}
	.head_img:not(img){min-height:300px;padding:0 25px;}
	.head_img{margin-top:-20px;}
	*:not(.breadcrumb) + .head_img{margin-top:20px;}
}

.pickup_subj{
	color:#3e2b17;
	margin:20px 0 15px;
	border-bottom:1px solid #c3b49d;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	font-family:var(--hd-font-family);
}


.display_none{display:none;}
.pagebreak{background:none!important;border:none!important;height:0!important;margin:0!important;padding:0!important;}


.article{line-height:1.8;}
.hit{margin:30px 0 50px;}
.hit h2{margin-bottom:20px;}

/* 目次 */
.table_of_contents{
	font-size:0;
	max-width:500px;
	margin:50px auto;
	box-shadow:0 0 0 3px #b39e7f inset, 0 0 0 7px rgba(179, 158, 127, 0.4) inset;
	position:relative;
	overflow:hidden;
	text-align:left;
}
.table_of_contents > div{padding:20px;font-size:0;}
.table_of_contents::before,.table_of_contents::after,
.table_of_contents > div::before,.table_of_contents > div::after{content:"";width:35px;height:35px;background:#fff;border-radius:50%;display:block;position:absolute;z-index:1;box-shadow:0 0 0 2px #fff, 0 0 0 5px #b39e7f, 0 0 0 9px rgba(179, 158, 127, 0.4);}
.table_of_contents::before{top:-18px;left:-18px;}
.table_of_contents::after{bottom:-18px;left:-18px;}
.table_of_contents > div::before{top:-18px;right:-18px;}
.table_of_contents > div::after{bottom:-18px;right:-18px;}

.table_of_contents h2{text-align:center;font-size:22px;line-height:30px;color:#51452e;margin:0 0 5px!important;padding:0 0 5px!important;}
.table_of_contents > div > a{display:inline-block;width:-webkit-calc(100% - 10px);width:calc(100% - 10px);line-height:40px;font-size:18px;margin:0 5px;font-weight:bold;padding:5px 10px;border-radius:3px;color:#322f2b;vertical-align:top;font-family:var(--hd-font-family);}
.table_of_contents > div > a:nth-last-of-type(n+2){border-bottom:1px solid #e6e6e6;}
.table_of_contents > div > a.hidden{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.table_of_contents > div > a.half{line-height:28px;font-size:16px;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);text-align:left;}
.table_of_contents > div > a:hover{text-decoration:none;background:#e6d89f;
	background:-moz-linear-gradient(-45deg, #e6d89f 0%, #fffedf 50%, #e6d89f 100%);
	background:-webkit-linear-gradient(-45deg, #e6d89f 0%,#fffedf 50%,#e6d89f 100%);
	background:linear-gradient(135deg, #e6d89f 0%,#fffedf 50%,#e6d89f 100%);
}
.table_of_contents > div > a div:not(.text),
.table_of_contents > div > a span:not(.text){font-size:14px;margin:-5px 0 5px;color:#8b847a;line-height:22px;font-weight:normal;white-space:normal;font-family:var(--df-font-family);}
.table_of_contents .text{font-size:14px;margin:5px;padding:5px 10px;}
.table_of_contents.center a{text-align:center;}



/* メッセージ */
.message{
	position:relative;
	z-index:0;
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.35);
	background:#fff;
	max-width:640px;
	width:100%;
	padding:40px 20px;
	border-radius:3px;
	margin:30px auto;
	font-size:0;
	text-align:left;
	border:1px solid #ccc;
}
.message hr{margin:30px auto -webkit-calc(30px - 1.8em);margin:30px auto calc(30px - 1.8em);}
.message.center{text-align:center;}
.message .from{font-weight:bold;color:#4c260a;margin-bottom:1em;font-size:120%;line-height:1;font-family:var(--hd-font-family);}
.message > pre{line-height:1.8;color:#000;font-size:var(--df-font-size);line-height:var(--df-line-height);}
.message > pre .from{display:inline-block;}
.paragraph .message{margin:40px 0 0;}

.add_img{margin-left:-5px;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);text-align:center;}
.add_img > *{border-radius:7px;overflow:hidden;border:5px solid transparent;margin-top:10px;}

[class*="deco_"]{
	background-position:right top;
	background-repeat:repeat-y;
	background-color:#fff;
	background-size:initial;
}
.deco_flower{background-image:url(/imgfiles/frame/flower.jpg);}
.deco_rose{background-image:url(/imgfiles/frame/rose.jpg);}




/* アイテムリスト */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/* 検索画面の商品詳細と開閉ボタン */
.switching_detail{width:300px;text-align:center;font-size:15px;color:#999;margin:15px auto -10px;line-height:26px;height:26px;display:block;}
.switching_detail:hover{color:#777;}
.switching_detail .switch_arrow{display:inline-block;line-height:26px;height:26px;}
.switching_detail .switch_arrow::before,
.switching_detail .switch_arrow::after,
.switching_detail::before,
.switching_detail::after{content:"";display:inline-block;width:0;height:0;border:transparent solid;border-width:14px 8px 0;border-top-color:#ccc;margin:5px 3px 0;transition:transform .15s;}

.switching_detail:hover .switch_arrow::before,
.switching_detail:hover .switch_arrow::after,
.switching_detail:hover::before,
.switching_detail:hover::after{border-top-color:#aaa;}

.switching_detail.close_detail .switch_arrow::before,
.switching_detail.close_detail .switch_arrow::after,
.switching_detail.close_detail::before,
.switching_detail.close_detail::after{transform:rotate(0.5turn);}
.switching_detail .switch_arrow::before{margin-right:12px;}
.switching_detail .switch_arrow::after{margin-left:12px;}

.goods_detail{
	margin-top:10px;
	position:relative;
	font-size:13px;
	line-height:25px;
	background:#f9f9f9;
	border:2px #ccc solid;
	border-radius:3px;
	width:100%;
	padding:10px 15px 15px;
	z-index:1;
	text-align:justify;
	display:none;
	overflow:auto;
	backface-visibility:hidden;/* GPU処理させるため？ */
	opacity:0;
	animation:closed .15s;
}
.goods_detail.opened{animation:opened .15s;opacity:1;}
.goods_detail .name{font-weight:bold;font-size:18px;margin-bottom:8px;font-family:var(--hd-font-family);}
.goods_detail .exp{font-size:15px;}
.goods_detail .name_block{margin:2px 6px 2px 0;height:21px;line-height:21px;min-width:65px;font-size:12px;background:#ddd;}

.goods_detail .close{position:absolute;right:5px;top:5px;background:none;}
.goods_detail .close:hover{opacity:0.5;}
.goods_detail .close:before{color:#777;font-size:20px;line-height:20px;}
.goods_detail .link_arrow{margin-bottom:5px;font-size:15px;position:relative;z-index:1;}

.goods_detail .cart{
	display:inline-block;width:230px;
	background:#e6d89f;
	background:-moz-linear-gradient(-45deg, #b39e7f 0%, #e0d49d 50%, #b39e7f 100%);
	background:-webkit-linear-gradient(-45deg, #b39e7f 0%,#e0d49d 50%,#b39e7f 100%);
	background:linear-gradient(135deg, #b39e7f 0%,#e0d49d 50%,#b39e7f 100%);
	padding:2px;
	border-radius:3px;
}
.goods_detail .cart_box{width:230px;float:right;font-size:0;margin-left:10px;line-height:1;}




/*横いっぱいのバナー*/
.wide_banner{display:block;width:100vw;height:460px!important;white-space:nowrap;overflow:hidden;background-position:center;background-size:cover;transition:opacity .25s;position:relative;}
a.wide_banner:hover{opacity:.8;text-decoration:none;}
a.wide_banner:hover img{opacity:inherit;}
.wide_banner .variable_width{height:100%;position:relative;min-width:unset;display:flex;align-items:center;justify-content:center;}
.wide_banner.goods_tile{
	background-color:#444;
	background-size:240px 240px;
	background-repeat:no-repeat;
	will-change:background-position;transition:background-position 7000ms linear 1000ms!important;
	background-position:
		 -webkit-calc(50% -  310px) -webkit-calc(50% - 125px), -webkit-calc(50% -  60px) -webkit-calc(50% - 125px), -webkit-calc(50% +  190px) -webkit-calc(50% - 125px), -webkit-calc(50% - 185px) -webkit-calc(50% + 125px), -webkit-calc(50% +  65px) -webkit-calc(50% + 125px), -webkit-calc(50% +  315px) -webkit-calc(50% + 125px),
		 -webkit-calc(50% - 1060px) -webkit-calc(50% - 125px), -webkit-calc(50% - 810px) -webkit-calc(50% - 125px), -webkit-calc(50% -  560px) -webkit-calc(50% - 125px), -webkit-calc(50% - 935px) -webkit-calc(50% + 125px), -webkit-calc(50% - 685px) -webkit-calc(50% + 125px), -webkit-calc(50% -  435px) -webkit-calc(50% + 125px),
		 -webkit-calc(50% +  440px) -webkit-calc(50% - 125px), -webkit-calc(50% + 690px) -webkit-calc(50% - 125px), -webkit-calc(50% +  940px) -webkit-calc(50% - 125px), -webkit-calc(50% + 565px) -webkit-calc(50% + 125px), -webkit-calc(50% + 815px) -webkit-calc(50% + 125px), -webkit-calc(50% + 1065px) -webkit-calc(50% + 125px);
	background-position:
		calc(50% -  310px) calc(50% - 125px), calc(50% -  60px) calc(50% - 125px), calc(50% +  190px) calc(50% - 125px), calc(50% -  185px) calc(50% + 125px), calc(50% +  65px) calc(50% + 125px), calc(50% +  315px) calc(50% + 125px),
		calc(50% - 1060px) calc(50% - 125px), calc(50% - 810px) calc(50% - 125px), calc(50% -  560px) calc(50% - 125px), calc(50% -  935px) calc(50% + 125px), calc(50% - 685px) calc(50% + 125px), calc(50% -  435px) calc(50% + 125px),
		calc(50% +  440px) calc(50% - 125px), calc(50% + 690px) calc(50% - 125px), calc(50% +  940px) calc(50% - 125px), calc(50% +  565px) calc(50% + 125px), calc(50% + 815px) calc(50% + 125px), calc(50% + 1065px) calc(50% + 125px);

}
.wide_banner img{max-width:100%;max-height:100%;}

.wide_banner .box{
	position:absolute;
	height:320px;width:320px;top:70px;left:-webkit-calc(50% - 160px);left:calc(50% - 160px);
	background-position:center;
	text-align:center;
	background-size:contain;
	font-size:45px;line-height:1.5;
	font-family:var(--df-font-mincho);
	font-weight:bold;
	display:flex;justify-content:center;align-items:center;flex-direction:column;
}
.wide_banner .box p{font-size:155%;line-height:1.2;margin:0 0 18px;}
.wide_banner .box * + p{margin:18px 0 0;}

.wide_banner .box.pos_l{left:-webkit-calc(25% - 160px);left:calc(25% - 160px);}
.wide_banner .box.pos_r{left:-webkit-calc(75% - 160px);left:calc(75% - 160px);}

.wide_banner .box.genpo{background-image:url(/imgfiles/background/genpo.png);box-shadow:0 1px 15px 1px rgba(0,0,0,.15);}
.wide_banner .box.genpo p{color:#ba8624;}

.wide_banner .box.frost{color:#fff;backdrop-filter:blur(5px);text-shadow:0 2px 3px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4);}

.wide_banner .halo{
	line-height:1.1;font-size:100px;font-family:var(--df-font-mincho);font-weight:bold;text-align:center;
	display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;justify-content:center;background-size:contain;background-position:center;background-repeat:no-repeat;
	height:440px;width:100%;background-image:url(/imgfiles/background/halo.png);color:#fff;text-shadow:0 1px 10px rgb(150,100,25);
}
.wide_banner .halo .comment{font-family:var(--hd-font-family);font-weight:bold;color:#000;background:#fff;font-size:25px;text-shadow:none;padding:8px 12px;box-shadow:0 3px 4px 1px rgba(0, 0, 0, .5);}
.wide_banner .halo * + *{margin-top:10px;}

.wide_banner .centering{margin:auto;display:block;}
.wide_banner div.centering{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:center;height:100%;}

.wide_banner .framebox_dbl{background:transparent;box-shadow:inset 0 0 0 5px rgba(255,255,255,.95), 0 1px 8px 1px rgba(0,0,0,.15);padding:7px;height:auto!important;width:auto!important;display:inline-block;position:absolute;bottom:15px;right:15px;}
.wide_banner .framebox_dbl pre{position:relative;max-height:220px;max-width:480px;font-size:16px;line-height:28px;background:#fff;padding:16px 20px 44px;font-weight:normal;font-family:var(--df-font-family);display:inline-block;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;box-shadow:0 1px 2px 1px rgba(0,0,0,.15);}
.wide_banner .framebox_dbl pre *{font-size:18px;line-height:28px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--hd-font-family);}
.wide_banner .framebox_dbl pre::after{content:"詳細はこちら";background:rgba(255,255,255,.95);display:block;position:absolute;bottom:0;left:0;border-top:1px solid #ddd;width:100%;text-align:center;line-height:39px;font-size:15px;font-weight:bold;font-family:var(--hd-font-family);}

.wide_banner .title{font-size:60px;line-height:80px;color:#fff;font-weight:bold;text-shadow:0 1px 3px black;font-family:var(--hd-font-family);margin:20px 0;}
.wide_banner .title.large{font-size:70px;line-height:90px;}
.wide_banner .title.large2{font-size:90px;line-height:110px;}
.wide_banner .title hr{border-top:solid 1px #fff;border-bottom:solid 1px rgba(0,0,0,.2);height:2px;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);margin:10px -10px;}
.wide_banner .title .subtitle{font-size:40px;line-height:70px;text-align:center;}
.wide_banner .title.large2 .feature{height:80px;width:80px;line-height:80px;margin:10px 10px 0 0;}

/* ゆっくり動く */
.wide_banner.slide_slowly{will-change:background-position;background-position-x:-webkit-calc(50% + 20px);background-position-x:calc(50% + 20px);transition:background-position 7000ms ease 1000ms, opacity 2000ms ease 1s!important;}
.wide_banner.slide_slowly.active:not(.off),
.wide_banner.slide_slowly.slick-current:not(.off){background-position-x:-webkit-calc(50% - 20px);background-position-x:calc(50% - 20px);}

.wide_banner.goods_tile.slick-current:not(.off){
	background-position:
		-webkit-calc(50% -  190px) -webkit-calc(50% - 125px), -webkit-calc(50% +  60px) -webkit-calc(50% - 125px), -webkit-calc(50% +  310px) -webkit-calc(50% - 125px), -webkit-calc(50% -  305px) -webkit-calc(50% + 125px), -webkit-calc(50% -  55px) -webkit-calc(50% + 125px), -webkit-calc(50% +  195px) -webkit-calc(50% + 125px),
		-webkit-calc(50% -  940px) -webkit-calc(50% - 125px), -webkit-calc(50% - 690px) -webkit-calc(50% - 125px), -webkit-calc(50% -  440px) -webkit-calc(50% - 125px), -webkit-calc(50% - 1055px) -webkit-calc(50% + 125px), -webkit-calc(50% - 805px) -webkit-calc(50% + 125px), -webkit-calc(50% -  555px) -webkit-calc(50% + 125px),
		-webkit-calc(50% +  560px) -webkit-calc(50% - 125px), -webkit-calc(50% + 810px) -webkit-calc(50% - 125px), -webkit-calc(50% + 1060px) -webkit-calc(50% - 125px), -webkit-calc(50% +  445px) -webkit-calc(50% + 125px), -webkit-calc(50% + 695px) -webkit-calc(50% + 125px), -webkit-calc(50% +  945px) -webkit-calc(50% + 125px);
	background-position:
		calc(50% -  190px) calc(50% - 125px), calc(50% +  60px) calc(50% - 125px), calc(50% +  310px) calc(50% - 125px), calc(50% -  305px) calc(50% + 125px), calc(50% -  55px) calc(50% + 125px), calc(50% +  195px) calc(50% + 125px), 
		calc(50% -  940px) calc(50% - 125px), calc(50% - 690px) calc(50% - 125px), calc(50% -  440px) calc(50% - 125px), calc(50% - 1055px) calc(50% + 125px), calc(50% - 805px) calc(50% + 125px), calc(50% -  555px) calc(50% + 125px), 
		calc(50% +  560px) calc(50% - 125px), calc(50% + 810px) calc(50% - 125px), calc(50% + 1060px) calc(50% - 125px), calc(50% +  445px) calc(50% + 125px), calc(50% + 695px) calc(50% + 125px), calc(50% +  945px) calc(50% + 125px)}

@media (min-width:1500px){
	.wide_banner.slide_slowly{background-position-x:0;}
	.wide_banner.slide_slowly.active:not(.off),
	.wide_banner.slide_slowly.slick-current:not(.off){background-position-x:-40px;}
	.wide_banner.slide_slowly{background-size:-webkit-calc(100% + 40px) auto;background-size:calc(100% + 40px) auto;}
}
@media (max-width:600px){
	.wide_banner{height:400px!important;}
	.wide_banner.goods_tile{
		background-size:242px 242px;
		background-position:
		 -webkit-calc(50% - 150px) -webkit-calc(50% - 125px), -webkit-calc(50% + 100px) -webkit-calc(50% - 125px), -webkit-calc(50% +  350px) -webkit-calc(50% - 125px), -webkit-calc(50% -  50px) -webkit-calc(50% + 125px), -webkit-calc(50% + 200px) -webkit-calc(50% + 125px), -webkit-calc(50% +  450px) -webkit-calc(50% + 125px),
		 -webkit-calc(50% - 900px) -webkit-calc(50% - 125px), -webkit-calc(50% - 650px) -webkit-calc(50% - 125px), -webkit-calc(50% -  400px) -webkit-calc(50% - 125px), -webkit-calc(50% - 800px) -webkit-calc(50% + 125px), -webkit-calc(50% - 550px) -webkit-calc(50% + 125px), -webkit-calc(50% -  300px) -webkit-calc(50% + 125px),
		 -webkit-calc(50% + 600px) -webkit-calc(50% - 125px), -webkit-calc(50% + 850px) -webkit-calc(50% - 125px), -webkit-calc(50% + 1100px) -webkit-calc(50% - 125px), -webkit-calc(50% + 700px) -webkit-calc(50% + 125px), -webkit-calc(50% + 950px) -webkit-calc(50% + 125px), -webkit-calc(50% + 1200px) -webkit-calc(50% + 125px);
		background-position:
		 calc(50% - 150px) calc(50% - 125px), calc(50% + 100px) calc(50% - 125px), calc(50% +  350px) calc(50% - 125px), calc(50% -  50px) calc(50% + 125px), calc(50% + 200px) calc(50% + 125px), calc(50% +  450px) calc(50% + 125px),
		 calc(50% - 900px) calc(50% - 125px), calc(50% - 650px) calc(50% - 125px), calc(50% -  400px) calc(50% - 125px), calc(50% - 800px) calc(50% + 125px), calc(50% - 550px) calc(50% + 125px), calc(50% -  300px) calc(50% + 125px),
		 calc(50% + 600px) calc(50% - 125px), calc(50% + 850px) calc(50% - 125px), calc(50% + 1100px) calc(50% - 125px), calc(50% + 700px) calc(50% + 125px), calc(50% + 950px) calc(50% + 125px), calc(50% + 1200px) calc(50% + 125px);
	}
	.wide_banner.goods_tile.slick-current:not(.off){
		background-position:
		-webkit-calc(50% -  50px) -webkit-calc(50% - 125px), -webkit-calc(50% + 200px) -webkit-calc(50% - 125px), -webkit-calc(50% +  450px) -webkit-calc(50% - 125px), -webkit-calc(50% - 150px) -webkit-calc(50% + 125px), -webkit-calc(50% + 100px) -webkit-calc(50% + 125px), -webkit-calc(50% +  350px) -webkit-calc(50% + 125px),
		-webkit-calc(50% - 800px) -webkit-calc(50% - 125px), -webkit-calc(50% - 550px) -webkit-calc(50% - 125px), -webkit-calc(50% -  300px) -webkit-calc(50% - 125px), -webkit-calc(50% - 900px) -webkit-calc(50% + 125px), -webkit-calc(50% - 650px) -webkit-calc(50% + 125px), -webkit-calc(50% -  400px) -webkit-calc(50% + 125px),
		-webkit-calc(50% + 700px) -webkit-calc(50% - 125px), -webkit-calc(50% + 950px) -webkit-calc(50% - 125px), -webkit-calc(50% + 1200px) -webkit-calc(50% - 125px), -webkit-calc(50% + 600px) -webkit-calc(50% + 125px), -webkit-calc(50% + 850px) -webkit-calc(50% + 125px), -webkit-calc(50% + 1100px) -webkit-calc(50% + 125px);
		background-position:
		calc(50% -  50px) calc(50% - 125px), calc(50% + 200px) calc(50% - 125px), calc(50% +  450px) calc(50% - 125px), calc(50% - 150px) calc(50% + 125px), calc(50% + 100px) calc(50% + 125px), calc(50% +  350px) calc(50% + 125px),
		calc(50% - 800px) calc(50% - 125px), calc(50% - 550px) calc(50% - 125px), calc(50% -  300px) calc(50% - 125px), calc(50% - 900px) calc(50% + 125px), calc(50% - 650px) calc(50% + 125px), calc(50% -  400px) calc(50% + 125px),
		calc(50% + 700px) calc(50% - 125px), calc(50% + 950px) calc(50% - 125px), calc(50% + 1200px) calc(50% - 125px), calc(50% + 600px) calc(50% + 125px), calc(50% + 850px) calc(50% + 125px), calc(50% + 1100px) calc(50% + 125px);
	}
	.wide_banner .box{
		width:220px;height:220px;
		left:-webkit-calc(50% - 110px);left:calc(50% - 110px);
		top:-webkit-calc(50% - 110px);top:calc(50% - 110px);
		font-size:30px;line-height:1.5;
		background-size:220px;
	}
	.wide_banner .box.pos_l{left:-webkit-calc(25% - 110px);left:calc(25% - 110px);}
	.wide_banner .box.pos_r{left:-webkit-calc(75% - 110px);left:calc(75% - 110px);}
	.wide_banner .box p{margin:10px 0;}

	.wide_banner .framebox_dbl{bottom:-14px;right:-14px;box-shadow:inset 0 0 0 5px #fff;padding:7px;}
	.wide_banner .framebox_dbl pre{max-width:356px;max-height:130px;font-size:15px;padding:10px 12px;line-height:25px;-webkit-line-clamp:3;}
	.wide_banner .framebox_dbl pre *{font-size:20px;line-height:30px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.wide_banner .framebox_dbl pre::after{display:none;line-height:33px;font-size:12px;}

	.wide_banner .title{font-size:32px;line-height:40px;}
	.wide_banner .title.large{font-size:40px;line-height:50px;}
	.wide_banner .title.large2{font-size:70px;line-height:80px;}
	.wide_banner .title .subtitle{font-size:25px;line-height:35px;}
	.wide_banner .title.large2 .feature{height:65px;width:65px;line-height:65px;margin:5px 5px 0 0;}

	.wide_banner.head_img{height:300px!important;padding:5px 0;margin-left:-24px;margin-right:-24px;width:-webkit-calc(100% + 48px);width:calc(100% + 48px);}
}






/* オリジナルのプッシュ通知 */
.push{position:fixed;bottom:50px;right:0;width:450px;overflow:hidden;z-index:10000;}
.push > *{position:relative;bottom:0;right:-450px;display:block;white-space:pre-wrap;width:450px;min-height:85px;padding:20px;padding-left:85px;color:#fff;font-size:16px;line-height:24px;border-radius:3px 0 0 3px;background:rgba(0,0,0,.8);background-image:url(/imgfiles/face/tonashu.png);background-repeat:no-repeat;background-size:80px auto;background-position:0 5px;cursor:pointer;opacity:0;}
.push > *::before{content:"Magic Wandsからのお知らせ";display:block;font-weight:bold;margin-bottom:8px;font-size:18px;}
.push > *::after{content:"×";position:absolute;top:10px;right:15px;font-size:20px;line-height:20px;}


.flashing{animation:flashing 0.7s ease-out;animation-iteration-count:infinite;}
.flashing:hover{animation:unset;}
 @keyframes flashing{
	0%   {opacity:1;}
	20%  {opacity:1;}
	100% {opacity:0.3;}
}

@keyframes closed{0%{opacity:1;}}
@keyframes opened{0%{opacity:0;}}

[data-lazyload]{opacity:0;}
.loaded{animation:fadein 0.5s ease-out;}
@keyframes fadein{
	0%   {opacity:0;}
	100% {opacity:1;}
}





.form2{font-size:0;padding-bottom:30px;margin:40px -10px 0;}
.form2 .cell{position:relative;display:inline-block;font-size:0;line-height:1.8;margin:30px 10px 0;vertical-align:top;}
.form2 .cell.w10{width:-webkit-calc(10% - 20px);width:calc(10% - 20px);}
.form2 .cell.w15{width:-webkit-calc(15% - 20px);width:calc(15% - 20px);}
.form2 .cell.w20{width:-webkit-calc(20% - 20px);width:calc(20% - 20px);}
.form2 .cell.w25{width:-webkit-calc(25% - 20px);width:calc(25% - 20px);}
.form2 .cell.w30{width:-webkit-calc(30% - 20px);width:calc(30% - 20px);}
.form2 .cell.w40{width:-webkit-calc(40% - 20px);width:calc(40% - 20px);}
.form2 .cell.w50{width:-webkit-calc(50% - 20px);width:calc(50% - 20px);}
.form2 .cell.w60{width:-webkit-calc(60% - 20px);width:calc(60% - 20px);}
.form2 .cell.w70{width:-webkit-calc(70% - 20px);width:calc(70% - 20px);}
.form2 .cell.w80{width:-webkit-calc(80% - 20px);width:calc(80% - 20px);}
.form2 .cell.w90{width:-webkit-calc(90% - 20px);width:calc(90% - 20px);}
.form2 .cell.w100{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}

.form2 .index{background:#806d4e;margin:60px 10px 0;color:#fff;font-size:14px;line-height:30px;border-radius:3px;padding:4px 16px;}
.form2 .submit{max-width:600px;margin:30px auto 0;display:block;height:50px;padding:10px;font-size:18px;line-height:28px;font-family:var(--hd-font-family);;font-weight:bold;border-radius:8px;}
.form2 hr{width:auto;margin:30px 10px 0;}
.form2 label{font-size:16px;border-radius:8px;display:block;line-height:24px;border:1px #ccc solid;padding:16px 14px;background:#fff;}
.form2 label + label{margin-top:15px;}
.form2 label:hover{border:1px #000 solid;}
.form2 label:has(:checked){border:#afc79b solid 1px;box-shadow:inset 0 0 0 1px #afc79b;background:#f6ffed;}

.form2 .radio{width:16px;height:16px;margin:3px 12px 0 2px;}
.form2 .checkbox{width:20px;height:20px;margin:1px 10px 0 0;}

.form2 .cell .div{border:1px #ccc solid;padding:16px 14px;width:100%;line-height:24px;font-size:16px;position:relative;z-index:1;border-radius:8px;overflow:hidden;box-shadow:none;color:#000;max-width:none;}
.form2 .cell .input{border:1px #ccc solid;background-color:transparent!important;padding:16px 14px;width:100%;min-height:58px;line-height:24px;font-size:16px;position:relative;z-index:1;border-radius:8px;box-shadow:none;color:#000;max-width:none;}
.form2 .cell .input[disabled]{border-color:transparent!important;background-color:rgba(0,0,0,.06)!important;color:#000!important;}
.form2 .cell .input[name*="password"]{padding-right:55px;}
.form2 .cell textarea.input{min-height:150px;}
.form2 .cell .input:hover{background-color:transparent;border:1px #000 solid;}
.form2 .cell .input:focus{background-color:transparent;border:1px #000 solid;box-shadow:inset 0 0 0 1px #000;}
/* ラベルは全角28文字以下推奨 */
.form2 .cell .div + .label,
.form2 .cell .input + .label{z-index:0;left:0;top:0;position:absolute;font-size:16px;padding:17px 15px;line-height:24px;transition:all .15s;color:#888;border-radius:3px;}
.form2 .cell .input.required + .label::after{content:"*";color:#f00;margin-left:3px;}


.form2 .cell select.input{background-image:url(/imgfiles/icon/arrowbottom.svg);background-position:-webkit-calc(100% - 23px) 50%;background-position:calc(100% - 23px) 50%;background-repeat:no-repeat;background-size:12px 12px!important;padding-right:40px!important;}
.form2 .cell select.input:focus{background-position:-webkit-calc(100% - 21px) 50%;background-position:calc(100% - 22px) 50%;}

.form2 .cell .div + .label,
.form2 .cell .input:focus + .label,
.form2 .cell .input.fix + .label,
.form2 .cell .input.filled + .label{left:10px;top:-9px;height:20px;font-size:12px;padding:0 6px;line-height:20px;color:#444!important;z-index:2;background:#fff;}

.form2 .cell p.p{padding-left:4px;color:#000;margin-top:8px;font-size:13px;line-height:20px;}
.form2 .cell pre{padding:0 4px;color:#000;font-size:15px;line-height:25px;}
.form2 .cell * + pre{margin-top:20px;}
.form2 .cell label pre{border-top:1px solid rgba(0,0,0,.1);padding-top:15px;}
.form2 .cell .problem:not(.input){padding-left:4px;color:#f00;margin-top:8px;font-size:13px;line-height:20px;}
.form2 .cell .problem.input{border-color:#f00!important;font-weight:normal;color:#000;}
.form2 .cell .problem.input:focus{box-shadow:inset 0 0 0 1px #f00!important;}
.form2 .cell .problem.input + .label{color:#f00;}


/* 内容は同じだけどバラで設定しないと効かなくなることがある */
.form2 .cell .input:-internal-autofill-selected{transition:background-color 5000s ease-in-out 5000s!important;}
.form2 .cell .input:-webkit-autofill{transition:background-color 5000s ease-in-out 5000s!important;}
.form2 .cell .input:autofill{transition:background-color 5000s ease-in-out 5000s!important;}
.form2 .cell .input:-internal-autofill-selected + .label{left:10px;top:-9px;height:20px;font-size:12px;padding:0 6px;line-height:20px;color:#444!important;z-index:2;background:#fff;}
.form2 .cell .input:-webkit-autofill + .label{left:10px;top:-9px;height:20px;font-size:12px;padding:0 6px;line-height:20px;color:#444!important;z-index:2;background:#fff;}
.form2 .cell .input:autofill + .label{left:10px;top:-9px;height:20px;font-size:12px;padding:0 6px;line-height:20px;color:#444!important;z-index:2;background:#fff;}


.form2 .cell .embed{position:absolute;top:12px;right:12px;height:34px;width:34px;border-radius:50%;display:inline-block;text-align:center;cursor:pointer;z-index:3;}
.form2 .cell .embed:hover{background:#eee;}
.form2 .cell .embed:focus{box-shadow:none;}
.form2 .cell .embed::before{font-size:18px;line-height:34px;font-family:icons;}

.form2 .cell .faq,
.form2 .cell .pass_eye{position:absolute;top:12px;right:12px;height:34px;width:34px;border-radius:50%;display:inline-block;text-align:center;cursor:pointer;z-index:3;}
.form2 .cell .pass_eye:hover{background:#eee;}
.form2 .cell .pass_eye:focus{box-shadow:none;}
.form2 .cell .pass_eye::before{content:"";font-size:18px;line-height:34px;font-family:icons;}
.form2 .cell .pass_eye.pass_close::before{content:"\e9d1";}
.form2 .cell .pass_eye.pass_open::before{content:"\e9ce";}
.form2 .cell .faq{text-decoration:none;background:#ddd;text-align:center;top:14px;right:14px;height:30px;width:30px;font-size:18px;line-height:30px;}
.form2 .cell .faq::before{font-family:icons;content:"\e90d";color:#fff;line-height:30px;}
.form2 .cell .faq:hover{background:#ccc;}
.form2 .cell .search::before{font-family:icons;content:"\e986";font-size:24px;}






.form2 .a{color:#000;font-size:13px;text-decoration:none;border-radius:8px;line-height:30px;height:30px;display:block;font-family:var(--hd-font-family);font-weight:bold;text-align:center;width:100%;max-width:600px;margin:0 auto;}
.form2 .a.border{border:1px solid #000;height:32px;}
.form2 .a:hover{text-decoration:none;background:#eee;}

.form2 .box{position:relative;width:100%;border:1px solid #ccc;border-radius:8px;padding:16px 45px 16px 14px;}
.form2 .box .other_address{line-height:24px;font-size:15px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;word-wrap:break-word;-webkit-box-orient:vertical;}
.form2 .box .other_address p{color:#888;}
.form2 .box:hover{border-color:#000;}
.form2 .box.focus{border:#afc79b solid 2px;background:#f6ffed;padding:15px 44px 15px 13px;}
.form2 .box + .box{margin-top:15px;}
.form2 .box .name{font-weight:bold;display:inline-block;margin-right:10px;font-size:16px;}
.form2 .box:nth-of-type(n+6){display:none;}
.form2 .box.blank{border-style:dashed;}

.form2 .close{position:absolute;top:10px;right:10px;background:transparent;height:36px;width:36px;border-radius:50%;padding:0;}
.form2 .close:hover{background:#eee;}
.form2 .close::before,
.form2 .close::after{content:"";position:absolute;left:9px;top:17px;display:inline-block;height:2px;width:17px;background:#777;}
.form2 .close::before{transform:rotate(0.125turn);}
.form2 .close::after{transform:rotate(-0.125turn);}

.form2 .box .close{top:10px;right:10px;}
.form2 .box.focus .close{top:9px;right:9px;}

.form2 .relation.problem{font-weight:bold;color:#f00;font-size:14px;line-height:20px;text-align:center;margin-top:30px;}
.form2 .cell .relation.problem{margin-top:0;}

.form2 .upload [type="file"]{display:none;}
.form2 .upload button{text-align:left;}
.form2 .upload button div{display:inline-block;height:100%;background:#e6e6e6;padding:0 10px;border-radius:4px;font-size:14px;}
.form2 .upload button img{display:none;max-width:600px;width:auto;margin:0 auto;}
.form2 .upload .set_img div{display:none}
.form2 .upload .set_img img{display:block;}


@media (max-width: 600px){
	.form2{margin:40px -8px 0;}
	.form2 .index{margin:80px 8px 0;font-size:15px;line-height:30px;padding:4px 18px;}
	.form2 .cell label{font-size:19px;line-height:26px;padding:26px 17px;}
	.form2 .cell label pre{padding-top:26px;margin-top:26px;}
	.form2 .cell label:has(:checked){padding:25px 16px;}
	.form2 .submit{margin:40px auto 0;}
	.form2 hr{margin:40px 8px 0;}
	.form2 .radio{border:4px #fff solid;width:20px;height:20px;margin:3px 14px 3px 2px;}

	.form2 .checkbox{width:24px;height:24px;}
	.form2 [type="checkbox"]:checked + .checkbox:after,
	.form2 [type="checkbox"]:indeterminate + .checkbox:after{border-width:0 4px 4px 0;width:10px;height:14px;left:5px;}

	.form2 .box{height:80px;padding:10px 45px 10px 17px;display:flex;flex-direction:column;justify-content:center;}
	.form2 .box .other_address{line-height:27px;-webkit-line-clamp:2;}
	.form2 .box .name{}
	.form2 .box.focus{padding:8px 44px 8px 16px;}
	.form2 .box .close{top:21px;}
	.form2 .box.focus .close{top:20px;}

	.form2 .cell{margin:40px 8px 0;}
	.form2 .cell.w10{width:-webkit-calc(10% - 16px);width:calc(10% - 16px);}
	.form2 .cell.w15{width:-webkit-calc(15% - 16px);width:calc(15% - 16px);}
	.form2 .cell.w20{width:-webkit-calc(20% - 16px);width:calc(20% - 16px);}
	.form2 .cell.w25{width:-webkit-calc(25% - 16px);width:calc(25% - 16px);}
	.form2 .cell.w30{width:-webkit-calc(30% - 16px);width:calc(30% - 16px);}
	.form2 .cell.w40{width:-webkit-calc(40% - 16px);width:calc(40% - 16px);}
	.form2 .cell.w50{width:-webkit-calc(50% - 16px);width:calc(50% - 16px);}
	.form2 .cell.w60{width:-webkit-calc(60% - 16px);width:calc(60% - 16px);}
	.form2 .cell.w70{width:-webkit-calc(70% - 16px);width:calc(70% - 16px);}
	.form2 .cell.w80{width:-webkit-calc(80% - 16px);width:calc(80% - 16px);}
	.form2 .cell.w90{width:-webkit-calc(90% - 16px);width:calc(90% - 16px);}
	.form2 .cell.w100{width:-webkit-calc(100% - 16px);width:calc(100% - 16px);}

	.form2 .cell.m10{width:-webkit-calc(10% - 16px);width:calc(10% - 16px);}
	.form2 .cell.m15{width:-webkit-calc(15% - 16px);width:calc(15% - 16px);}
	.form2 .cell.m20{width:-webkit-calc(20% - 16px);width:calc(20% - 16px);}
	.form2 .cell.m25{width:-webkit-calc(25% - 16px);width:calc(25% - 16px);}
	.form2 .cell.m30{width:-webkit-calc(30% - 16px);width:calc(30% - 16px);}
	.form2 .cell.m40{width:-webkit-calc(40% - 16px);width:calc(40% - 16px);}
	.form2 .cell.m50{width:-webkit-calc(50% - 16px);width:calc(50% - 16px);}
	.form2 .cell.m60{width:-webkit-calc(60% - 16px);width:calc(60% - 16px);}
	.form2 .cell.m70{width:-webkit-calc(70% - 16px);width:calc(70% - 16px);}
	.form2 .cell.m80{width:-webkit-calc(80% - 16px);width:calc(80% - 16px);}
	.form2 .cell.m90{width:-webkit-calc(90% - 16px);width:calc(90% - 16px);}
	.form2 .cell.m100{width:-webkit-calc(100% - 16px);width:calc(100% - 16px);}

	.form2 .a{font-size:15px;}
	.form2 .cell .input{font-size:19px;min-height:80px;line-height:26px;padding:26px 17px;}
	.form2 .cell textarea.input{min-height:200px;}
	.form2 .cell .input + .label{font-size:19px;padding:26px 17px;line-height:26px;}

	.form2 .cell .value + .label,
	.form2 .cell .input:focus + .label,
	.form2 .cell .input.fix + .label,
	.form2 .cell .input.filled + .label{z-index:2;left:10px;top:-9px;height:20px;font-size:15px;padding:0 8px;line-height:20px;}
	.form2 .cell .input:-internal-autofill-selected + .label{z-index:2;left:10px;top:-9px;height:20px;font-size:15px;padding:0 8px;line-height:20px;}
	.form2 .cell .input:-webkit-autofill + .label{z-index:2;left:10px;top:-9px;height:20px;font-size:15px;padding:0 8px;line-height:20px;}
	.form2 .cell .input:autofill + .label{z-index:2;left:10px;top:-9px;height:20px;font-size:15px;padding:0 8px;line-height:20px;}

	.form2 .cell .embed{top:23px;}
	.form2 .cell .pass_eye{top:23px;}
	.form2 .cell .faq{top:25px;}

	.form2 .cell .problem:not(.input){font-size:15px;line-height:20px;}

	.form2 .upload button img{max-width:100%;}
}






.cart_list2 .row{white-space:nowrap;display:flex;align-items:stretch;margin:0 10px;}
.cart_list2 .row.goods{border-bottom:1px solid rgba(0,0,0,.1);font-size:0;}
.cart_list2 .row.index{padding:0;background:#806d4e;color:#fff;font-size:14px;line-height:30px;border-radius:3px;}

.cart_list2 .row.index > div{text-align:center;color:#fff;padding:4px 0;height:38px;}
.cart_list2 .row.goods > div{padding:15px 0;font-size:15px;}
.cart_list2 .row.goods > div:nth-of-type(1){font-size:0;}
.cart_list2 .row.goods > div:nth-of-type(2){display:flex;flex-direction:column;justify-content:center;text-align:center;}
.cart_list2 .row.goods > div:nth-of-type(3){display:flex;flex-direction:column;justify-content:center;text-align:right;padding-right:6px;}
.cart_list2 .row > div{display:inline-block;}

.cart_list2 .row.index > div + div,
.cart_list2 .row.goods > div + div{border-left:1px solid rgba(0,0,0,.1);}
.cart_list2 .row .w10{width:10%;}
.cart_list2 .row .w15{width:15%;}
.cart_list2 .row .w20{width:20%;}
.cart_list2 .row .w30{width:30%;}
.cart_list2 .row .w40{width:40%;}
.cart_list2 .row .w50{width:50%;}
.cart_list2 .row .w60{width:60%;}
.cart_list2 .row .w70{width:70%;}
.cart_list2 .row .w80{width:80%;}
.cart_list2 .row .w90{width:90%;}
.cart_list2 .row .w100{width:100%;}

.cart_list2 .row .img{width:100px;height:100px;margin-right:15px;float:left;}
.cart_list2 .row .goods_data{display:inline-block;width:-webkit-calc(100% + 15px);width:calc(100% + 15px);white-space:pre-wrap;}
.cart_list2 .row .goods_name{font-size:16px;font-family:var(--hd-font-family);line-height:20px;padding:4px 0;display:block;font-weight:bold;white-space:pre-wrap;width:-webkit-calc(100% - 15px);width:calc(100% - 15px);}
.cart_list2 .row .option{margin-top:12px;height:24px;line-height:24px;}
.cart_list2 .row .option .name_block{background:#e6e6e6;height:24px;line-height:24px;}
.cart_list2 .row .option a{display:inline-block;font-size:13px;line-height:24px;}
.cart_list2 .row .option .divide{display:inline-block;height:18px;width:1px;margin:3px 15px;border-right:1px solid #ccc;}

.cart_list2 .row.add_fee{margin-top:10px;}
.cart_list2 .row.add_fee > div,
.cart_list2 .row.total_line > div{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;line-height:30px;height:30px;}
.cart_list2 .row.add_fee > div:nth-of-type(2){padding-right:6px;}
.cart_list2 .row.total_line > div:nth-of-type(2){padding-right:6px;font-size:20px;color:#b78200;font-weight:bold;display:flex;align-items: baseline;}
.cart_list2 .row.total_line{border-bottom:1px solid rgba(0,0,0,.1);margin-top:30px;height:31px;}

.cart_list2 .row.postage{margin-top:10px;font-size:16px;line-height:30px;text-align:center;color:#806d4e;font-weight:bold;justify-content:center;flex-direction:column;}

.cart_list2 select{border:1px #ccc solid;background-color:transparent!important;background-image:url(/imgfiles/icon/arrowbottom.svg);background-position:-webkit-calc(100% - 10px) 50%;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:8px 8px!important;padding:8px 30px 8px 8px;width:60px;line-height:24px;font-size:16px;position:relative;z-index:1;border-radius:8px;box-shadow:none;color:#000;max-width:none;}
.cart_list2 select:hover{border-color:#000;}
.cart_list2 select:focus{border:2px #000 solid;background-position:-webkit-calc(100% - 9px) 50%;background-position:calc(100% - 9px) 50%;padding:7px 29px 7px 7px;}

.cart_list2 .comment{font-size:14px;line-height:21px;}

@media (max-width: 600px){
	.cart_list2 .row .goods_data{width:-webkit-calc(100% + 8px);width:calc(100% + 8px);}
	.cart_list2 .row .img{width:90px;height:90px;margin-right:10px;}
	.cart_list2 .row .goods_name{padding:3px 0;width:-webkit-calc(100% - 8px);width:calc(100% - 8px);}
	.cart_list2 .row .option{margin:10px 8px 0 0;}
	.cart_list2 .row .option,
	.cart_list2 .row .option a,
	.cart_list2 .row .option .name_block{height:22px;line-height:22px;}
	.cart_list2 .row .option .name_block{min-width:60px;}
	.cart_list2 .row .option .divide{margin:2px 10px;}
	.cart_list2 .row .option a::before{margin:4px 6px 0 0;}
}


.modal_notice{width:560px;text-align:center;font-size:16px!important;padding:20px;}
.modal_notice .put_img{margin-top:0;}



.mark{display:inline-block;position:relative;width:26px;height:26px;text-align:center;}
.mark.first{margin-right:8px;}
.mark.◎{border-radius:50%;box-shadow:inset 0 0 0 2px #f00, inset 0 0 0 5px #fff, inset 0 0 0 7px #f00;}
.mark.○{border-radius:50%;border:3px solid red;}
.mark.△{text-align:center;}
.mark.△::before{content:"";position:absolute;top:0;left:0;display:inline-block;width:0;height:0;margin-top:2px;border:solid transparent;border-width:0 13px 23px;border-bottom-color:#c0f;}
.mark.×::before, .mark.×::after{content:"";position:absolute;left:0;top:11px;display:inline-block;height:3px;width:26px;background:#00f;border-radius:2px;}
.mark.×::before{transform:rotate(0.125turn);}
.mark.×::after{transform:rotate(-0.125turn);}

.mtx0{margin-top:0!important;}
.mtxh{margin-top:20px!important;}
.mtx1{margin-top:40px!important;}
.mtx2{margin-top:80px!important;}
.mtx3{margin-top:120px!important;}
.mtx4{margin-top:160px!important;}
.mtx5{margin-top:200px!important;}



/* 記事らしい要素 */
.paragraph{margin:40px auto 0;max-width:640px;font-size:var(--df-font-size);line-height:var(--df-line-height);position:relative;}

blockquote{max-width:640px;margin:40px auto 0;background-color:rgba(0,0,0,.05);padding:25px 36px;font-size:var(--df-font-size);line-height:var(--df-line-height);backdrop-filter:blur(6px);}
blockquote + .caption{max-width:600px;margin:0 auto;margin-top:16px;text-align:right;font-size:var(--df-font-size-mini);line-height:var(--df-line-height-mini);}
pre blockquote{margin-left:0;}
pre blockquote + .caption{margin-left:0;}


.block{font-size:16px;line-height:28px;margin:40px auto 0;padding:40px 60px;border:1px solid #ccc;max-width:680px;position:relative;}
.block.toc::before{content:"目次";font-size:16px;line-height:30px;height:30px;width:80px;position:absolute;top:-15px;left:-webkit-calc(50% - 40px);left:calc(50% - 40px);background:#fff;text-align:center;}
.block.toc a{display:block;line-height:30px;padding:12px 0;color:#1d54a7;}
.block.toc a:hover{text-decoration:none;color:#c00000;}
.block.toc > * + *{border-top:1px solid #ccc;}

.list li{padding-left:18px;font-size:16px;line-height:26px;position:relative;}
.list li + li{margin-top:6px;}
.list li::before{content:"";display:inline-block;position:absolute;width:6px;height:6px;top:10px;left:2px;border-radius:50%;background:#aaa;}

.tag_ctr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tag_ctr .tag{font-size:14px;padding:.4em;border:1px solid #343434;color:#343434;min-width:90px;max-width:100%;margin-right:10px;border-radius:5px;display:inline-block;text-align:center;line-height:1;text-overflow:ellipsis;overflow:hidden;}

@media (max-width: 600px){

	.block.toc::before{font-size:20px;}
	.block.toc a{padding:15px 0;}
	.block{font-size:21px;line-height:36px;padding:40px 35px;}

	.list li{padding-left:20px;font-size:21px;line-height:34px;}
	.list li::before{top:13px;height:8px;width:8px;}

	.tag_ctr .tag{font-size:18px;min-width:100px;}
}



/* コンテンツの羅列 */
.list_box{margin-top:40px;}
.list_box > hr{margin:20px auto;}
.list_box .box{display:flex;justify-content:space-between;align-items:flex-start;transition:opacity .2s;padding:4px;margin:-4px;position:relative;overflow:hidden;}
.list_box .box > *{display:inline-block;}
.list_box .box .img{width:175px;height:175px;background-size:cover;background-position:center;box-shadow:none;}
.list_box .box .txt{width:-webkit-calc(100% - 200px);width:calc(100% - 200px);}
.list_box .box .txt h2{padding:0;border-bottom:none;margin:10px 0 0;font-size:var(--h4-font-size);line-height:1.4;}
.list_box .box .txt h2 a::before{display:none;}
.list_box .box .txt h2 span{color:#ff5722;font-size:14px;font-weight:normal;}
.list_box .box .txt > .body,
.list_box .box .txt > p{font-size:16px;line-height:1.6;color:#333;margin-top:16px;word-break:break-all;}
.list_box .box .like{position:absolute;top:146px;left:146px;z-index:1;}


.list_box a.box:hover{text-decoration:none;opacity:.8;}
.list_box a.box:hover img{opacity:1;}



/* h1の下やコンテンツの羅列の中で使うタグ表示 */
.ctr_tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0;line-height:0;position:relative;text-align:left;}
.ctr_tag:not(.notime){padding-right:90px;}
.ctr_tag > *:not(time):not(.nottag){font-size:14px;line-height:15px;padding:5px;height:27px;border:1px solid #343434;color:#343434;min-width:90px;max-width:100%;border-radius:5px;display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ctr_tag > *:not(time):not(.nottag) + *:not(time):not(.nottag){margin-left:10px;}
.ctr_tag > a:hover{text-decoration:none;color:#aaa;}
.ctr_tag > .tag_designer{background-size:contain;background-repeat:no-repeat;background-position:left;padding-left:32px!important;}
.ctr_tag > .alert{color:#f00!important;font-weight:bold;}
.ctr_tag > .attention{background-color:#dff!important;}
.ctr_tag > .discontinue{color:#f00!important;border-color:#f00!important;}
.ctr_tag > time{font-size:14px;padding:.4em 0;margin:1px 0;font-weight:bold;color:#888;line-height:1;position:absolute;right:0;top:0;font-family:var(--hd-font-family);}
* + .ctr_tag{margin-top:20px;}
.box .ctr_tag{margin-top:0;}

h1 .ctr_tag{font-family:var(--df-font-family);font-weight:normal;}
h1 .ctr_tag.append{margin-top:20px;}
h1 .ctr_tag.prepend{margin-bottom:20px;}
.box .ctr_tag > *:not(time):not(.nottag){min-width:80px;}
.breadcrumb + .ctr_tag{margin-top:0;}

/* 検索結果のテキスト */
.search_result{line-height:27px;font-size:16px;}
.search_result span{font-size:14px;vertical-align:baseline;}
.search_result.ctr_tag{white-space:unset;padding:0;}
.search_result.ctr_tag > *:not(time):not(.nottag){min-width:unset;max-width:unset;white-space:pre-wrap;height:unset;text-align:left;margin:0 8px 8px 0!important;}
.search_result.ctr_tag > *:not(time):not(.nottag) a{display:inline-block;width:21px;height:21px;line-height:21px;font-size:15px;border-radius:50%;text-align:center;margin:-3px -3px -3px 5px;color:rgba(0,0,0,.5);font-weight:bold;}
.search_result.ctr_tag > *:not(time):not(.nottag) a:hover{background:rgba(0,0,0,.1);text-decoration:none;}

/* newなどが入れられる画像コンテナ */
.ctr_img{position:relative;padding:4px;margin:-4px;overflow:hidden;}



.put_img{margin:40px auto 0;max-width:600px;display:block;border-radius:3px;text-align:center;}
.put_img p{font-size:15px;line-height:25px;text-align:center;margin:8px auto;display:block;}
@media (max-width:600px){
	.put_img{max-width:100%;}
}



.flex_size{margin:20px -10px 0;font-size:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;flex-direction:row;}
.flex_size > *{display:inline-block;margin:20px 10px 0;text-align:center;}
.flex_size > * .caption{font-size:14px;text-align:center;line-height:20px;margin:10px 0;}
.flex_size.w100 > *{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}
.flex_size.w50  > *{width:-webkit-calc(50% - 20px);width:calc(50% - 20px);}
.flex_size.w33  > *{width:-webkit-calc(33.3% - 20px);width:calc(33.3% - 20px);}
.flex_size.w25  > *{width:-webkit-calc(25% - 20px);width:calc(25% - 20px);}
.flex_size > .w100{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}
.flex_size > .w50{width:-webkit-calc(50% - 20px);width:calc(50% - 20px);}
.flex_size > .w33{width:-webkit-calc(33.3% - 20px);width:calc(33.3% - 20px);}
.flex_size > .w25{width:-webkit-calc(25% - 20px);width:calc(25% - 20px);}

@media (max-width: 600px){
	.list_box .box .img{width:145px;height:145px;}
	.list_box .box .txt{width:-webkit-calc(100% - 160px);width:calc(100% - 160px);}
	.list_box .box .txt > .body,
	.list_box .box .txt > p{margin-top:12px;}
	.list_box .box .like{top:120px;left:120px;}

	.flex_size{margin:26px -7px 0;}
	.flex_size > *{margin:14px 7px 0;}
	.flex_size > * .caption{font-size:16px;line-height:24px;}
	.flex_size.w100 > *{width:-webkit-calc(100% - 14px);width:calc(100% - 14px);}
	.flex_size.w50  > *{width:-webkit-calc(50% - 14px);width:calc(50% - 14px);}
	.flex_size.w33  > *{width:-webkit-calc(33.3% - 14px);width:calc(33.3% - 14px);}
	.flex_size.w25  > *{width:-webkit-calc(25% - 14px);width:calc(25% - 14px);}
	.flex_size > .w100{width:-webkit-calc(100% - 14px);width:calc(100% - 14px);}
	.flex_size > .w50{width:-webkit-calc(50% - 14px);width:calc(50% - 14px);}
	.flex_size > .w33{width:-webkit-calc(33.3% - 14px);width:calc(33.3% - 14px);}
	.flex_size > .w25{width:-webkit-calc(25% - 14px);width:calc(25% - 14px);}
}



/* バルーンの設定 */
.detail[data]:not(a):not(button):not(input){position:relative;z-index:0;margin-right:-2px;transition:all .2s;background:linear-gradient(transparent 60%, #FBB92F 60%);background-size:0 100%;background-repeat:no-repeat;opacity:.8;}
.detail[data]:not(a):not(button):not(input).active{background-size:calc(100% - 11px) 100%;opacity:1;}
.detail[data]:not(a):not(button):not(input)::after{content:"?";background:#aaa;color:#fff;font-size:10px;display:inline-block;height:12px;line-height:12px;width:12px;border-radius:50%;position:relative;top:-3px;right:2px;text-align:center;font-weight:bold;z-index:-1;}

#detail_balloon{display:inline-block;visibility:hidden;position:absolute;box-shadow:0 0 8px 1px rgba(0,0,0,.2);padding:10px 12px;font-size:calc(var(--df-font-size) * 0.85);line-height:calc(var(--df-line-height) * 0.75);background:#fff;border-radius:3px;max-width:350px;opacity:0;transition:opacity .15s;border:solid 1px #ccc;z-index:1;user-select:none;}
#detail_balloon.active{opacity:1;visibility:visible;}
#detail_balloon::after{content:"";width:12px;height:16px;border:solid transparent;border-width:8px 6px;position:absolute;left:calc(50% - 6px);}
#detail_balloon.b_sub::after{border-bottom-color:#fff;top:-15px;}
#detail_balloon.b_sup::after{border-top-color:#fff;bottom:-15px;}
#detail_balloon.b_left::after{left:10px;}
#detail_balloon.b_right::after{right:10px;left:unset;}

@media (max-width:600px){
	.detail[data]:not(a):not(button):not(input)::after{font-size:13px;height:14px;line-height:14px;width:14px;top:-4px;right:3px;}
	#detail_balloon{padding:12px 14px;font-size:calc(var(--df-font-size) * 0.9);line-height:calc(var(--df-line-height) * 0.8);border-radius:3px;max-width:350px;}
}


/* 背景 */
.back_ichi{background:var(--df-ichi-back);background-image:var(--df-ichi-img);background-position:bottom;background-size:400px;}



/* アイコン */
[class*="icon"]{font-family:icons;}
.icon_freedly::before{content:"\e600";}
.icon_hatebu::before{content:"\e601";}
.icon_line::before{content:"\e602";}
.icon_pocket::before{content:"\e603";}

.icon_hamburger::before{content:"\e901";}
.icon_printer::before{content:"\e902";}
.icon_letter::before,.icon_mail::before{content:"\e903";}
.icon_at::before{content:"\e904";}
.icon_edit::before,.icon_pencil::before{content:"\e905";}
.icon_home::before{content:"\e906";}
.icon_quill::before,.icon_pen::before{content:"\e907";}
.icon_external::before{content:"\e908";}
.icon_save::before{content:"\e909";}
.icon_out::before,.icon_output::before{content:"\e90a";}
.icon_person::before{content:"\e90b";}
.icon_stars::before{content:"\e90c";}
.icon_help::before,.icon_faq::before,.icon_question::before{content:"\e90d";}
.icon_feed::before{content:"\e90e";}

.icon_inyo::before{content:"\e914";}
.icon_clover::before{content:"\e915";}
.icon_daruma::before{content:"\e916";}
.icon_shake::before{content:"\e917";}
.icon_diamond::before{content:"\e918";}
.icon_ema::before{content:"\e919";}
.icon_walk::before{content:"\e91a";}
.icon_educate::before{content:"\e91b";}
.icon_info::before{content:"\e91c";}
.icon_business::before{content:"\e91d";}
.icon_wallet::before{content:"\e91e";}
.icon_book::before{content:"\e91f";}

.icon_hospital::before{content:"\e920";}
.icon_mirror::before{content:"\e921";}
.icon_radio::before{content:"\e922";}
.icon_measure::before{content:"\e923";}
.icon_file::before{content:"\e924";}
.icon_fude::before{content:"\e925";}
.icon_earth::before{content:"\e926";}
.icon_birthday::before{content:"\e927";}
.icon_moon::before{content:"\e928";}
.icon_newmoon::before{content:"\e929";}
.icon_fullmoon::before{content:"\e92a";}
.icon_sun::before{content:"\e92b";}
.icon_genpo::before{content:"\e92c";}
.icon_mobile::before{content:"\e92d";}
.icon_pc::before{content:"\e92e";}

.icon_close::before{content:"\e930";}
.icon_spin::before{content:"\e931";}
.icon_x::before{content:"\e932";}
.icon_credit::before{content:"\e93f";}

.icon_compass::before{content:"\e94a";}
.icon_notice::before{content:"\e96b";}
.icon_review::before{content:"\e96b";}
.icon_search::before{content:"\e986";}
.icon_lock::before,.icon_password::before{content:"\e98f";}
.icon_witch::before{content:"\e998";}
.icon_gift::before{content:"\e99f";}
.icon_resale::before{content:"\e9cd";}
.icon_like::before{content:"\e9da";}

.icon_logout::before{content:"\ea14";}
.icon_facebook::before{content:"\ea91";}
.icon_instagram::before{content:"\ea92";}
.icon_twitter::before{content:"\ea96";}
.icon_youtube::before{content:"\ea9d";}
.icon_tiktok::before{content:"\ea9e";}

.icon_sprout::before{content:"\f900";}
.icon_cart::before{content:"\f901";}
.icon_calendar::before{content:"\f902";}
.icon_book_open::before{content:"\f903";}
.icon_clock::before{content:"\f904";}
.icon_building::before{content:"\f905";}
.icon_rose::before{content:"\f906";}
.icon_box::before{content:"\f907";}
.icon_box_open::before{content:"\f908";}
.icon_egg::before{content:"\f909";}
.icon_fuji::before{content:"\f913";}

.icon_qr::before{content:"\f914";}
.icon_share::before{content:"\f915";}
.icon_link::before{content:"\f916";}