@charset "utf-8";


body, 
table, caption, thead, tbody, tfoot, tr, th, td, 
dl, dt, dd, ul, ol, li, 
header, main, footer, 
h1, h2, h3, h4, h5, h6, 
img, br, hr, 
form, input, button, textarea, select, option, label, 
div, p, span {
	margin: 0;
	padding: 0;
}
li { list-style-type: none; }
header, main, footer, article { display: block; }
*{ box-sizing: border-box; }

.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
iframe { border: none; }
img { image-rendering: -webkit-optimize-contrast; }
span.sup { display: block; font-size: 70%; margin-top: 7px; color: #707070; }


/* 基本設定
 ------------------------------ */
body { font-family: 'Meiryo', helvetica, arial, 'hiragino kaku gothic pro', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'Osaka', sans-serif; font-size: 108%; font-weight: 300; line-height: 1; background-color: #fff; color: #000020; min-width: 320px; }
a { color: #bd9569; }
img { border: none; image-rendering: -webkit-optimize-contrast; }
#wrap { width: 100%; margin: 0 auto; }
#wrap header { max-width: 1280px; margin: 0 auto; }
#wrap main { max-width: 1280px; margin: 0 auto; }

.ref_img { box-sizing: border-box; border: solid 1px #ddd; width: 33%; margin: 0 16px 16px 0; padding: 16px; float: left; background-color: #fff; }
.ref_img span { display: inline-block; font-size: 0.64em; line-height: 1.6; }
.ref_img img { width: 100%; }

table.border { border-collapse: collapse; width: 100%; font-size: 0.8em; color: #323232; line-height: 1.6; margin-bottom: 32px; }
table.border caption { padding: 0 0 0.64em 0; }
table.border th, table.border td { border: solid 1px #666; font-weight: 300; padding: 0.64em 0.32em; vertical-align: top; }
table.border th { text-align: left; background-color: #ddd; }

.sp_only { display: none; visibility: hidden; }

/* コンバージョンボタン
 ------------------------------ */
.cv_area { margin-top: 2em; }
.cv_button { font-size: 88%; letter-spacing: 1px; box-sizing: border-box; border-radius: 5px; padding: 1.16em 0.96em 0.96em 0.96em; text-decoration: none; color: #fff; background: #EF007E; /* background: #c7a08a; */ border-bottom: solid 1px #a7a; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); text-align: center; line-height: 1.16; }
.cv_button.full { display: block; max-width: 640px; margin: 0 auto; }
.cv_area.list2 { display: flex; flex-flow: wrap; justify-content: space-between; }
.cv_area.list2 .cv_button { width: 48.5%; }

#cv_footer { position: fixed; bottom: 4px; left: 3%; width: 47%; height: 48px; font-size: 0.72em; line-height: 1.16; max-width: 200px; }
#cv_footer a { color: #fff; height: 48px; text-decoration: none; display: block; background: #EF007E;/* background: #000020; *//* background: green-#0b9c86; *//* background: gold-#c7a08a; */ /* border-bottom: solid 1px #a7a; background: pink-#EF007E */; border: solid 1px #fff; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); border-radius: 7px; padding: 10px 0 0 64px; position: relative; box-sizing: border-box; max-width: 200px; }
/*
#cv_footer a::before { content: ''; display: block; position: absolute; top: 0; left: 5px; width: 48px; height: 48px; margin-left: 1%; vertical-align: middle; background-image: url('//ankh-fan.net/img/logo_ankhcross.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
*/
/*
#cv_footer a::before { content: ''; display: block; position: absolute; top: 2px; left: 10px; width: 40px; height: 40px; margin-left: 1%; vertical-align: middle; background-image: url('//ankh-fan.net/img/cv/clock-outline.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; color: #fff; fill: currentColor; }
*/
#cv_footer a::before { content: ''; display: block; position: absolute; top: 2px; left: 10px; width: 40px; height: 40px; margin-left: 1%; vertical-align: middle; background-image: url('//ankh-fan.net/img/logo_ankhcross.png'); background-repeat: no-repeat; background-position: center; background-size: contain; color: #fff; fill: currentColor; }

#cv_footer a::before {
	-webkit-animation:blink 1.2s ease-in-out infinite alternate;
	-moz-animation:blink 1.2s ease-in-out infinite alternate;
	animation:blink 1.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
		0% {opacity:0;}
		100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@media (max-width: 640px) {
	#cv_footer a { padding: 10px 0 0 54px; }
	#cv_footer a::before { margin-left: -1%; }
}


/* ヘッダ
 ------------------------------ */
#site_title { font-size: 96%; font-weight: 300; }
#site_title a { font-weight: 400; letter-spacing: 2px; display: block; width: 100%; text-decoration: none; text-align: center; box-sizing: border-box; padding: 16px 0 8px; }
#site_title a img { height: 64px; margin-right: 0.64em; vertical-align: -30%; }
p.pr { display: block; text-align: center; margin: 0 0 16px; }
p.pr span { display: inline-block; font-size: 84%; padding: 10px 30px 6px; background: #eee; }
#sp_menu { display: none; visibility: hidden; }
#nav_global { display: table; width: 100%; }
#nav_global li { float: left; width: 20%; background-color: #000020; background-image: url('//ankh-fan.net/css/./bg_dot.png'); }
#nav_global a { display: table-cell; width: 20%; height: 64px; vertical-align: middle; box-sizing: border-box; border-bottom: solid 6px #bd9569; color: #fff; text-decoration: none; letter-spacing: 1px; font-size: 0.88em; text-align: center; border-right: solid 1px #555; }
#nav_global a:hover { border-bottom-color: #e41f8d; }
#nav_global a span { font-size: 1.32em; margin: 0 0.24em; }
#nav_global li:last-child a { border-right: none; }
#gnav_sheet { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999; }

#top_slide { margin-bottom: 4em; }
#top_slide img { display: block; width: 100%; }
#top_slide_sp { margin-bottom: 4em; display: none; visibility: hidden; }
#top_slide_sp img { display: block; width: 100%; }

#breadcrumbs { margin: 1.64em 0 0 0; font-size: 80%; color: #666; padding: 0 1em; }
#breadcrumbs li { display: inline-block; margin-bottom: 0.64em; }
#breadcrumbs li:after { content: '>'; margin: 0 0.64em; }
#breadcrumbs li:last-child:after { content: ''; margin: 0; }


/* サブメニュー
 ------------------------------ */
.sub_menu { margin-bottom: 1.64em; line-height: 1.6; padding-left: 1.32em; padding-right: 1.32em; }

#sub_menu_product, #sub_menu_purchase_where, #sub_menu_purchase_cheaply, #sub_menu_get_sample { max-width: 1280px; margin: 0 auto 8em auto; padding: 0; }
#sub_menu_product dt, #sub_menu_purchase_where dt, #sub_menu_purchase_cheaply dt, #sub_menu_get_sample dt { font-size: 124%; margin: 0 0 0 0; }
#sub_menu_product dd, #sub_menu_purchase_where dd, #sub_menu_purchase_cheaply dd, #sub_menu_get_sample dd { font-size: 96%; margin: 0 0 1.64em 0; }



/* トップページ
 ------------------------------ */
.toppage h1.title, .sub_menu h1.title, .update h1.title, 
.toppage h2.title, .sub_menu h2.title, .update h2.title, 
.toppage p.title { padding-left: 32px; min-height: 55px; font-size: 156%; line-height: 1.96; font-weight: 300; margin-bottom: 0.64em; border-left: solid 8px #bd9569; }
.toppage h3.title { font-size: 132%; }
.toppage .movie_area { margin-bottom: 2.4em; padding: 0 1.32em; }
.toppage .movie_area #movie { float: left; width: 65.5%; }
.toppage .movie_area #movie #YouTube { height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative !important; }
.toppage .movie_area #movie #YouTube iframe,
.toppage .movie_area #movie #YouTube object,
.toppage .movie_area #movie #YouTube embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }
.toppage .movie_area .point_area { float: right; width: 32.5%; margin-left: 2%; }
.toppage .movie_area .point_area .cv_area { margin-top: 0; }
.toppage .movie_area .point_list { text-align: center; }
.toppage .movie_area .point_list li { display: inline-block; width: 28%; }
.toppage .movie_area .point_list li img { width: 100%; max-width: 109px; }
.toppage .movie_area .shampoo_bottle { text-align: center; }
.toppage .movie_area .shampoo_bottle img { width: 49%; max-width: 205px; margin-top: 1.64em; }
.toppage .shampoo_text { padding: 0 1.32em; }
.toppage .shampoo_text h3 { font-weight: 300; font-size: 116%; color: #bd9569; line-height: 1.32; margin-bottom: 0.8em; }
.toppage .shampoo_text p { line-height: 1.6; margin-bottom: 1.64em; }

.toppage .hair { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 1.32em; }
.toppage .hair .type { float: left; width: 48.5%; background-color: #fff; padding-bottom: 2em; }
.toppage .hair .type img { display: block; width: 100%; margin-top: 0.82em; }
.toppage .hair .type h3 { display: flex; justify-content: center; align-items: center; font-weight: 300; color: #fff; background: #000020; height: 3.5em; font-size: 138%; letter-spacing: 2px; padding: 0 5%; line-height: 1.6; }
.toppage .hair .type h3 span { text-align: center; }
.toppage .hair .type .title { font-weight: 400; font-size: 124%; color: #bd9569; margin: 0.82em 0; }
.toppage .hair .type p { line-height: 1.6; }
.toppage .hair .type .title, .toppage .hair .type p, .toppage .hair .type .cv_area { margin-left: 0.64em; margin-right: 0.64em; }

.toppage .about { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 1.32em; }
.toppage .about .card { float: left; width: 48.5%; box-sizing: border-box; background-color: #fff; padding: 1em 1.64em 2em 1.64em; margin-bottom: 3em; border: solid 1px #bd9569; }
.toppage .about .card img { display: block; width: 100%; margin-bottom: 1.64em; }
.toppage .about .card h3 { font-weight: 400; font-size: 132%; color: #bd9569; margin: 0 0 0.82em 0; background-repeat: no-repeat; padding: 0.64em 0 0 0; min-height: 42px; line-height: 1.2; }
.toppage .about .card p { line-height: 1.6; }

.toppage section h2 { margin-left: .84em; }

.update { margin: 0 auto 30px auto; width: 100%; max-width: 1280px; padding: 0 1.32em; }
.update dl { background-color: #fff; margin: 0; padding: 3%; height: 260px; overflow-y: scroll; font-size: 0.88em; border: solid 1px #ccc; }
.update dl dt {}
.update dl dd { margin-bottom: 1.64em; padding-bottom: 0.64em; line-height: 1.6; border-bottom: dotted 1px #ccccdc; }
.update dl dd a, .update dl dd span { text-decoration: none; display: block; padding: 0.64em 0; }
.update dl dd a:hover { text-decoration: underline; }

/* 商品詳細
 ------------------------------ */
.product_detail { margin-bottom: 1.64em; }
.product_detail .collaboration { margin-bottom: 1.64em; }
.product_detail .collaboration img { width: 100%; }
.product_detail .img img { display: block; width: 100%; background-color: #eee; border: solid 1px #ddd; box-sizing: border-box; }
.product_detail .material { box-sizing: border-box; float: left; border: solid 1px #ddd; width: 275px; margin-right: 2%; padding: 16px 16px 8px 16px; background-color: #fff; }
.product_detail .material img { display: block; width: 100%; background-color: #eee; box-sizing: border-box; margin-bottom: 8px; }
.product_detail .material span { display: block; text-align: center; font-size: 88%; }
.product_detail .detail { float: left; box-sizing: border-box; padding: 0 1.32em;}
.product_detail .detail h1 { font-size: 156%; font-weight: 400; line-height: 1.24; color: #bd9569; display: inline-block; }
.product_detail .detail h1 span { font-size: 48%; display: block; }
.product_detail .detail h2 { font-size: 116%; font-weight: 400; line-height: 1.24; color: #bd9569; }
	.product_detail .detail .cv_area.list2 + h2 { clear: both; }
.product_detail .detail .purchase_info { font-size: 64%; font-weight: 400; margin: 0.32em 0 2.48em 0; }
.product_detail .detail .purchase_info a { display: inline-block; color: #fff; border: solid 1px #000020; background-color: #000020; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); border-radius: 16px; padding: 0.24em 1em; text-decoration: none; }
.product_detail .detail p { line-height: 1.6; margin-bottom: 1.64em; font-size: 96%; text-align: justify; }
.product_detail .detail .comment { font-size: 0.8em; }
.product_detail .detail .related .title {  }
.product_detail .detail .related ul { margin: 10px 0 30px 0; display: flex; flex-flow: wrap; justify-content: space-between; }
.product_detail .detail .related li { width: 49%; height: 48px; margin-bottom: 0.32em; font-size: 0.8em; }
.product_detail .detail .related li a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; height: 48px; text-align: center; line-height: 1.16; text-decoration: none; background: #c7a08a; color: #fff; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); border-radius: 5px; padding: 0 0.64em; }
.product_detail .detail .related li span { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; height: 100%; text-align: center; line-height: 1.16; text-decoration: none; color: #c7a08a; border: solid 1px #c7a08a; border-radius: 5px; padding: 0 0.64em; }
.product_detail .detail .related li { margin-right: 1%; }
.product_detail .detail .related li:nth-child(2n) { margin-right: 0; }
.product_detail .recommend { line-height: 1.6; margin-top: 3.28em; }
.product_detail .recommend dt { font-weight: 400; }
.product_detail .recommend dd:before { content: '・ '; }
.product_detail .recommend dd { margin-left: 1.64em; }
.product_detail .merit { margin-top: 1.64em; }
.product_detail .merit h2 { font-weight: 300; color: #bd9569; }
.product_detail .merit dl { margin: 1.64em; line-height: 1.6; }
.product_detail .merit dt { font-weight: 400; }
.product_detail .merit dd { margin: 0 0 2.4em 2.4em; }

/* 記事ページ
 ------------------------------ */
.talk { margin: 0 auto 4em auto; max-width: 1280px; }
.talk .img img { display: block; width: 100%; border: solid 1px #ddd; background-color: #eee; box-sizing: border-box; }
.talk #procare .img img { border: none; background: none; }
.talk .text { padding: 0 1.32em; }
.talk .text h1, .talk .text h2, .talk .text h3 { font-weight: 300; line-height: 1.24; color: #bd9569; margin-bottom: 1.24em; }
.talk .text h1 { font-size: 156%; }
.talk .text h2 { font-size: 132%; }
.talk .text h3 { font-size: 116%; }
.talk .text p { line-height: 1.6; margin-bottom: 1.64em; font-size: 96%; }
.talk .text li { margin-left: 2.4em; margin-bottom: 0.64em; line-height: 1.6; }
.talk .text ol, .talk .text ul { margin-bottom: 2.4em; }
.talk .text ol li { list-style-type: decimal; }
.talk .text ul li { list-style-type: disc; }
.talk .text section { margin-bottom: 2.4em; }
.talk .text .cv_area { margin-bottom: 2.4em; }
.talk .text .purchase_info { font-size: 64%; font-weight: 400; margin: 0.32em 0 2.48em 0; }
.talk .text .purchase_info a { display: inline-block; color: #fff; border: solid 1px #000020; background-color: #000020; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); border-radius: 16px; padding: 0.24em 1em; text-decoration: none; }
.talk .merit { margin-top: 1.64em; }
.talk .merit h2 { font-weight: 300; color: #bd9569; }
.talk .merit dl { margin: 1.64em; line-height: 1.6; }
.talk .merit dt { font-weight: 400; }
.talk .merit dd { margin: 0 0 2.4em 2.4em; }
.talk .text .related .title {  }
.talk .text .related ul { margin: 10px 0 30px 0; display: flex; flex-flow: wrap; justify-content: space-between; }
.talk .text .related li { width: 49%; min-height: 48px; margin: 0 0 0.32em 0; font-size: 0.8em; list-style-type: none; }
.talk .text .related li a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; height: 100%; text-align: center; line-height: 1.16; text-decoration: none; background: #c7a08a; color: #fff; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); border-radius: 5px; padding: 0 0.64em; }
.talk .text .related li span { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; height: 100%; text-align: center; line-height: 1.16; text-decoration: none; color: #c7a08a; border: solid 1px #c7a08a; border-radius: 5px; padding: 0 0.64em; }
.talk .text .related li { margin-right: 1%; }
.talk .text .related li:nth-child(2n) { margin-right: 0; }


/* ランキングページ
 ------------------------------ */
.ranking .text h2 { font-size: 148%; height: 56px; text-align: center; margin-bottom: 0.8em; }
.ranking .text h2 span { font-weight: 500; vertical-align: bottom; }
.ranking .text h2.rank:nth-of-type(1)::before, 
.ranking .text h2.rank:nth-of-type(2)::before, 
.ranking .text h2.rank:nth-of-type(3)::before  { content: ''; display: inline-block; width: 56px; height: 56px; background-repeat: no-repeat; background-position: center; background-size: 56px; margin-right: 0.32em; vertical-align: bottom; }
.ranking .text h2:after { content: '★★★★★'; line-height: 38px; font-size: 0.64em; letter-spacing: 5px; vertical-align: bottom; margin-left: 0.64em; color: #fd9; }
.ranking .text h2 + h3 { text-align: center; font-weight: 500; font-size: 86%; }

.ranking .text h2.rank:nth-of-type(1)::before { background-image: url('//ankh-fan.net/img/ranking/rank_01.png'); }
.ranking .text h2.rank:nth-of-type(2)::before { background-image: url('//ankh-fan.net/img/ranking/rank_02.png'); }
.ranking .text h2.rank:nth-of-type(3)::before { background-image: url('//ankh-fan.net/img/ranking/rank_03.png'); }

.ranking .text .material{ float: none; margin: 0 auto 20px; }


/* 香りサムネイルリスト
 ------------------------------ */
.fregrance_thumb_list { display: flex; flex-flow: wrap; justify-content: space-between; }
.fregrance_thumb_list:after { content: ''; display: block; width: 33%; }
.fregrance_thumb_list li { box-sizing: border-box; width: 24%; text-align: center; margin: 0 0 2.4em 0; }
.fregrance_thumb_list li a { display: block; font-weight: normal; position: relative; text-decoration: none; color: #000020; }
.fregrance_thumb_list li:nth-child(3n+2):last-child { margin-left: auto; margin-right: 33.66%; }
.fregrance_thumb_list li > a > img { width: 100%; background: #fafafa; vertical-align: bottom; }
.fregrance_thumb_list .corner { position: absolute; top: 0; right: 0; width: auto; }
.fregrance_thumb_list li strong { font-size: 128%; font-weight: 300; }
.fregrance_thumb_list li .label { display: block; width: 100%; background-color: rgba(255, 255, 255, 0.64); box-sizing: border-box; padding: 2.4%; line-height: 1.48; }
.fregrance_thumb_list li .label .honor { font-size: 0.56em; letter-spacing: 0; }
.fregrance_thumb_list li .title { display: block; font-size: 108%; }
.fregrance_thumb_list li .title small { font-size: 0.64em; margin-left: 0.64em; }
.fregrance_thumb_list li .perfume { display: block; font-size: 0.4em; }
.fregrance_thumb_list li.empty { height: 0; margin: 0; padding: 0; }


/* フッタ
 ------------------------------ */
footer { padding-top: 1.24em; background-color: #000020; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); color: #f8f8f8; }
footer .wrap { /*max-width: 1280px;*/ margin: 0 auto; }
footer a { color: #f8f8f8; text-decoration: none; }
footer .attention { font-size: 0.64em; ; margin-left: 1.64em; padding-bottom: 1.24em; letter-spacing: 1px; }
#nav_footer { line-height: 1.32; padding: 1.64em 1.64em 2.4em 1.64em; }
#nav_footer div { display: flex; gap: 1.64em; }
#nav_footer dl { width: 25%; }
#nav_footer dl:last-child { padding: 0; }
#nav_footer dt, #nav_footer dd { margin-bottom: 0.48em; }
#nav_footer dt { font-size: 0.88em; }
#nav_footer dd { font-size: 0.8em; margin-left: 1.64em; }
#nav_footer dd:before { content: '・'; color: #f8f8f8; margin-right: 0.24em; margin-left: -1.24em;}
#nav_footer a, #nav_footer span { text-decoration: none; color: #f8f8f8; }

.copyright { padding: 1.24em; text-align: center; font-size: 0.64em; letter-spacing: 1px; font-weight: 400; }


/* タブレットなど
 ------------------------------ */
@media (max-width: 1280px) {
	.fregrance_thumb_list:after { width: 33%; }
	.fregrance_thumb_list li { width: 33%; }
	.fregrance_thumb_list li .title { font-size: 86%; }
	.fregrance_thumb_list li .perfume { font-size: 48%; }
	.sub_menu h1.title { font-size: 100%; min-height: 100%; }
}
@media (max-width: 960px) {
	.toppage .movie_area #movie { float: none; width: 100%; }
	.toppage .movie_area .point_area { float: none; width: 100%; margin: 2em 0 0 0; }
	.toppage .movie_area .point_area .cv_area { margin: 0 1%; }
}


/* スマホ
 ------------------------------ */
@media (max-width: 640px) {

	body { padding-top: 83px; }

	.sp_only { display: inline; visibility: visible; }
	.pc_only { display: none; visibility: hidden; }

	.cv_area { margin: 0 3%; }
	.cv_button.full { margin-left: 3%; margin-right: 3%; }

	.toppage h1.title, .sub_menu h1.title, .update h1.title, 
	.toppage h2.title { font-size: 100%; min-height: auto; padding-left: 16px; }

	header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background: rgba(255, 255, 255, 0.9); }
	#site_title { height: 52px; }
	#site_title a { font-size: 70%; padding: 0; }
	#site_title a img { height: 52px; }
	#site_title a span { display: none; visibility: hidden; }
	p.pr { margin: 0; }
	p.pr span { display: block; padding: 10px 10px 6px; }
	#sp_menu { display: block; visibility: visible; width: 52px; height: 52px; box-sizing: border-box; text-align: center; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); background-color: #000020; color: #fff; position: absolute; top: 0; right: 0; }
	#sp_menu_shop { display: block; visibility: visible; width: 52px; height: 52px; box-sizing: border-box; text-align: center; background-image: url('//ankh-fan.net/css/img/bg_dot.png'); background-color: #EF007E; color: #fff; position: absolute; top: 0; right: 52px; }
	#sp_menu img, #sp_menu_shop img { display: block; margin: 0 auto; width: 48%; vertical-align: bottom; }
	#sp_menu, #sp_menu_shop { text-align: center; text-decoration: none; padding-top: 5px; }
	#sp_menu span, #sp_menu_shop span { font-size: 32%; letter-spacing: 2px; }

	#nav_global { display: none; position: absolute; top: 52px; left: 0; z-index: 1000; overflow-y: scroll; max-height: 480px; height: auto !important;}
	#nav_global li { float: none; width: auto; background-color: rgba(17, 17, 33, 0.8); }
	#nav_global li a { display: block; width: 100%; height: 48px; line-height: 48px; padding: 0 0.64em; text-align: left; border-right: none; border-bottom-width: 1px; }
	#nav_global li.sp_only { display: block; }

	main { margin-top: 83px; padding: 0; box-sizing: border-box; }
	#top_slide { display: none; visibility: hidden; }
	#top_slide_sp { margin-bottom: 1.64em; display: block; visibility: visible; }
	#top_slide_sp a img { width: 100%; }

	#breadcrumbs { display: none; visibility: hidden; }
	.cv_area.list2 a { float: none; width: 100% !important; margin-bottom: 0.64em; }

	.toppage h1.title, .sub_menu h1.title, .update h1.title, 
	.toppage h2.title, .sub_menu h2.title, .update h2.title, 
	.toppage p.title { padding: 0.21em 0 .21em 16px; min-height: 0; font-size: 120%; line-height: 1.2; }
	.toppage section { margin-bottom: 0.64em; }
	.toppage .movie_area { margin-bottom: 0.64em; padding: 0 2%; }
	.toppage .shampoo_text { float: none; width: 100%; padding: 0 2%; }
	.toppage .shampoo_text h2 { margin-left: 3%; margin-right: 3%; }
	.toppage .shampoo_text p { margin-left: 3%; margin-right: 3%; font-size: 0.8em; }
	.toppage h1.title { display: none; }
	.toppage .hair .type h2 { height: auto; padding: 0.64em; }
	.toppage .hair .type h2 span { position: relative; }
	.fregrance_thumb_list { margin: 0 1%; }
	.fregrance_thumb_list li { width: 49.5%; margin-bottom: 1.24em; }
	.fregrance_thumb_list:after { width: 49.5%; }
	.fregrance_thumb_list li:nth-child(3n+2):last-child { margin-right: 0; }
	.fregrance_thumb_list li .title { font-size: 80%; }
	.fregrance_thumb_list li .perfume { font-size: 56%; }
	.toppage .hair { margin: 0 2%; }
	.toppage .hair .type { float: none; width: 100%; }
	.toppage .hair .type h3 { height: auto; font-size: 120%; padding: 2%; line-height: 1.6; }
	.toppage .hair .type .title { margin: 0.64em; font-size: 116%; }
	.toppage .hair .type p { margin-left: 0.64em; margin-right: 0.64em; }
	.toppage .about { margin: 0 2%; padding: 0; }
	.toppage .about .card { float: none; width: 100%; margin-bottom: 0.64em; padding: 0.8em; }
	.toppage .about .card h2 { margin: 0.64em 0 1em 0; background-size: 2em; padding: 0; min-height: auto; }
	.toppage .about .card p { font-size: 0.8em; }
	.toppage .movie_area .point_list li { width: 21%; }
	.toppage .movie_area .shampoo_bottle img { width: 30%; margin-top: .64em;}
	.toppage section h2 { margin-left: 2%; }
	
	.update { padding: 0 2%; }
	
	#nav_footer { padding: 0; }
	#nav_footer div { display: block; }
	footer .attention { margin-left: 0; border-bottom: solid 1px #556; padding-left: 16px; padding-right: 16px; }
	#nav_footer dl { float: none; width: 100%; padding: 0; }
	#nav_footer a, #nav_footer span { padding: 16px; display: block; }
	#nav_footer dt, #nav_footer dd { border-bottom: solid 1px #556; }
	#nav_footer dt, #nav_footer dd { margin: 0; }
	#nav_footer dt a, #nav_footer dt span { padding-left: 0.64em; font-size: 108%; }
	#nav_footer dd a, #nav_footer dd span { padding-left: 2.4em; }
	#nav_footer dd:before { display: none; visibility: hidden; }

	.product_detail { width: 100%; }
	.product_detail .collaboration { margin: 0; }
	.product_detail .material { width: 48%; margin: 0 1% 1.64em 1%; padding: 8px 8px 4px 8px; }
	.product_detail .material img { width: 100%; }
	.product_detail .material span { font-size: 64%; }
	.product_detail .detail { float: none; width: 100%; padding: 0 2%; }
	.product_detail .detail h1 { clear: both; font-size: 124%; padding-left: 3%; padding-right: 3%; }
	.product_detail .detail h2 { margin-bottom: 1em; }
	.product_detail .detail p { font-size: 0.8em; }
	.product_detail .detail p.img { margin-left: -2%; margin-right: -2%; }
	.product_detail .merit { padding-left: 3%; padding-right: 3%; font-size: 0.72em; }
	.product_detail .merit dl { margin: 0.64em 0; line-height: 1.6; }
	.product_detail .merit dd { margin: 0 0 1em 1em; }
	.product_detail .recommend { padding-left: 3%; padding-right: 3%; }
	.product_detail .recommend dd { margin-left: 0; }
	.product_detail .spec { padding: 0 3%; font-size: 0.8em; }

	#sub_menu_product dt, #sub_menu_purchase_where dt, #sub_menu_purchase_cheaply dt, #sub_menu_get_sample dt { margin: 0; }
	#sub_menu_product dd, #sub_menu_purchase_where dd, #sub_menu_purchase_cheaply dd, #sub_menu_get_sample dd { margin: 0 0 1.64em 0; }
	.talk .text { padding: 0 2%; }
	.talk .text p { margin: 0 0 1.64em; font-size: 0.8em; }
	.talk .text .material { width: 50%; margin: 0 2.4% 1.24% 0; }
	.talk .text .material img { width: 100%; }
	.talk .text .img { margin: 0 0 0.64em 0; }
	.talk .text h1 { font-size: 124%; }
	.talk .text h2 { font-size: 116%; margin: 0 3% 1.64em 3%; }
	.talk .text h3 { margin-bottom: .8em; }
	.talk .text .cv_area { margin: 0.64em 3%; }
	.talk .text .ref_img { width: 100%; float: none; margin: 0 0 16px 0; }
	.talk .text .purchase_info { margin-left: 3%; margin-right: 3%; }
	.talk .text .related { margin: 0 3%; }
	.talk .merit dl { margin: 0 3% 1.64em 3%; }
	.talk .merit dd { margin: 0 0 2.4em 0; }

	#sub_menu_product dt, #sub_menu_purchase_where dt, #sub_menu_purchase_cheaply dt, #sub_menu_get_sample dt { font-size: 100%; }
	.sub_menu { padding-left: 3%; padding-right: 3%; }
}

.spec td ul li { display: inline; }
.spec td ul li:after { content: '、'; }
.spec td ul li:last-child:after { content: none; }
@media (max-width: 640px) {
	.spec td ul li { display: block; }
	.spec td ul li:after { content: none; }
}


.youtube { width: 100%; padding-bottom: 56.25%; height: 0; position: relative; margin: 0 auto 30px auto; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.last_update { width: 100%; max-width: 1280px; margin: 1em auto 30px auto; font-size: 0.72em; text-align: right; padding-right: 1em; }
@media (max-width: 640px) {
	.last_update { padding-right: 2%; }
}


#nav_footer .salon_list_title { color: #fff; font-size: 1.24em; margin-top: 32px; }
#nav_footer .salon_list { flex-wrap: wrap; display: -webkit-flex; display: flex; width: 100%; justify-content: space-between; margin-top: 32px; padding: 0; font-size: 0.72em; box-sizing: border-box; }
#nav_footer .salon_list li { margin: 0 0 32px 0; list-style-type: none; width: 23%; }
#nav_footer .salon_list:before { display: block; content: ''; width: 23%; order: 1; }
#nav_footer .salon_list:after { display: block; content: ''; width: 23%; }
#nav_footer .salon_list li img { width: 100%; margin-bottom: 0.4em; vertical-align: bottom; background-color: #f8f8f8; }
#nav_footer .salon_list li .shop_name { display: block; font-size: 1.32em; }
#nav_footer .salon_list li .shop_address { display: block; }
#nav_footer .salon_list li .btn { display: block; text-align: center; width: 100%; border: solid 1px #fff; margin-top: 0.64em; box-sizing: border-box; height: 48px; line-height: 48px; letter-spacing: 2px; }
@media screen and (max-width:640px){
	#nav_footer .salon_list_title { margin-left: 3%; }
	#nav_footer .salon_list { padding: 0 3%; }
	#nav_footer .salon_list li { width: 48%; }
	#nav_footer .salon_list:before { width: 48%; }
	#nav_footer .salon_list:after { width: 48%; }
	#nav_footer .salon_list li a { padding: 0; }
	#nav_footer .salon_list li .shop_name { padding: 0; }
	#nav_footer .salon_list li .shop_address { padding: 0; }
}

.kinakosan_wrap { padding: 0 3%; }
.kinakosan { width: 100%; max-width: 640px; margin: 0 auto 30px auto; font-size: 0.72em; line-height: 1.6; border: solid 2px #00b900; }
.kinakosan .h3 { background-color: #00b900; color: #fff; font-size: 0.9em; font-weight: normal; text-align: center; padding: 0.64em; margin-bottom: 8px; }
.kinakosan p { padding: 0 3%; }
.kinakosan_list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 8px; padding: 0 3%; }
.kinakosan_list::after { content: ''; display: block; width: 30%; }
.kinakosan_list a { display: block; width: 30%; text-decoration: none; padding-bottom: 16px; }
.kinakosan_list a img { width: 100%; box-sizing: border-box; }
.kinakosan_list a span { display: block; text-align: center; line-height: 1.4; }
#cv_kinako { width: 128px; height: 48px; z-index: 10000; position: fixed; bottom: 4px; right: 4px; }
#cv_kinako a { position: relative; display: block; text-decoration: none; }
#cv_kinako img { position: absolute; top: 0; left: 0; z-index: 9999; width: 48px; border-radius: 24px; background-color: #fff; border: solid 4px #00b900; }
#cv_kinako span { position: relative; top: 0; right: 0; display: block; text-align: right; background-color: #00b900; color: #fff; font-size: 0.64em; height: 48px; line-height: 1.2; border-radius: 24px; padding: 12px 8px 0 48px; }

.spec { padding: 0 1.32em; }
@media (max-width: 640px) {
	.spec { padding: 0 2%; }
}

@media (max-width: 640px) {
    .talk .text .material {
        margin: 0 auto 20px;
    }
}