@charset "utf-8";
@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight:100;}
@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight:200;}
@font-face {
	font-family:"YakuHanJP"; 
	font-style:normal; 
	font-weight:400; 
	src:url("../fonts/YakuHanJP-Regular.eot");
	src:url("../fonts/YakuHanJP-Regular.woff2") format("woff2"), 
	    url("../fonts/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP"; 
	font-style:normal; 
	font-weight:400; 
	src:url("../fonts/YakuHanMP-Regular.eot");
	src:url("../fonts/YakuHanMP-Regular.woff2") format("woff2"), 
	    url("../fonts/YakuHanMP-Regular.woff") format("woff");
}
@font-face {
	font-family:"icons"; 
	font-weight:normal; 
	font-style:normal; 
	src:url("../fonts/icons.eot?20171122"); 
	src:url("../fonts/icons.eot?20171122#iefix") format("embedded-opentype"), 
	    url("../fonts/icons.ttf?20171122") format("truetype"), 
	    url("../fonts/icons.woff?20171122") format("woff"), 
	    url("../fonts/icons.svg?20171122#icons") format("svg"); 
}

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,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:inherit; 
	font-style:inherit; 
	vertical-align:baseline; 
	background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
i, em {font-style:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:inherit; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select, button, textarea, pre {font-size:inherit; font-family:inherit;}
input, select {vertical-align:middle;}
img {vertical-align:bottom;}

html {
	height:100%; 
	font-size:10px; 
	font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;
}

body {
	width:100%; 
	height:100%; 
	background:#fff; 
	color:#000; 
	text-align:center; 
	line-height:2; 
	hyphens:auto; 
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* IE10以上 */
@media all and (-ms-high-contrast:none) {
body {font-family:YakuHanJP,Verdana,Meiryo,sans-serif;}
}

a, 
a img, 
a::before, 
a::after, 
button, 
button::before, 
button::after  {
	color:inherit; outline:none; 
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
a {text-decoration:underline;}
a:hover {color:#999;}
a:hover img {opacity:0.7;}
button:focus, 
button::-moz-focus-inner {border:none; outline:none;}
sup {position:relative; top:-0.1em; font-size:60%; vertical-align:top;}

h1, h2, h3, h4, h5, h6 {line-height:1.5;}


/* frame */
#container_ {min-width:1040px; position:relative; margin:0 auto; overflow:hidden;}
#container_::after {display:block; content:""; clear:both; height:0;}

#header_ {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	width:100%; height:100px; position:relative; z-index:9998; border-bottom:1px solid #e5e5e5; background:#fff;}
#header_ > h1 {width:250px;}
#header_ > h1 > a {display:block; height:0; padding:100px 0 0; background:url(../images/general.png) center 0 no-repeat; overflow:hidden;}
#header_ > nav {-webkit-flex:1; -ms-flex:1; flex:1;}
#header_ > nav > h1 {display:none;}
#header_ > nav > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	height:100px; font-size:1.8rem; font-weight:normal; line-height:1.5; font-family:serif;}
#header_ > nav > ul > li {
	-webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; 
	padding:0 9px; border-left:1px solid #e5e5e5;}
#header_ > nav > ul > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:100px; margin:0 -9px; padding:0 9px; text-decoration:none;}
#header_ > nav > ul > li > a:hover {}
#header_ > nav > ul > li.cnn-ee {min-width:120px;}
#header_ > nav > ul > li.cnn-ee > a {display:block; height:0; padding:100px 0 0; background:url(../images/general.png) center -100px no-repeat; overflow:hidden;}
#header_ > nav > ul > li.cnn-ee > a:hover {opacity:0.5;}
#header_ > nav > ul > li.member {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	font-size:1.2rem;}
#header_ > nav > ul > li.member > a {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	height:50px; border-top:1px solid #e5e5e5;}
#header_ > nav > ul > li.member > a:first-child {border-top:none;}
#header_ > nav > ul > li.member > .account_logout, 
#header_ > nav > ul > li.member > .account_mypage {
	-webkit-flex:1 1 50%; -ms-flex:1 1 50%; flex:1 1 50%; 
	border-top:none;}
#header_ > nav > ul > li.cart {
	-webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; 
	font-size:1.2rem;}
#header_ > nav > ul > li.cart > a::before {display:block; content:"\e62f"; color:#cc0e19; font:normal 3em/1.3 icons;}
#header_ > nav > .mask {display:none;}


#main_ {display:block; padding:0 0 90px;}
#main_::after {display:block; content:""; clear:both; height:0;}


#category-nav_ {position:relative; background:#f7f7f7;}
#category-nav_ > h1 {
	width:250px; position:absolute; left:0; top:0; z-index:3; 
	font-size:2.2rem; font-weight:normal; font-family:serif; text-align:center; line-height:60px; white-space:nowrap;}
#category-nav_ > h1 > a {display:block; height:60px; background:#3e3e3e; color:#fff; text-decoration:none;}
#category-nav_ > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	height:19px; position:relative; z-index:2; margin:0 0 0 250px; padding:20px 0 20px 20px; border-bottom:1px solid #e5e5e5; font-size:1.2rem; line-height:1.5;}
#category-nav_ > ul > li {
	-webkit-flex:0.2 1 auto; -ms-flex:0.2 1 auto; flex:0.2 1 auto; 
	padding:0 9px; border-left:1px solid #dedede;}
#category-nav_ > ul > li:first-child {padding-left:0; border-left:none;}
#category-nav_ > ul > li > a, 
#category-nav_ > ul > li > b, 
#category-nav_ > ul > li > form {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	height:20px; margin:-20px -9px; padding:20px 9px; font-weight:normal; text-decoration:none;}
#category-nav_ > ul > li > b {}
#category-nav_ > ul > li > ul {display:none;}
#category-nav_ > ul > li.search {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1; 
	padding:0;}
#category-nav_ > ul > li.search:last-child {padding-right:20px;}
#category-nav_ > ul > li.search + li {border-left:none;}
#category-nav_ > ul > li.search > form {
	-webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; 
	width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
#category-nav_ > ul > li.search > form > input, 
#category-nav_ > ul > li.search > form > button {
	border:none; border-radius:0; outline:none; background:transparent; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#category-nav_ > ul > li.search > form > input {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	width:100%; margin:-6px 0; padding:6px 0; border-bottom:1px  solid #c6c6c6; font-size:1.8rem;}
#category-nav_ > ul > li.search > form > button {
	width:32px; height:32px; position:relative; padding:0; 
	text-decoration:none; text-align:center; text-indent:110%; white-space:nowrap; cursor:pointer; overflow:hidden; transition:none;}
#category-nav_ > ul > li.search > form > button::after {
	display:block; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; content:"\e622"; font-size:2em; font-family:icons; line-height:1; text-align:center; text-indent:0; transition:none;}
#category-nav_ > ul > li.sample {
	-webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; 
	margin:-20px 0; padding:20px 9px;}
#category-nav_ > ul > li.sample > a {height:60px; padding:0;}
#category-nav_ > ul > li.sample > a::before {display:block; content:"\e62b"; color:#313f82; font:normal 2em/1.2 icons;}

#category-nav_ > ul > li.has-sub {display:none; border:none;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub {display:block;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b {
	position:relative; margin:-10px 0 -10px -9px; padding:9px 25px 9px 9px; border:1px solid #dedede; background:#fff; transition:color 0.2s ease-in-out 0s; cursor:pointer;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b:hover {color:#999;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b::after {
	display:block; content:"\e616"; width:28px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font-size:2em; font-family:icons; line-height:1; text-align:center;
	transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub.selected > b::after {transform:rotate(-180deg);}

#category-nav_ > .sub {height:0; position:relative; z-index:1; background:#f7f7f7; transition:height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:hidden;}
#category-nav_ > .sub > section {width:940px; position:absolute; left:50%; top:0; z-index:1; margin:0 0 0 -470px; padding:20px 0 30px; opacity:0; transition:opacity 0.5s ease-out;}
#category-nav_ > .sub > section.selected {position:relative; left:0; z-index:2; margin:0 auto; opacity:1;}
#category-nav_ > .sub > section > h1 {display:none;}
#category-nav_ > .sub > section > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:0 0 0 -20px; font-size:1.4rem; line-height:1.5;}
#category-nav_ > .sub > section > ul > li {width:198px; margin:20px 0 0 20px; padding:10px; border:1px solid #dedede; background:#fff; text-align:center;}
#category-nav_ > .sub > section > ul > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:100%; min-height:38px; margin:-10px; padding:10px; text-decoration:none;}
#category-nav_ > .sub > section > .close {
	width:140px; height:38px; position:relative; z-index:10; margin:30px auto 0; padding:10px; border:none; 
	background:#000; color:#fff; font-size:1.2rem; text-align:center; text-decoration:none; cursor:pointer; transition:background-color 0.2s ease-out; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#category-nav_ > .sub > section > .close:hover {background-color:#666;}
#category-nav_ > .sub > section > .close::after {display:block; content:"\e614"; width:2em; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font:normal 2em/1 icons; text-align:center;}


#free-shipping_ {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	height:59px; border-bottom:1px solid #e5e5e5; background:#f7f7f7; font-size:1.8rem; line-height:1;}
#free-shipping_::before {content:"\e62e"; width:1.5em; margin:-0.1em 0.2em 0 0; color:#cc0e19; font:normal 1.5em/1 icons;}
#free-shipping_ > strong {font-weight:normal;}
#free-shipping_ > small {margin:0.2em 0 0 0.5em; font-size:1.2rem;}

#second_ {width:940px; position:relative; margin:0 auto; text-align:left;}
#second_::after {display:block; content:""; clear:both; height:0;}
#second_ > footer {clear:both; padding:40px 0 0;}
#second_ > footer > nav {position:relative; padding:20px 8em; border-top:1px solid #e5e5e5; font-size:1.4rem; line-height:1; text-align:center;}
#second_ > footer > nav > a {display:block; position:absolute; top:0; padding:20px 35px; text-decoration:none;}
#second_ > footer > nav > a::after {display:block; width:1em; position:absolute; top:50%; margin:-0.5em 0 0; font:bold 2em/1 icons;}
#second_ > footer > nav > a.previous {left:-0.2em;}
#second_ > footer > nav > a.previous::after {content:"\e617"; left:0;}
#second_ > footer > nav > a.next {right:-0.2em;}
#second_ > footer > nav > a.next::after {content:"\e615"; right:0;}
#second_ > footer > nav > ol {letter-spacing:-0.4em;}
#second_ > footer > nav > ol > li {display:inline-block; padding:0 10px; border-left:1px solid #e5e5e5; letter-spacing:normal; vertical-align:top;}
#second_ > footer > nav > ol > li:first-child {border-left:none;}
#second_ > footer > nav > ol > li > a {display:block; margin:-20px -10px; padding:20px 10px; text-decoration:none;}
#second_ > footer > nav > ol > li.selected {color:#999;}
	
	#sub-nav_ {float:left; width:205px;}
	#sub-nav_ ul {border-top:2px solid #464646; font-size:1.4rem;}
	#sub-nav_ ul > li {padding:1em 0; border-bottom:1px solid #e5e5e5;}
	#sub-nav_ ul > li > a {display:block; margin:-1em 0; padding:1em 0; text-decoration:none;}
	#sub-nav_ ul > li.selected > a {border-bottom-color:#cc0e19; font-weight:bold;}
	#sub-nav_ > h1 {width:940px; padding:1.6em 0; font-size:3.0rem; text-align:center;}
	#sub-nav_ > div {}
	#sub-nav_ section {margin:50px 0 0; border-top:2px solid #464646; font-size:1.4rem;}
	#sub-nav_ section:first-of-type {margin-top:0;}
	#sub-nav_ section > h1 {padding:1em 0; font-weight:bold;}
	#sub-nav_ section > ul {border-top:1px solid #e5e5e5;}
	#sub-nav_ + article {float:right; width:700px; margin:14rem 0 0; border-top:1px solid #e5e5e5;}


#footer_ {position:relative; background:#f3f3f3;}
#footer_ a {display:block; text-decoration:none;}
#footer_ > h1 {width:940px; margin:0 auto; padding:40px 0 0;}
#footer_ > h1 > a {width:290px; height:70px; margin:0 0 0 -20px; background:url(../images/general.png) 0 -200px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#footer_ > .site {width:940px; position:relative; margin:20px auto 0; letter-spacing:-0.4em;}
#footer_ > .site > h1 {display:none;}
#footer_ > .site > .sitemap {display:inline-block; width:220px; margin:-30px 0 0 -20px; text-align:left; vertical-align:top;}
#footer_ > .site > .sitemap::after {display:block; content:""; clear:both; height:0;}
#footer_ > .site > .sitemap > section {margin:30px 0 0 20px; letter-spacing:normal; vertical-align:top;}
#footer_ > .site > .sitemap > section > h1 {padding:0 0 0.6em; border-bottom:1px solid #000; font-size:1.4rem; font-weight:bold;}
#footer_ > .site > .sitemap > section > h1 > a {margin:0 0 -10px; padding:0 0 10px;}
#footer_ > .site > .sitemap > section > ul {font-size:1.4rem;}
#footer_ > .site > .sitemap > section > ul > li {padding:5px 0 4px; border-bottom:1px solid #dadada;}
#footer_ > .site > .sitemap > section > ul > li > a {margin:-5px 0 -4px; padding:5px 0 4px;}
#footer_ > .site > aside {display:inline-block; width:720px; margin:-40px 0 0 0; font-size:1.4rem; text-align:left; vertical-align:top; letter-spacing:normal;}
#footer_ > .site > aside::after {display:block; content:""; clear:both; height:0;}
#footer_ > .site > aside > section {float:left; width:220px; margin:40px 0 0 20px; letter-spacing:normal; vertical-align:top;}
#footer_ > .site > aside > section > h1 {padding:0 0 0.6em; border-bottom:1px solid #000; font-size:1.4rem; font-weight:bold;}
#footer_ > .site > aside > section > ul {font-size:1.2rem;}
#footer_ > .site > aside > section > ul > li {padding:5px 0 4px; border-bottom:1px solid #dadada;}
#footer_ > .site > aside > section > ul > li > a {margin:-5px 0 -4px; padding:5px 0 4px;}
#footer_ > .site > aside > .related {}
#footer_ > .site > aside > .sns {}
#footer_ > .site > aside > .sns > ul {}
#footer_ > .site > aside > .sns > ul > li {margin:-1px 0 0; padding:15px 0; border-top:1px solid #dadada;}
#footer_ > .site > aside > .sns > ul > li:first-child {margin-top:0; border-top:none;}
#footer_ > .site > aside > .sns > ul > li::after {display:block; content:""; clear:both; height:0;}
#footer_ > .site > aside > .sns > ul > li > h2 {float:left; width:26px; height:26px; position:relative; text-indent:110%; white-space:nowrap; overflow:hidden;}
#footer_ > .site > aside > .sns > ul > li > h2::after {position:absolute; left:50%; top:50%; margin:-0.5em 0 0 -0.5em; font:normal 2em/1 icons; text-align:center; text-indent:0;}
#footer_ > .site > aside > .sns > ul > li > ul {float:right; width:170px; font-size:1.2rem;}
#footer_ > .site > aside > .sns > ul > li > ul > li {}
#footer_ > .site > aside > .sns > ul > li > ul > li > a {}
#footer_ > .site > aside > .sns > ul > li.twitter > h2::after {content:"\e63b"; color:#30a6df;}
#footer_ > .site > aside > .sns > ul > li.twitter > ul {column-count:2; column-gap:10px;}
#footer_ > .site > aside > .sns > ul > li.facebook > h2::after {content:"\e63a"; color:#3b74bb;}
#footer_ > .site > aside > .banners {display:inline-block; width:220px; margin:5em 0 35px 20px; font-size:1.4rem; vertical-align:top;}
#footer_ > .site > aside > .banners > h1 {display:none;}
#footer_ > .site > aside > .banners > ul {margin-top:-1px;}
#footer_ > .site > aside > .banners > ul > li {
	margin:20px 0 0; padding:14px; border:1px solid #dadada; background:#fff; color:#66070d; font-size:1.8rem; font-weight:bold; text-align:center; line-height:1.5;}
#footer_ > .site > aside > .banners > ul > li:first-child {margin-top:0;}
#footer_ > .site > aside > .banners > ul > li > a {display:block; margin:-14px; padding:14px; color:inherit; text-decoration:none;}
#footer_ > .site > aside > .banners > ul > li img {display:block;}
#footer_ > .site > aside > .banners > ul > li > a:hover {opacity:0.7;}
#footer_ > .site > aside > .banners > ul > li > a:hover img {opacity:1;}
#footer_ > .company {margin:40px 0 0; padding:30px; background:#e7e7e7; text-align:left;}
#footer_ > .company > h1 {display:none;}
#footer_ > .company > ul {height:10px; font-size:1.1rem; letter-spacing:-0.4em;}
#footer_ > .company > ul > li {display:inline-block; height:11px; padding:0 5px; border-left:1px solid #939393; letter-spacing:normal; vertical-align:top; line-height:1;}
#footer_ > .company > ul > li:first-child {border-width:0;}
#footer_ > .company > ul > li > a {margin:-10px -5px; padding:10px 5px;}
#footer_ > .company > small {display:block; position:absolute; right:0; bottom:0; padding:0 30px; font-size:1.1rem; line-height:69px;}

/* footer banners */
#footer_ > .site > aside > .banners > ul > li.free-sample {position:relative; border-color:transparent; background:#cc0e19; color:#fff;}
#footer_ > .site > aside > .banners > ul > li.free-sample .image {margin:-45px auto 0;}
#footer_ > .site > aside > .banners > ul > li.free-sample .image > img {display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#footer_ > .site > aside > .banners > ul > li.free-sample b {display:block; font-size:1.4rem;}
#footer_ > .site > aside > .banners > ul > li.free-sample strong {display:block; font-size:2.4rem;}
#footer_ > .site > aside > .banners > ul > li.free-sample small {display:block; font-size:1.0rem; font-weight:normal;}

#footer_ > .site > aside > .banners > ul > li.mail-magazine {border-color:transparent; background:#66070d; color:#fff;}
#footer_ > .site > aside > .banners > ul > li.mail-magazine small {display:block; font-size:1.4rem;}
#footer_ > .site > aside > .banners > ul > li.mail-magazine strong {display:block; font-size:2.4rem;}
#footer_ > .site > aside > .banners > ul > li.mail-magazine strong::before {
	display:inline-block; content:"\e626"; height:1.2em; margin:0 0.1em 0 0; font:normal 1.3em/1 icons; vertical-align:middle;}

#footer_ > .site > aside > .banners > ul > li.book-store {}

/* font */
#header_ > nav > ul, 
#category-nav_ > h1, 
#sub-nav_ > h1, 
#news > h1 
	{font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}



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

h1, h2, h3, h4, h5, h6 {line-height:inherit;}

body {min-width:320px; max-width:599px; line-height:1.5;}


/* frame */
#container_ {min-width:0; z-index:2; background:#fff; overflow:visible;}
#container_::after {}

#header_ {display:block; width:auto; min-width:320px; height:auto; border-bottom:none; background:transparent; overflow:hidden; transition:height 0s 0.3s;}
#header_ > h1 {width:160px; position:relative; z-index:3; margin:0 auto; }
#header_ > h1 > a {height:50px; padding:0; background:url(../images/sp/general.png) center 0 no-repeat; background-size:100% auto; text-indent:110%; white-space:nowrap;}
#header_ > nav {position:relative; z-index:2; margin:-50px 0 0; padding:50px 0 0; box-sizing:border-box;}
#header_ > nav::after {
	display:block; height:49px; content:""; position:absolute; left:0; right:0; top:0; z-index:3; border-bottom:1px solid #e5e5e5; 
	background:#fff; transition:border-color 0.3s ease-in-out 0s;}
#header_ > nav > h1 {
	display:none; width:50px; height:50px; position:absolute; right:0; top:0; z-index:104; 
	text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer;}
#header_ > nav > h1::before, 
#header_ > nav > h1::after  {
	display:block; position:absolute; left:0; right:0; top:0; bottom:0; font:normal 16px/44px icons; text-indent:0; text-align:center; 
	transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition-property:opacity,transform;}
#header_ > nav > h1::before {content:"\e620"; transition-delay:0.05s;}
#header_ > nav > h1::after  {content:"\e61b"; opacity:0; transform:rotate(90deg); transition-delay:0s;}
#header_ > nav > ul {
	display:block; height:auto; position:relative; z-index:2; border-bottom:1px solid #e5e5e5; 
	background:#fff; font-size:1.6rem; font-size:5vw; text-align:left;}
#header_ > nav > ul::after {display:block; content:""; clear:both; height:0;}
#header_ > nav > ul a {position:relative;}
#header_ > nav > ul a::after {
	display:block; content:"\e615"; width:45px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font:normal bold 2em/1 icons; text-align:center;}
#header_ > nav > ul > li {height:auto; padding:15px 20px; border-left:none; border-top:1px solid #e5e5e5; box-sizing:border-box;}
#header_ > nav > ul > li:first-child {border-top:none;}
#header_ > nav > ul > li br {display:none;}
#header_ > nav > ul > li > a {display:block; height:auto; margin:-15px -20px; padding:15px 45px 15px 20px;}
#header_ > nav > ul > li > a:hover {}
#header_ > nav > ul > li.cnn-ee {min-width:0;}
#header_ > nav > ul > li.cnn-ee > a {padding:20% 0 0; background:url(../images/sp/general.png) 8px 56.5% no-repeat; background-size:50% auto;}
#header_ > nav > ul > li.cnn-ee > a:hover {}
#header_ > nav > ul > li.member {float:left; width:68.75%; padding:10px; border-right:1px solid #e5e5e5; font-size:1.2rem; font-size:3.75vw;}
#header_ > nav > ul > li.member > a {height:auto; margin:0; padding:5px; border:none;}
#header_ > nav > ul > li.member > a::after {display:none;}
#header_ > nav > ul > li.cart {float:left; width:31.25%; margin-left:-1px; padding:5px; border-left:1px solid #e5e5e5; font-size:1.2rem; font-size:3.75vw; text-align:center;}
#header_ > nav > ul > li.cart > a {margin:-5px; padding:5px;}
#header_ > nav > ul > li.cart > a::before {}
#header_ > nav > ul > li.cart > a::after  {display:none;}
#header_ > nav > .mask {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}

/* header nav */
html.fac-js-enabled #header_ {height:50px; position:fixed; left:0; top:0; right:0;}
html.fac-js-enabled #header_ > nav {height:100%;}
html.fac-js-enabled #header_ > nav > h1 {display:block;}
html.fac-js-enabled #header_ > nav > ul {transform:translateY(-100%); overflow:auto; -webkit-overflow-scrolling:touch; transition:transform 0.5s cubic-bezier(0.19,1,0.22,1) 0s;}
html.fac-nav-show #header_ {height:100%; transition-delay:0s;}
html.fac-nav-show #header_ > nav > h1::before {opacity:0; transform:rotate(-90deg); transition-delay:0s;}
html.fac-nav-show #header_ > nav > h1::after  {opacity:1; transform:rotate(0deg); transition-delay:0.05s;}
html.fac-nav-show #header_ > nav > ul {max-height:100%; transform:translateY(0);}
html.fac-nav-show #header_ > nav > .mask {display:block;}
html.fac-is-smartdevice #header_ > nav > ul::after {width:1px; height:1px; position:absolute; bottom:-3px;}


#main_ {padding:0 0 20px; overflow:hidden;}
#main_::after {}
html.fac-js-enabled #main_ {padding-top:50px;}


#category-nav_ {}
#category-nav_ > h1 {width:115px; font-size:1.5rem; line-height:40px;}
#category-nav_ > h1 > a {height:40px;}
#category-nav_ > ul {
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	height:auto; position:relative; margin:0; padding:0; border-bottom:none; font-size:1rem;}
#category-nav_ > ul > li {
	-webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1; 
	margin:14px 0; padding:0 4px;}
#category-nav_ > ul > li > a, 
#category-nav_ > ul > li > b, 
#category-nav_ > ul > li > form {
	-webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; 
	height:20px; margin:0 -4px; padding:0 4px;}
#category-nav_ > ul > li > b {}
#category-nav_ > ul > li > ul {}
#category-nav_ > ul > li.search {
	-webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%;
	margin:0; padding:10px 4px 10px 125px; background:#3e3e3e;}
#category-nav_ > ul > li.search:last-child {padding-right:4px;}
#category-nav_ > ul > li.search + li {}
#category-nav_ > ul > li.search > form {}
#category-nav_ > ul > li.search > form > input, 
#category-nav_ > ul > li.search > form > button {}
#category-nav_ > ul > li.search > form > input {margin-top:-10px; border-bottom-color:rgba(255,255,255,0.5); color:#fff; font-size:1.2rem;}
#category-nav_ > ul > li.search > form > input:placeholder-shown          {color:rgba(255,255,255,0.5);}
#category-nav_ > ul > li.search > form > input::-webkit-input-placeholder {color:rgba(255,255,255,0.5);}
#category-nav_ > ul > li.search > form > input::-moz-placeholder          {color:rgba(255,255,255,0.5);}
#category-nav_ > ul > li.search > form > input:-ms-input-placeholder      {color:rgba(255,255,255,0.5);}
#category-nav_ > ul > li.search > form > button {width:40px; height:40px; color:#fff;}
#category-nav_ > ul > li.search > form > button::after {}
#category-nav_ > ul > li.sample {
	-webkit-flex-basis:auto; -ms-flex-basis:auto; flex-basis:auto; 
	margin:14px 0; padding:0 6px; border:none;}
#category-nav_ > ul > li.sample > a {height:20px; margin:-4px 0 -4px -4px; padding:4px; border:1px solid #dedede; background:#fff;}
#category-nav_ > ul > li.sample > a::before {display:inline-block; font-size:1.2em;}

#category-nav_ > ul > li.has-sub {}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b {margin:-4px 0; padding:4px 15px 4px 4px;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b:hover {}
html.fac-js-enabled #category-nav_ > ul > li.has-sub > b::after {width:20px; font-size:1.5em; font-weight:bold;}
#category-nav_ > ul > li.search > form > input:-ms-input-placeholder, 
:root #category-nav_ > ul > li.has-sub > b::after {font-size:15px !important;}
html.fac-js-enabled #category-nav_ > ul > li.has-sub.selected > b::after {}

#category-nav_ > .sub {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	width:10px; height:10px; position:fixed; left:-10px; top:-10px; z-index:9999; background:transparent; overflow:hidden; 
	transition:all 0s ease-in-out 0.3s; transition-property:width,height,left,top;}
#category-nav_ > .sub::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:#000; opacity:0; transition:opacity 0.3s ease-in-out 0s;}
#category-nav_ > .sub > section {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; 
	width:100%; max-width:calc(100% - 40px); max-height:calc(100% - 40px); left:auto; top:auto; z-index:1; margin:20px; padding:0; box-sizing:border-box; background:#fff; opacity:0; 
	transition:opacity 0.3s ease-in-out 0s;}
#category-nav_ > .sub > section > h1 {
	display:block; margin:0 20px; padding:20px 0; border-bottom:1px solid #d6d6d6; 
	font-size:1.4rem; font-size:4.375vw; font-weight:bold; line-height:1; text-align:left;}
#category-nav_ > .sub > section > ul {
	display:block; position:relative; margin:0; padding:1px 20px 20px; box-sizing: border-box; 
	font-size:1.0rem; font-size:3.125vw; overflow-y:auto; -webkit-overflow-scrolling:touch;}
html.fac-is-smartdevice #category-nav_ > .sub > section > ul::after {display:block; content:""; width:1px; height:1px; position:absolute; bottom:-3px;}
#category-nav_ > .sub > section > ul > li {width:auto; margin:0; padding:15px 0; border:none; border-bottom:1px solid #d6d6d6; text-align:left;}
#category-nav_ > .sub > section > ul > li br {display:none;}
#category-nav_ > .sub > section > ul > li > a {display:block; height:auto; min-height:0; position:relative; margin:-15px 0; padding:15px 3em 15px 0;}
#category-nav_ > .sub > section > ul > li > a::after {
	display:block; content:"\e615"; width:1em; position:absolute; right:-0.3em; top:50%; margin:-0.5em 0 0; font:normal bold 2em/1 icons; text-align:center;}
#category-nav_ > .sub > section > .close {
	width:50px; height:50px; position:absolute; right:0; top:0; z-index:10; margin:0; padding:0; 
	background:transparent; color:#000; text-indent:110%; white-space:nowrap; overflow:hidden;}
#category-nav_ > .sub > section > .close:hover {background-color:transparent; color:#999;}
#category-nav_ > .sub > section > .close::after {content:"\e61c"; width:auto; left:0; font-size:2em; text-indent:0;}
#category-nav_ > ul > li.search > form > input:-ms-input-placeholder, 
:root #category-nav_ > .sub > section > .close::after {font-size:20px;}
#category-nav_ > .sub.selected {width:100%; height:100% !important; left:0; top:0; transition-delay:0s;}
#category-nav_ > .sub.selected::after {opacity:0.75;}
#category-nav_ > .sub.selected > section.selected {left:auto; top:auto; z-index:3; margin:20px; opacity:1;}


#free-shipping_ {
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	-webkit-align-content:center; -ms-align-content:center; align-content:center; 
	height:40px; font-size:1.2rem; line-height:1;}
#free-shipping_::before {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	height:100%; margin:0 0.2em 0 0; font-size:2em;}
#free-shipping_ > strong {}
#free-shipping_ > small {margin:0.5em 0 0; font-size:1.0rem;}


#second_ {width:auto; margin:0;}
#second_::after {}
#second_ > footer {margin:3em 20px 0; padding:0;}
#second_ > footer > nav {padding:1.5em 0; border-bottom:1px solid #e5e5e5; font-size:0.9rem; font-size:2.8125vw;}
#second_ > footer > nav::after {display:block; content:""; clear:both; height:0;}
#second_ > footer > nav > a {position:relative; margin:-1.5em 0; padding:1.5em 2em;}
#second_ > footer > nav > a::after {}
#second_ > footer > nav > a.previous {float:left;}
#second_ > footer > nav > a.previous::after {}
#second_ > footer > nav > a.next {float:right;}
#second_ > footer > nav > a.next::after {}
#second_ > footer > nav > ol {display:none;}
#second_ > footer > nav > ol > li {}
#second_ > footer > nav > ol > li:first-child {}
#second_ > footer > nav > ol > li > a {}
#second_ > footer > nav > ol > li.selected {}
	
	#sub-nav_ {float:none; width:auto; position:relative; padding:20px 20px 0;}
	#sub-nav_ ul {border-top-width:1px; font-size:1.2rem; font-size:3.75vw;}
	#sub-nav_ ul > li {padding:15px 0;}
	#sub-nav_ ul > li > a {position:relative; margin:-15px 0; padding:15px 3em 15px 0;}
	#sub-nav_ ul > li.selected > a {}
	#sub-nav_ ul > li > a::after {
		display:block; content:"\e615"; width:1em; position:absolute; right:-0.3em; top:50%; margin:-0.5em 0 0; font:normal bold 2em/1 icons; text-align:center;}
	#sub-nav_ > h1 {width:auto; padding:0 0 1em; font-size:1.5rem; font-size:4.6875vw;}
	#sub-nav_ > div {}
	#sub-nav_ section {margin:2em 0 0; border-top-width:1px; font-size:1.2rem; font-size:3.75vw;}
	#sub-nav_ section:first-of-type {margin-top:0;}
	#sub-nav_ section > h1 {padding:15px 0;}
	#sub-nav_ section > ul {}
	#sub-nav_ + article {float:none; width:auto; margin:-1px 0 0; padding:0 20px;}
	
	html.fac-js-enabled #sub-nav_ {position:absolute; right:20px; top:0; z-index:8000; padding:0;}
	html.fac-js-enabled #sub-nav_ > h1 {position:relative; margin:1.5em 0 0; padding:0.5em 1.5em 0.5em 1em; border:1px solid #e5e5e5; font-size:1rem; font-size:3.125vw; font-weight:normal; cursor:pointer;}
	html.fac-js-enabled #sub-nav_ > h1::after {
		display:block; content:"\e616"; width:1em; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font-size:1.5em; font-family:icons; font-weight:bold; line-height:1; text-align:center;
		transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
	html.fac-js-enabled #sub-nav_.selected > h1::after {transform:rotate(-180deg);}
	html.fac-js-enabled #sub-nav_ > h1 + * {display:none;}


#footer_ {padding:0; border-top:1px solid #cdcdcd;}
#footer_ a {}
#footer_ > h1 {width:auto; margin:0; padding:0;}
#footer_ > h1 > a {width:auto; height:0; margin:0; padding:20% 0 0; background:url(../images/sp/general.png) 10px 111% no-repeat; background-size:60% auto;}
#footer_ > .site {width:auto; margin:0; padding:0;}
#footer_ > .site a {position:relative;}
#footer_ > .site a::after {
	display:block; content:"\e615"; width:1.5em; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font:normal bold 2em/1 icons; text-align:center;}
#footer_ > .site > h1 {}
#footer_ > .site > .sitemap {display:block; width:auto; margin:0;}
#footer_ > .site > .sitemap > section {float:none; width:auto; margin:0; border-top:1px solid #cdcdcd; overflow:hidden;}
#footer_ > .site > .sitemap > section > h1 {padding:15px 20px; border:none; background:#f3f3f3; font-size:1.4rem; font-size:4.375vw;}
#footer_ > .site > .sitemap > section > h1 > a {margin:-15px -20px; padding:15px 20px;}
#footer_ > .site > .sitemap > section > ul {padding:0 20px; background:#fff; font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > .sitemap > section > ul > li {padding:15px 0; border-color:#d6d6d6;}
#footer_ > .site > .sitemap > section > ul > li:last-child {border:none;}
#footer_ > .site > .sitemap > section > ul > li > a {margin:-15px -20px; padding:15px 3em 15px 20px;}
#footer_ > .site > aside {display:block; width:auto; margin:0; padding:0; font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > aside::after {}
#footer_ > .site > aside > section {float:none; width:auto; margin:0; border-top:1px solid #cdcdcd;}
#footer_ > .site > aside > section > h1 {font-size:1.4rem; font-size:4.375vw;}
#footer_ > .site > aside > section > ul {font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > aside > section > ul > li {}
#footer_ > .site > aside > section > ul > li > a {}
#footer_ > .site > aside > .related {float:none;}
#footer_ > .site > aside > .related > h1 {padding:15px 20px; border:none; background:#f3f3f3;}
#footer_ > .site > aside > .related > h1 > a {margin:-15px -20px; padding:15px 20px;}
#footer_ > .site > aside > .related > ul {padding:0 20px; background:#fff;}
#footer_ > .site > aside > .related > ul > li {padding:15px 0; border-color:#d6d6d6;}
#footer_ > .site > aside > .related > ul > li:last-child {border:none;}
#footer_ > .site > aside > .related > ul > li > a {margin:-15px -20px; padding:15px 3em 15px 20px;}
#footer_ > .site > aside > .sns {padding:0.5em 20px 0;}
#footer_ > .site > aside > .sns a::after {display:none;}
#footer_ > .site > aside > .sns > h1 {padding:1em 0;}
#footer_ > .site > aside > .sns > ul {}
#footer_ > .site > aside > .sns > ul > li {border-bottom-width:0;}
#footer_ > .site > aside > .sns > ul > li:first-child {}
#footer_ > .site > aside > .sns > ul > li::after {}
#footer_ > .site > aside > .sns > ul > li > h2 {width:2em; height:2em;}
#footer_ > .site > aside > .sns > ul > li > h2::after {}
#footer_ > .site > aside > .sns > ul > li > ul {float:none; width:auto; margin:-0.25em 0 0 4em; font-size:1.4rem; font-size:4.375vw;}
#footer_ > .site > aside > .sns > ul > li > ul > li {}
#footer_ > .site > aside > .sns > ul > li > ul > li > a {padding:0.25em 0;}
#footer_ > .site > aside > .sns > ul > li.twitter > h2::after {}
#footer_ > .site > aside > .sns > ul > li.twitter > ul {column-count:2; column-gap:1em;}
#footer_ > .site > aside > .sns > ul > li.facebook > h2::after {}
#footer_ > .site > aside > .sns > ul > li.facebook > ul {column-count:2; column-gap:1em;}
#footer_ > .site > aside > .banners {display:block; width:auto; margin:0; padding:20px 20px 0; font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > aside > .banners > h1 {}
#footer_ > .site > aside > .banners > ul {}
#footer_ > .site > aside > .banners > ul > li {margin:10px 0 0; padding:9px; font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > aside > .banners > ul > li:first-child {}
#footer_ > .site > aside > .banners > ul > li > a {margin:-9px; padding:9px;}
#footer_ > .site > aside > .banners > ul > li > a::after {display:none;}
#footer_ > .site > aside > .banners > ul > li img {width:100%; height:auto;}
#footer_ > .site > aside > .banners > ul > li > a:hover {}
#footer_ > .site > aside > .banners > ul > li > a:hover img {}
#footer_ > .company {margin:2em 0 0; padding:1em 20px 0; text-align:center;}
#footer_ > .company > h1 {}
#footer_ > .company > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:auto; font-size:1.0rem; font-size:3.125vw;}
#footer_ > .company > ul > li {height:1em; margin:1em 0 0 -1px; margin-left:-1px; border-right:1px solid #939393;}
#footer_ > .company > ul > li:first-child {border-width:1px;}
#footer_ > .company > ul > li > a {margin:-5px; padding:5px 5px;}
#footer_ > .company > small {position:static; padding:2em 0; background:#e7e7e7; font-size:0.9rem; font-size:2.8125vw; line-height:1; text-align:center;}


/* footer accordion */
#footer_ > .site > .sitemap > section.fac-switcher  > h1, 
#footer_ > .site > aside    > .related.fac-switcher > h1 {position:relative; padding-right:2.5em; cursor:pointer;}
#footer_ > .site > .sitemap > section.fac-switcher  > h1::after, 
#footer_ > .site > aside    > .related.fac-switcher > h1::after {
	display:block; content:"\e616"; width:1.5em; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font:normal bold 1.7em/1 icons; text-align:center; 
	transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#footer_ > .site > .sitemap > section.fac-switcher  > h1 > a, 
#footer_ > .site > aside    > .related.fac-switcher > h1 > a {margin-right:-3em; padding-right:3em; pointer-events:none;}
#footer_ > .site > .sitemap > section.fac-switcher  > h1 > a::after, 
#footer_ > .site > aside    > .related.fac-switcher > h1 > a::after {display:none;}
#footer_ > .site > .sitemap > section.fac-switcher-show  > h1::after, 
#footer_ > .site > aside    > .related.fac-switcher-show > h1::after {transform:rotate(-180deg);}
#footer_ > .site > .sitemap > section.fac-switcher  > ul, 
#footer_ > .site > aside    > .related.fac-switcher > ul {height:0; transition:height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:hidden;}
html.fac-initial #footer_ > .site > .sitemap > section.fac-switcher  > h1::after, 
html.fac-initial #footer_ > .site > aside    > .related.fac-switcher > h1::after, 
html.fac-initial #footer_ > .site > .sitemap > section.fac-switcher  > ul, 
html.fac-initial #footer_ > .site > aside    > .related.fac-switcher > ul {transition-duration:0s;}


/* footer banners */
#footer_ > .site > aside > .banners > ul > li.free-sample {margin-top:20px}
#footer_ > .site > aside > .banners > ul > li.free-sample > a::after {display:block; content:""; clear:both; height:0;}
#footer_ > .site > aside > .banners > ul > li.free-sample > a > * {margin-left:50%;}
#footer_ > .site > aside > .banners > ul > li.free-sample .image {float:left; width:50%; margin:-10% 0 0;}
#footer_ > .site > aside > .banners > ul > li.free-sample .image > img {width:100%; height:auto;}
#footer_ > .site > aside > .banners > ul > li.free-sample b {font-size:1.2rem; font-size:3.75vw;}
#footer_ > .site > aside > .banners > ul > li.free-sample strong {font-size:2.2rem; font-size:6.875vw;}
#footer_ > .site > aside > .banners > ul > li.free-sample small {font-size:0.8rem; font-size:2.5vw;}

#footer_ > .site > aside > .banners > ul > li.mail-magazine {}
#footer_ > .site > aside > .banners > ul > li.mail-magazine small {font-size:1.0rem; font-size:3.125vw;}
#footer_ > .site > aside > .banners > ul > li.mail-magazine strong {font-size:2.1rem; font-size:6.5625vw;}
#footer_ > .site > aside > .banners > ul > li.mail-magazine strong::before {}

#footer_ > .site > aside > .banners > ul > li.book-store {}


/* font */
#header_ > nav > ul, 
#category-nav_ > h1, 
#sub-nav_ > h1, 
#news > h1 
	{}

#sub-nav_ > h1 
	{font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;}

}



/** Components **/

/* ボタン：ベース */
.c-button {
	display:inline-block; min-width:240px; margin:1em auto 0; padding:10px; border:1px solid #313f82; box-sizing:border-box; background:#313f82; 
	color:#fff; font-size:1.4rem; font-weight:bold; text-decoration:none; text-align:center; cursor:pointer;}
.c-button::before {display:none; content:""; width:1.2em; height:1.2em; margin:0 0.2em 0 0; color:#fff; font:normal 1.2em/1 icons; vertical-align:middle; transition:none;}
button.c-button {
	height:50px; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.c-button:hover {border-color:#838cb4; background-color:#838cb4; color:#fff;}
@media screen and (max-width:599px) {
.c-button {min-width:53%; font-size:1.0rem; font-size:3.125vw;}
button.c-button {height:auto; min-height:40px; min-height:12.5vw;}
.c-button:hover {}
}

/* ボタン：リンク */
.c-button.c-button--link {}
.c-button.c-button--link::before {display:inline-block; content:"\e605"; color:inherit;}

/* ボタン：読む */
.c-button.c-button--read {}
.c-button.c-button--read::before {display:inline-block; content:"\e62b"; color:inherit; font-size:1.5em;}

/* ボタン：聴く */
.c-button.c-button--listen {}
.c-button.c-button--listen::before {display:inline-block; content:"\e629"; color:inherit; font-size:1.5em;}

/* ボタン：白抜き */
.c-button.c-button--reverse {background-color:#fff; color:#313f82;}
.c-button.c-button--reverse::before {color:#313f82;}
.c-button.c-button--reverse:hover {border-color:#838cb4; background-color:inherit; color:#838cb4;}

/* ボタン：淡い */
.c-button.c-button--pale {border-color:#e5e5e5; background-color:#fff; color:#000; font-weight:normal;}
.c-button.c-button--pale::before {color:#313f82;}
.c-button.c-button--pale:hover {border-color:#e5e5e5; background-color:#fff; color:#999;}

/* ボタン：強調 */
.c-button.c-button--strong {border-color:#cc0e19; background-color:#cc0e19; color:#fff;}
.c-button.c-button--strong::before {color:#fff;}
.c-button.c-button--strong:hover {border-color:#e06e75; background-color:#e06e75; color:#fff;}

/* ボタン：メール */
.c-button-mail {
	display:inline-block; min-width:240px; margin:1em auto 0; padding:10px; border:1px solid #cc0e19; box-sizing:border-box; background:#cc0e19; 
	color:#fff; font-size:1.4rem; font-weight:bold; text-decoration:none; text-align:center; cursor:pointer;}
button.c-button-mail {
	height:50px; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.c-button-mail::before {display:inline-block; content:"\e626"; width:1.5em; height:1.0em; margin:-0.1em 0.3em 0 -0.5em; font:normal 1.5em/1 icons; vertical-align:middle;}
.c-button-mail:hover {border-color:#e06e75; background-color:#e06e75; color:#fff;}
@media screen and (max-width:599px) {
.c-button-mail {min-width:53%; font-size:1.0rem; font-size:3.125vw;}
button.c-button-mail {height:auto; min-height:40px; min-height:12.5vw;}
.c-button-mail::before {}
.c-button-mail:hover {}
}

/* ボタン：カート */
.c-button-cart {
	display:inline-block; min-width:240px; margin:1em auto 0; padding:10px; border:1px solid #cc0e19; box-sizing:border-box; background:#cc0e19; 
	color:#fff; font-size:1.4rem; font-weight:bold; text-decoration:none; text-align:center; cursor:pointer;}
button.c-button-cart {
	height:50px; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.c-button-cart::before {display:inline-block; content:"\e62f"; width:1em; height:1.0em; margin:-0.3em 0.3em 0 0; font:normal 1.5em/1 icons; vertical-align:middle;}
.c-button-cart:hover {border-color:#e06e75; background-color:#e06e75; color:#fff;}
@media screen and (max-width:599px) {
.c-button-cart {min-width:53%; font-size:1.0rem; font-size:3.125vw;}
button.c-button-cart {height:auto; min-height:40px; min-height:12.5vw;}
.c-button-cart::before {}
.c-button-cart:hover {}
}

/* ビデオ：JStreamPlayer */
.jstream-eqPlayer {
	display:block !important; width:auto !important; height:0 !important; position:relative; z-index:1; padding:56.25% 0 0 !important; background:#000; overflow:hidden;}
.jstream-eqPlayer > object {width:100%; height:100%; position:absolute; left:0; top:0;}
.jstream-eqPlayer .player_main, 
.jstream-eqPlayer .video_main  {width:auto !important; height:auto !important; position:absolute !important; left:0; right:0; top:0; bottom:0;}
@media screen and (max-width:599px) {
.jstream-eqPlayer {}
.jstream-eqPlayer .player_main, 
.jstream-eqPlayer .video_main  {}
}

/* ニュース：リスト */
.c-news-list {width:940px; margin:0 auto; padding:50px 0 0;}
.c-news-list > h1 {font-size:3.0rem; font-weight:normal; line-height:1; font-family:serif;}
.c-news-list > ul {margin:30px 0 0; border-top:1px solid #e5e5e5; font-size:1.4rem; line-height:1.3; text-align:left;}
.c-news-list > ul > li, 
.c-news-list > ul > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start;}
.c-news-list > ul > li {padding:15px 0; border-bottom:1px solid #e5e5e5;}
.c-news-list > ul > li > a {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	position:relative; margin:-15px 0; padding:15px 0; text-decoration:none;}
.c-news-list > ul > li > a::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; transition:opacity 0.2s ease-in-out 0s;}
.c-news-list > ul > li time {font-weight:bold;}
.c-news-list > ul > li i {
	min-width:86px; margin:0 0 0 25px; padding:4px 4px 5px; border-radius:4px; 
	background:#000; color:#fff; font-size:1.2rem; text-align:center; line-height:1; transition:background-color 0.2s ease-in-out 0s;}
.c-news-list > ul > li.english      i {background-color:#cc0e19;}
.c-news-list > ul > li.german       i {background-color:#438c41;}
.c-news-list > ul > li.french       i {background-color:#40678c;}
.c-news-list > ul > li.chinese      i {background-color:#964040;}
.c-news-list > ul > li.spanish      i {background-color:#ffb367;}
.c-news-list > ul > li.korean       i {background-color:#68b1da;}
.c-news-list > ul > li.others       i {background-color:#4c4c4c;}
.c-news-list > ul > li.music-health i {background-color:#3e3e3e;}
.c-news-list > ul > li h2 {margin:0 0 0 25px; font-weight:normal;}
.c-news-list > ul > li > a[target="_blank"] > h2::after {display:inline-block; content:"\e636"; margin:-0.5em 0 0 8px; font:14px/1 icons; vertical-align:middle;}
.c-news-list > ul > li > a:hover {color:inherit;}
.c-news-list > ul > li > a:hover::after {opacity:0.5;}
.c-news-list > .more {
	display:inline-block; min-width:240px; margin:3em auto 0; padding:9px; border:1px solid #e5e5e5; background:#fff; 
	font-size:1.2rem; text-decoration:none;}
@media screen and (max-width:599px) {
.c-news-list {width:auto; padding:20px 20px 0;}
.c-news-list > h1 {font-size:1.5rem; font-size:4.6875vw;}
.c-news-list > ul {margin:1em 0 0;}
.c-news-list > ul > li {display:block; padding:1em 0; font-size:1.0rem; font-size:3.125vw;}
.c-news-list > ul > li > a {display:block; margin:-1em 0; padding:1em 0;}
.c-news-list > ul > li time {display:inline-block; vertical-align:middle;}
.c-news-list > ul > li i {display:inline-block; min-width:5rem; margin:0 0 0 1em; padding:3px 3px 4px; border-radius:2px; font-size:0.7rem; font-size:2.1875vw;}
.c-news-list > ul > li h2 {margin:0.3em 0 0;}
.c-news-list > ul > li > a:hover > i {}
.c-news-list > .more {min-width:53%; margin:2em auto 0; font-size:0.9rem; font-size:2.8125vw;}
}

/* リンク：リスト */
.c-link-list {width:940px; margin:0 0 0 -470px; padding:60px 50% 0;}
.c-link-list > h1 {
	text-align:center; 
	font-size:3.0rem; font-weight:normal; line-height:1; 
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-link-list > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-20px 0 0 -20px; font-size:1.4rem; line-height:1.5;}
.c-link-list > h1 + ul {padding:30px 0 0;}
.c-link-list > ul > li {width:198px; margin:20px 0 0 20px; padding:10px; border:1px solid #dedede; background:#fff; text-align:center;}
.c-link-list > ul > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:100%; min-height:38px; margin:-10px; padding:10px; text-decoration:none;}
.c-link-list--stores {}
.c-link-list--stores > ul {}
.c-link-list--stores > ul > li[class] {}
.c-link-list--stores > ul > li[class]     > a {display:block; height:0; min-height:0; padding:46% 0 0; background:center center no-repeat; overflow:hidden;}
.c-link-list--stores > ul > li[class]     > a:hover {opacity:0.5;}
.c-link-list--stores > ul > li.amazon     > a {background-image:url(../images/stores_amazon.gif);}
.c-link-list--stores > ul > li.kindle     > a {background-image:url(../images/stores_kindle.gif);}
.c-link-list--stores > ul > li.rakuten    > a {background-image:url(../images/stores_rakuten.gif);}
.c-link-list--stores > ul > li.kobo       > a {background-image:url(../images/stores_kobo.gif);}
.c-link-list--stores > ul > li.honto      > a {background-image:url(../images/stores_honto.gif);}
.c-link-list--stores > ul > li.book-live  > a {background-image:url(../images/stores_book-live.gif);}
.c-link-list--stores > ul > li.kinoppy    > a {background-image:url(../images/stores_kinoppy.gif);}
.c-link-list--stores > ul > li.galapagos  > a {background-image:url(../images/stores_galapagos.gif);}
.c-link-list--stores > ul > li.e-hon      > a {background-image:url(../images/stores_e-hon.gif);}
.c-link-list--stores > ul > li.seven-net  > a {background-image:url(../images/stores_seven-net.gif);}
.c-link-list--stores > ul > li.honya-club > a {background-image:url(../images/stores_honya-club.gif);}
.c-link-list--stores > ul > li.kinokuniya > a {background-image:url(../images/stores_kinokuniya.gif);}
.c-link-list--stores > ul > li.reader     > a {background-image:url(../images/stores_reader.gif);}
.c-link-list--less {}
.c-link-list--less > ul {-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
@media screen and (max-width:599px) {
.c-link-list {width:auto; margin:0; padding:3em 20px 0;}
.c-link-list > h1 {font-size:1.5rem; font-size:4.6875vw;}
.c-link-list > ul {margin:-3vw -1.5vw 0; font-size:1.2rem; font-size:3.75vw;}
.c-link-list > h1 + ul {padding-top:1.6666em;}
.c-link-list > ul > li {
	-webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; 
	width:auto; margin:3vw 1.5vw 0; box-sizing:border-box;}
.c-link-list > ul > li > a {display:block; min-height:0;}
.c-link-list > ul > li br {display:none;}
.c-link-list--stores {}
.c-link-list--stores > ul {}
.c-link-list--stores > ul > li[class] {
	-webkit-flex:0 1 46%; -ms-flex:0 1 46%; flex:0 1 46%;}
_:-ms-input-placeholder, :root .c-link-list--stores > ul > li[class] {max-width:45.5%;}
.c-link-list--stores > ul > li[class] > a {background-size:contain;}
}

/* 本：リスト */
.c-books-list {width:940px; margin:0 0 0 -470px; padding:60px 50% 0;}
.c-books-list > h1, 
.c-books-list > header > h1 {
	text-align:center; 
	font-size:3.0rem; font-weight:normal; line-height:1; 
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-books-list ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	padding:40px 0 0; margin:0 0 -1px; line-height:1.5; overflow:hidden;}
.c-books-list ul > li {
	-webkit-flex:0 0 215px; -ms-flex:0 0 215px; flex:0 0 215px; 
	margin:0 -1px -1px 0; padding:40px 10px 20px 9px; border:1px solid #e5e5e5; text-align:center;}
.c-books-list ul > li:nth-child(-n+4) {padding-top:0; border-top-width:0;}
.c-books-list ul > li:nth-child(4n+1) {border-left-width:0;}
.c-books-list ul > li:nth-child(4n)   {border-right-width:0;}
.c-books-list ul > li > a {display:block; text-decoration:none;}
.c-books-list ul > li .image {height:200px; position:relative; overflow:hidden;}
.c-books-list ul > li .image::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; transition:opacity 0.2s ease-in-out 0s;}
.c-books-list ul > li .image > img {display:block; width:auto; max-height:200px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; opacity:1;}
.c-books-list ul > li h2 {margin:1em 0 0; font-size:1.8rem; font-weight:bold;}
.c-books-list ul > li strong {display:block; margin:0.5em 0 0; font-size:1.2rem; font-weight:normal;}
.c-books-list ul > li small {display:block; font-size:1.2rem;}
.c-books-list ul > li > a:hover > .image::after {opacity:0.3;}
.c-books-list .fac-gallery {margin:0 -120px; padding:0 120px;}
.c-books-list .fac-gallery .fac-gallery-list {-webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; overflow:visible;}
.c-books-list .fac-gallery .fac-gallery-list > li {padding-top:0; border-top-width:0; border-bottom-width:0;}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(-n+4) {}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(4n+1) {border-left-width:1px;}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(4n)   {border-right-width:1px;}
.c-books-list .fac-gallery .fac-gallery-list .fac-gallery-pad {border-color:transparent;}
.c-books-list .fac-gallery > .fac-gallery-nav {}
.c-books-list .fac-gallery > .fac-gallery-nav > ol {display:none;}
.c-books-list .fac-gallery > .fac-gallery-nav > button {width:120px;}
.c-books-list .fac-gallery > .fac-gallery-nav > button::after {font-size:1.5em; transition:all 0.3s ease-out 0s; transition-property:left,right;}
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-previous::after {content:"\e613";}
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-next::after     {content:"\e611";}
.c-books-list--search {}
.c-books-list--search > header {}
.c-books-list--search > header > h1 {padding:0 0 60px;}
.c-books-list--search > header > .page {padding:20px 0; border-top:1px solid #e5e5e5; font-size:1.4rem;}
.c-books-list--search > header > .page::after {display:block; content:""; clear:both; height:0;}
.c-books-list--search > header > .page > p {float:left;}
.c-books-list--search > header > .page > p i {display:inline-block;}
.c-books-list--search > header > .page > p b {display:inline-block; font-weight:normal;}
.c-books-list--search > header > .page > form {float:right; letter-spacing:-0.4em;}
.c-books-list--search > header > .page > form .select {display:inline-block; position:relative; margin:0 0 0 10px; letter-spacing:normal; vertical-align:top;}
.c-books-list--search > header > .page > form .select::after {
	display:block; content:"\e616"; width:1em; position:absolute; right:0; top:50%; margin:-0.55em 0 0; 
	color:#000; font:bold 1.5em/1 icons; text-align:center; pointer-events:none;}
.c-books-list--search > header > .page > form .select > select {
	display:block; width:100%; margin:-5px 0; padding:10px 1.5em 10px 10px; border:none; border-radius:0; box-sizing:border-box; line-height:1; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.c-books-list--search > header > .page > form .select > select::-ms-expand {display:none;}
.c-books-list--search > header > .page > form .submit {
	margin:-10px 0 -10px 20px; padding:10px; border:none; border-radius:0; background:#000; color:#fff; text-align:center; text-decoration:none; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.c-books-list--search > header > .page > form .submit:hover {background-color:#666;}
html.fac-js-enabled .c-books-list--search > header > .page > form .submit {display:none;}
.c-books-list--search > ul {padding-top:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.c-books-list--search > ul > li:nth-child(-n+4) {padding-top:40px;}
.c-books-list--search > footer {}
.c-books-list--search > footer > nav {position:relative; padding:20px 8em; font-size:1.4rem; line-height:1; text-align:center;}
.c-books-list--search > footer > nav > a {display:block; position:absolute; top:0; padding:20px 35px; text-decoration:none;}
.c-books-list--search > footer > nav > a::after {display:block; width:1em; position:absolute; top:50%; margin:-0.5em 0 0; font:bold 2em/1 icons;}
.c-books-list--search > footer > nav > a.previous {left:-0.2em;}
.c-books-list--search > footer > nav > a.previous::after {content:"\e617"; left:0;}
.c-books-list--search > footer > nav > a.next {right:-0.2em;}
.c-books-list--search > footer > nav > a.next::after {content:"\e615"; right:0;}
.c-books-list--search > footer > nav > ol {letter-spacing:-0.4em;}
.c-books-list--search > footer > nav > ol > li {display:inline-block; padding:0 10px; border-left:1px solid #e5e5e5; letter-spacing:normal; vertical-align:top;}
.c-books-list--search > footer > nav > ol > li:first-child {border-left:none;}
.c-books-list--search > footer > nav > ol > li > a {display:block; margin:-20px -10px; padding:20px 10px; text-decoration:none;}
.c-books-list--search > footer > nav > ol > li.selected {color:#999;}
@media screen and (max-width:1120px) {
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-previous::after {left:60px;}
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-next::after     {right:60px;}
}
@media screen and (max-width:599px) {
.c-books-list {width:auto; margin:0 20px; padding:3em 0 0;}
.c-books-list > h1, 
.c-books-list > header > h1 {font-size:1.5rem; font-size:4.6875vw;}
.c-books-list ul {display:block; padding:20px 0 0;}
.c-books-list ul > li {margin:0; padding:20px 0; border:none; border-top:1px solid #e5e5e5; text-align:left;}
.c-books-list ul > li:nth-child(-n+4) {padding-top:20px; border-top-width:1px;}
.c-books-list ul > li:nth-child(4n+1) {}
.c-books-list ul > li:nth-child(4n)   {}
.c-books-list ul > li > a {margin:-20px 0; padding:20px 0;}
.c-books-list ul > li::after, 
.c-books-list ul > li > a::after {display:block; content:""; clear:both; height:0;}
.c-books-list ul > li .image {float:left; width:25%; height:auto;}
.c-books-list ul > li .image > img {width:100%; height:auto; max-height:none; position:static;}
.c-books-list ul > li h2 {margin:0 0 0 25%; padding:0 0 0 15px; font-size:1.2rem; font-size:3.75vw;}
.c-books-list ul > li h2 small {margin:0; padding:0;}
.c-books-list ul > li strong {margin:0.2em 0 0 25%; padding:0 0 0 15px; font-size:1.0rem; font-size:3.125vw;}
.c-books-list ul > li small {margin:0.2em 0 0 25%; padding:0 0 0 15px; font-size:1.0rem; font-size:3.125vw;}
.c-books-list .fac-gallery {margin:0; padding:0;}
.c-books-list .fac-gallery .fac-gallery-list {display:block; width:auto !important; transform:none !important;}
.c-books-list .fac-gallery .fac-gallery-list > li {padding:20px 0; border:none; border-top:1px solid #e5e5e5;}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(-n+4) {}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(4n+1) {border-left-width:0;}
.c-books-list .fac-gallery .fac-gallery-list > li:nth-child(4n)   {border-right-width:0;}
.c-books-list .fac-gallery .fac-gallery-list .fac-gallery-pad {display:none;}
.c-books-list .fac-gallery > .fac-gallery-nav {display:none;}
.c-books-list .fac-gallery > .fac-gallery-nav::before, 
.c-books-list .fac-gallery > .fac-gallery-nav::after  {}
.c-books-list .fac-gallery > .fac-gallery-nav::before {}
.c-books-list .fac-gallery > .fac-gallery-nav::after  {}
.c-books-list .fac-gallery > .fac-gallery-nav > ol {}
.c-books-list .fac-gallery > .fac-gallery-nav > button {}
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-previous::after {}
.c-books-list .fac-gallery > .fac-gallery-nav > button.fac-gallery-next::after     {}
.c-books-list--search {}
.c-books-list--search > header {}
.c-books-list--search > header > h1 {padding:0;}
.c-books-list--search > header > .page {margin:2em 0 0; padding:10px 0; font-size:0.8rem; font-size:2.5vw;}
.c-books-list--search > header > .page::after {}
.c-books-list--search > header > .page > p {}
.c-books-list--search > header > .page > p i {display:none;}
.c-books-list--search > header > .page > p b {}
.c-books-list--search > header > .page > form {}
.c-books-list--search > header > .page > form .select {}
.c-books-list--search > header > .page > form .select::after {}
.c-books-list--search > header > .page > form .select > select {margin:-2.5px 0; padding:5px 1.5em 5px 5px;}
.c-books-list--search > header > .page > form .submit {margin:-5px 0 -5px 10px; padding:5px;}
html.fac-js-enabled .c-books-list--search > header > .page > form .submit {}
.c-books-list--search > ul {width:100%; margin-top:-20px; padding-top:0; border-top:none; border-bottom:none;}
.c-books-list--search > ul > li {margin:20px 0 0; padding:20px 0 0; border:none; border-top:1px solid #e5e5e5;}
.c-books-list--search > footer {margin:20px 0 0;}
.c-books-list--search > footer > nav {padding:1.5em 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:0.9rem; font-size:2.8125vw;}
.c-books-list--search > footer > nav::after {display:block; content:""; clear:both; height:0;}
.c-books-list--search > footer > nav > a {position:relative; margin:-1.5em 0; padding:1.5em 2em;}
.c-books-list--search > footer > nav > a::after {}
.c-books-list--search > footer > nav > a.previous {float:left;}
.c-books-list--search > footer > nav > a.previous::after {}
.c-books-list--search > footer > nav > a.next {float:right;}
.c-books-list--search > footer > nav > a.next::after {}
.c-books-list--search > footer > nav > ol {display:none;}
.c-books-list--search > footer > nav > ol > li {}
.c-books-list--search > footer > nav > ol > li:first-child {}
.c-books-list--search > footer > nav > ol > li > a {}
.c-books-list--search > footer > nav > ol > li.selected {}
}

/* テーブル：スクローラブル */
.c-overflow-table {overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; transform:translateZ(0);}
_::-webkit-full-page-media, _:future, :root .c-overflow-table::-webkit-scrollbar {width:7px; height:7px; -webkit-appearance:none;}
_::-webkit-full-page-media, _:future, :root .c-overflow-table::-webkit-scrollbar-thumb {border-radius:4px; background-color:rgba(0,0,0,0.5); box-shadow:0 0 1px rgba(255,255,255,0.5);}
.c-overflow-table > table {width:100%; position:relative;}
.c-overflow-table > table th, 
.c-overflow-table > table td {padding:4px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; font-weight:normal; text-align:center; vertical-align:middle;}
.c-overflow-table > table th::after {display:block; content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:1px solid #e5e5e5;}
.c-overflow-table > table > thead th, 
.c-overflow-table > table > tbody th {position:-webkit-sticky; position:sticky; left:0; z-index:2;}
.c-overflow-table > table > thead th {left:auto; top:0; z-index:3;}
.c-overflow-table > table > thead > tr:first-child > th:first-child {left:0; z-index:5;}
.c-overflow-table > table > tbody th {position:-webkit-sticky; position:sticky; left:0; z-index:2;}
@media screen and (max-width:599px) {
.c-overflow-table {width:calc(100vw - 60px); max-height:70vh; position:relative;}
html.fac-is-smartdevice .c-overflow-table {width:calc(100vw - 40px);}
.c-overflow-table > table {width:200%;}
.c-overflow-table > table th, 
.c-overflow-table > table td {border:1px solid #e5e5e5;}
.c-overflow-table > table > tbody th {width:20%;}
}

/* バナー：フル */
.c-banner-full {margin:40px 0 0; position:relative; text-align:center;}
.c-banner-full > a {display:block; text-decoration:none;}
.c-banner-full h1 {
	display:table; min-width:400px; max-width:80%; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; padding:30px; background:#fff;
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-banner-full h1::before, 
.c-banner-full h1::after  {display:block; content:""; position:absolute;}
.c-banner-full h1::before {left:10px; right:10px; top:10px; bottom:10px; border:1px solid #000;}
.c-banner-full h1::after  {left:13px; right:13px; top:13px; bottom:13px; border:1px solid #ccc;}
.c-banner-full h1 > * {display:block;}
.c-banner-full h1 > em {font-size:1.8rem;}
.c-banner-full h1 > strong {font-size:4.2rem; line-height:1.2;}
.c-banner-full h1 > small {font-size:1.8rem;}
.c-banner-full .image {min-height:450px; background:#dedede;}
.c-banner-full .image > img {display:block; width:100%; height:auto; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.c-banner-full:last-child {margin-bottom:-90px;}
@media screen and (max-width:599px) {
.c-banner-full {margin:2em 0 0;}
.c-banner-full > a {}
.c-banner-full h1 {min-width:0; padding:15px;}
.c-banner-full h1::before, 
.c-banner-full h1::after  {}
.c-banner-full h1::before {left:5px; right:5px; top:5px; bottom:5px;}
.c-banner-full h1::after  {left:8px; right:8px; top:8px; bottom:8px;}
.c-banner-full h1 > * {}
.c-banner-full h1 > em {font-size:1.0rem; font-size:3.125vw;}
.c-banner-full h1 > strong {font-size:1.8rem; font-size:5.625vw;}
.c-banner-full h1 > small {font-size:1.0rem; font-size:3.125vw;}
.c-banner-full .image {min-height:0;}
.c-banner-full .image > img {width:140%; margin:0 -20%;}
.c-banner-full:last-child {margin-bottom:-20px;}
}

/* フォーム */
.c-form {font-size:1.4rem;}
.c-form span {display:inline-block;}
.c-form button, 
.c-form textarea, 
.c-form select, 
.c-form input[type="submit"], 
.c-form input[type="text"], 
.c-form input[type="password"] {position:relative; z-index:1; font-size:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.c-form button {padding:0; border:none; border-radius:0; background:transparent; cursor:pointer;}
.c-form textarea, 
.c-form input[type="text"], 
.c-form input[type="password"], 
.c-form select {border:1px solid #e5e5e5; border-radius:5px; box-sizing:border-box;}
.c-form textarea, 
.c-form input[type="text"], 
.c-form input[type="password"] {padding:14px 19px; background:#fafafa; box-shadow:inset 0 4px 4px -4px rgba(0,0,0,0.6);}
.c-form textarea {display:block; height:9em;}
.c-form input[type="text"] {}
.c-form input[type="password"] {}
.c-form input[type="radio"] {display:none;}
.c-form input[type="radio"] + label {display:inline-block; position:relative; padding:0 0 0 2.4em; text-indent:-2.4em; cursor:pointer;}
.c-form input[type="radio"] + label > b {display:inline-block;}
.c-form input[type="radio"] + label > small {display:inline-block; font-size:1.2rem; font-weight:normal;}
.c-form input[type="radio"] + label::before {display:inline-block; content:"\e919"; width:1em; margin:-0.06em 0.2em 0 0; color:#e5e5e5; font:normal 2em/1 icons; text-indent:0; vertical-align:middle;}
.c-form input[type="radio"]:checked + label::before {content:"\e91a"; color:#666;}
.c-form input[type="checkbox"] {display:none;}
.c-form input[type="checkbox"] + label {display:inline-block; position:relative; padding:0 0 0 2.4em; text-indent:-2.4em; cursor:pointer;}
.c-form input[type="checkbox"] + label > b {display:inline-block;}
.c-form input[type="checkbox"] + label > small {display:inline-block; font-size:1.2rem; font-weight:normal;}
.c-form input[type="checkbox"] + label::before {display:inline-block; content:"\e912"; width:1em; margin:-0.06em 0.2em 0 0; color:#e5e5e5; font:normal 2em/1 icons; text-indent:0; vertical-align:middle;}
.c-form input[type="checkbox"]:checked + label::before {content:"\e913"; color:#666;}
.c-form input[type="submit"], 
.c-form button[type="submit"] {
	width:198px; height:48px; padding:0; border:1px solid transparent; border-radius:0; background:#000; color:#fff; text-align:center; cursor:pointer; 
	transition:all 0.2s ease-in-out 0s; transition-property:background-color,color;}
.c-form input[type="submit"]:hover, 
.c-form button[type="submit"]:hover {background-color:#999;}
.c-form div.select {display:inline-block; position:relative;}
.c-form div.select::after {
	display:block; content:"\e602"; width:40px; position:absolute; right:0; top:50%; z-index:2; margin:-0.5em 0 0; font:normal 1em/1 icons; text-align:center; pointer-events:none;}
.c-form div.select > select {position:relative; padding:14px 4em 14px 19px; background:#fff; line-height:1;}
.c-form div.select > select::-ms-expand {display:none;}
.c-form .error {color:#d12933; font-size:1.2rem;}
.c-form .error strong {font-weight:bold;}

.c-form section {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	margin:-1px 0 0; padding:30px 0; border-top:1px solid #e5e5e5; text-align:left;}
.c-form section:first-of-type {border-top-width:0;}
.c-form section > header {
	-webkit-flex:0 1 140px; -ms-flex:0 1 140px; flex:0 1 140px;}
.c-form section > header > h1 {padding:0.5em 0 0; font-weight:normal;}
.c-form section > header > h1 > small {display:inline-block; font-size:1.2rem;}
.c-form section > header > p {margin:20px 0 0;}
.c-form section > .body {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	width:620px; margin:-20px 0 0 -10px;}
.c-form section > .body > * {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	padding:20px 0 0 20px; box-sizing:border-box; line-height:1.5;}
.c-form section > .body > div input, 
.c-form section > .body > div textarea {width:100%;}
.c-form section > .body > div i {display:inline-block; margin:0 0.5em; vertical-align:middle;}
.c-form section > .body > p {}
.c-form section > .body > small {font-size:1.2rem;}
.c-form section > .body .error {height:0;}
.c-form section > .body + .body {margin-top:0; padding-top:0;}
.c-form section.required > header > h1::before {content:"*"; position:relative; top:-0.1em; color:#e20041; vertical-align:top;}

.c-form section.c-form-category {display:block; margin:-1px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.c-form section.c-form-category::after {display:block; content:""; clear:both; height:0;}
.c-form section.c-form-category > h1, 
.c-form section.c-form-category > header {float:left; width:150px; font-size:1.8rem; line-height:1.5;}
.c-form section.c-form-category > header > h1 {font-weight:bold;}
.c-form section.c-form-category > header > small {display:block; margin:1em 0 0; font-size:1.2rem;}
.c-form section.c-form-category > section {margin-left:170px;}
.c-form section.c-form-category > h1     + section, 
.c-form section.c-form-category > header + section {margin-top:-30px;}
.c-form section.c-form-category > .body {width:auto; margin-left:150px;}

.c-form section.line {display:block;}
.c-form section.line > header {}
.c-form section.line > header > h1 {padding-top:0;}
.c-form section.line > .body {width:auto; margin:-20px 0 0 -20px; padding:1em 0 0;}
.c-form section.line > .body > div {}

.c-form section.text {}
.c-form section.text .body > * {width:50%;}

.c-form section.textarea {}
.c-form section.textarea .body > * {width:100%;}

.c-form section.select {}

.c-form section.radios {}

.c-form section.password {}
.c-form section.password .body > * {width:100%; padding-right:50%;}

.c-form section.postal-code {}
.c-form section.postal-code .body > * {width:30%;}
.c-form section.postal-code .body.connected > * {width:25%;}

.c-form section.phone-number {}
.c-form section.phone-number .body > * {width:30%;}
.c-form section.phone-number .body.connected > * {width:25%;}

.c-form section.date {}

.c-form section.address {}
.c-form section.address .body > .prefecture {-webkit-flex:1 1 100%; flex:1 1 100%;}
.c-form section.address .body *[class*="address-"] {width:50%;}
.c-form section.address .body > .address-2 {}
.c-form section.address .body > .address-3 {}
.c-form section.address .body > .address-4 {width:100%; padding-right:50%;}
.c-form section.address .body > .address-5 {}

.c-form section > .body.group {}
.c-form section > .body.group > div {}
.c-form section > .body.group > .error {-webkit-flex:1 1 100%; flex:1 1 100%; padding:0 0 0 20px;}

.c-form section > .body.connected {}
.c-form section > .body.connected > div {position:relative;}
.c-form section > .body.connected > div::before {
	display:block; width:20px; content:"-"; position:absolute; left:0; top:50%; margin:-0.5em 0 0; padding:10px 0 0; text-align:center; line-height:1;}
.c-form section > .body.connected > div:first-child::before {display:none;}
.c-form section > .body.connected > .error {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	padding:1em 0 0 20px;}

.c-form footer {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	margin:0 -10px; padding:40px 0 0;}
.c-form footer > * {margin:0 10px;}
.c-form footer .back, 
.c-form footer .next {
	width:198px; height:48px; padding:0; border:1px solid transparent; border-radius:0; cursor:pointer; 
	background:#000; color:#fff; font-size:1.4rem; text-align:center; text-decoration:none; line-height:48px;}
.c-form footer .back {border-color:#e5e5e5; background:#fff; color:#000;}
.c-form footer .back:hover {background-color:#fff; color:#999;}
.c-form footer .next {}
.c-form footer .next:hover {border-color:transparent; background-color:#999;}

@media screen and (max-width:599px) {
.c-form {font-size:1.2rem; font-size:3.75vw;}
.c-form span {}
.c-form button, 
.c-form textarea, 
.c-form select, 
.c-form input[type="submit"], 
.c-form input[type="text"], 
.c-form input[type="password"] {}
.c-form button {}
.c-form textarea, 
.c-form input[type="text"], 
.c-form input[type="password"], 
.c-form select {}
.c-form textarea, 
.c-form input[type="text"], 
.c-form input[type="password"] {padding:9px; font-size:1.6rem;}
.c-form textarea {height:7em;}
.c-form input[type="text"] {}
.c-form input[type="password"] {}
.c-form input[type="radio"] {}
.c-form input[type="radio"] + label {}
.c-form input[type="radio"] + label > b {}
.c-form input[type="radio"] + label > small {}
.c-form input[type="radio"] + label::before {}
.c-form input[type="radio"]:checked + label::before {}
.c-form input[type="checkbox"] {}
.c-form input[type="checkbox"] + label {}
.c-form input[type="checkbox"] + label > b {}
.c-form input[type="checkbox"] + label > small {}
.c-form input[type="checkbox"] + label::before {}
.c-form input[type="checkbox"]:checked + label::before {}
.c-form input[type="submit"], 
.c-form button[type="submit"] {width:auto; height:auto; min-height:12.5vw; padding:1em; padding:4vw;}
.c-form input[type="submit"]:hover, 
.c-form button[type="submit"]:hover {}
.c-form div.select {}
.c-form div.select:after {}
.c-form div.select > select {padding:9px 2em 9px 9px; font-size:1.6rem;}
.c-form div.select > select::-ms-expand {}
.c-form .error {}
.c-form .error strong {}

.c-form section {display:block; padding:1em 0;}
.c-form section:first-of-type {margin-top:1em; padding-top:1em; border-top-width:1px;}
.c-form section > header {}
.c-form section > header > h1 {font-weight:bold;}
.c-form section > header > h1 > small {}
.c-form section > header > p {margin:20px 0 0;}
.c-form section > .body {width:auto; margin:-0.5em 0 0 -1em; padding:0.5em 0 0;}
.c-form section > .body > * {margin:0.5em 0 0; padding:0 0 0 1em;}
.c-form section > .body > div input, 
.c-form section > .body > div textarea {}
.c-form section > .body > div i {}
.c-form section > .body > p {}
.c-form section > .body > small {font-size:1.0rem; font-size:3.125vw;}
.c-form section > .body .error {height:auto; margin:0.5em 0 0;}
.c-form section > .body + .body {}
.c-form section.required > header > h1::before {}

.c-form section.c-form-category {}
.c-form section.c-form-category::after {}
.c-form section.c-form-category > h1, 
.c-form section.c-form-category > header {float:none; width:auto; font-size:1.4rem; font-size:4.375vw;}
.c-form section.c-form-category > header > h1 {}
.c-form section.c-form-category > header > small {font-size:1.0rem; font-size:3.125vw;}
.c-form section.c-form-category > section {margin-left:0;}
.c-form section.c-form-category > h1     + section, 
.c-form section.c-form-category > header + section {margin-top:1em;}
.c-form section.c-form-category > .body {margin-left:-1em;}

.c-form section.line {}
.c-form section.line > header {}
.c-form section.line > header > h1 {}
.c-form section.line > .body {width:auto; margin:-1em 0 0 -1em; padding:1em 0 0;}
.c-form section.line > .body > div {}

.c-form section.text {}
.c-form section.text .body > * {width:100%;}

.c-form section.textarea {}
.c-form section.textarea .body > * {}

.c-form section.select {}

.c-form section.radios {}

.c-form section.password {}
.c-form section.password .body > * {padding-right:0;}

.c-form section.postal-code {}
.c-form section.postal-code .body > * {width:100%;}
.c-form section.postal-code .body.connected > * {width:50%;}

.c-form section.phone-number {}
.c-form section.phone-number .body > * {width:100%;}
.c-form section.phone-number .body.connected > * {width:33.3333%;}

.c-form section.date {}

.c-form section.address {}
.c-form section.address .body > .prefecture {}
.c-form section.address .body *[class*="address-"] {width:100%;}
.c-form section.address .body > .address-2 {}
.c-form section.address .body > .address-3 {}
.c-form section.address .body > .address-4 {padding-right:0;}
.c-form section.address .body > .address-5 {}

.c-form section > .body.group {}
.c-form section > .body.group > div {}
.c-form section > .body.group > .error {}

.c-form section > .body.connected {}
.c-form section > .body.connected > div {position:relative;}
.c-form section > .body.connected > div::before {width:1em; padding:0;}
.c-form section > .body.connected > div:first-child::before {}
.c-form section > .body.connected > .error {padding:0 0 0 1em;}

.c-form footer {margin:0 -5px; padding:2em 0 0;}
.c-form footer > * {
	-webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; 
	margin:0 5px;}
.c-form footer .back, 
.c-form footer .next {width:46%; height:auto; min-height:12.5vw; padding:1em; padding:4vw; box-sizing:border-box; font-size:1.0rem; font-size:3.125vw; line-height:4.5vw;}
.c-form footer .back {}
.c-form footer .back:hover {}
.c-form footer .next {}
.c-form footer .next:hover {}
}

/* fac.More */
.fac-more {position:relative; transition:height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:hidden;}
html.fac-initial .fac-more {transition-duration:0s;}
.fac-more::before {
	display:block; content:""; position:absolute; left:0; right:0; bottom:0; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));}
.fac-more-button {
	display:block; width:200px; position:absolute; left:50%; bottom:0; z-index:1; margin:0 0 0 -100px; padding:14px 59px; border:1px solid #000; outline:none; 
	background:#fff; -webkit-appearance:none; appearance:none; color:inherit; font-size:1.6rem; font-weight:bold; text-decoration:none; white-space:nowrap; cursor:pointer; 
	font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;}
.fac-more-button::after {
	display:block; width:1em; content:"\e616"; position:absolute; right:5px; top:50%; margin:-0.5em 0 0; color:inherit; font:bold 2em/1 icons; text-indent:0; line-height:1; transition:none;}
.fac-more-button:hover {color:#999;}
.fac-more-show {}
.fac-more-show::before {display:none;}
.fac-more-show .fac-more-button {display:none;}
.fac-more-elements {}
.fac-more-elements::before {height:80px;}
.fac-more-height {height:40em;}
.fac-more-height::before {height:200px;}
.fac-more-height.fac-more-show {height:auto;}
@media screen and (max-width:599px) {
.fac-more {}
html.fac-initial .fac-more {}
.fac-more::before {}
.fac-more-button {width:60%; left:20%; bottom:0; margin:0; padding:9px; box-sizing:border-box; font-size:1.2rem; font-size:3.75vw;}
.fac-more-button::after {}
.fac-more-show {}
.fac-more-show::before {}
.fac-more-show .fac-more-button {}
.fac-more-height {height:25em;}
.fac-more-height::before {height:12em;}
.fac-more-height.fac-more-show {height:auto;}
}

.c-news-list.fac-more {padding-bottom:80px !important;}
.c-news-list.fac-more > .fac-more-button {margin-left:-15px;}
.c-news-list.fac-more .fac-more-hidden {display:none;}
.c-news-list.fac-more-show {padding-bottom:0 !important;}
@media screen and (max-width:599px) {
.c-news-list.fac-more {padding-bottom:6em !important;}
.c-news-list.fac-more > .fac-more-button {margin-left:0;}
.c-news-list.fac-more .fac-more-hidden {}
.c-news-list.fac-more-show {padding-bottom:0 !important;}
}

.c-books-list.fac-more {}
@media screen and (max-width:599px) {
.c-books-list.fac-more {padding-bottom:2em !important;}
.c-books-list.fac-more > .fac-more-button {position:relative; left:auto; margin:0 auto;}
.c-books-list.fac-more .fac-more-hidden {display:none;}
.c-books-list.fac-more-show {padding-bottom:0 !important;}
}

/* fac.Galley */
.fac-gallery {position:relative; margin:0 auto; pointer-events:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fac-gallery .fac-gallery-slider {}
.fac-gallery .fac-gallery-list {position:relative;}
.fac-gallery .fac-gallery-item {pointer-events:auto;}
.fac-gallery .fac-gallery-item > a {display:block;}
.fac-gallery .fac-gallery-item img {display:block; width:100%; height:auto;}
.fac-gallery-transition-none  .fac-gallery-list {}
.fac-gallery-transition-none  .fac-gallery-item {}
.fac-gallery-transition-slide .fac-gallery-list {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.fac-gallery-transition-slide .fac-gallery-item {-ms-flex:1 1 100%; -webkit-flex:1 1 100%; flex:1 1 100%;}
.fac-gallery .fac-gallery-nav {}
.fac-gallery .fac-gallery-nav > button {
	display:block; width:50px; position:absolute; top:0; bottom:0; z-index:3; padding:0; border:none; outline:none; background:transparent; -webkit-appearance:none; appearance:none; 
	color:inherit; font-size:24px; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery .fac-gallery-nav > button::after {
	display:block; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:inherit; font:bold 3em/1 icons; text-indent:0; line-height:1;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-previous {left:0;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-next     {right:0;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-previous::after {content:"\e617";}
.fac-gallery .fac-gallery-nav > button.fac-gallery-next::after     {content:"\e615";}
.fac-gallery-initialize .fac-gallery-nav > button {opacity:0;}
.fac-gallery            .fac-gallery-nav > button:hover {opacity:0.5;}
.fac-gallery-first      .fac-gallery-nav > button.fac-gallery-previous, 
.fac-gallery-last       .fac-gallery-nav > button.fac-gallery-next     {opacity:0; cursor:default;}
.fac-gallery .fac-gallery-nav > ol {position:absolute; left:0; right:0; bottom:0; z-index:3; letter-spacing:-0.4em; text-align:center;}
.fac-gallery .fac-gallery-nav > ol > li {
	display:inline-block; width:20px; height:20px; position:relative; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery .fac-gallery-nav > ol > li::after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; border-radius:100%; 
	background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); text-indent:0; transition:background-color 0.2s ease-in-out 0s;}
.fac-gallery .fac-gallery-nav > ol > li:hover::after, 
.fac-gallery .fac-gallery-nav > ol > li.fac-gallery-selected::after {background-color:#000;}
.fac-gallery-less .fac-gallery-nav {display:none;}

/* fac.Popups */
.fac-popups {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	position:fixed; width:1px; height:1px; left:-100px; top:-100px; z-index:9999; overflow:hidden; pointer-events:auto; 
	transition:all 0s ease-in-out 0s; transition-property:width,min-width,height,left,top;}
.fac-popups > * {opacity:0; transition:opacity 0.3s ease-in-out 0s;}
.fac-popups > .fac-popups-board {
	max-width:calc(100% - 200px); max-height:calc(100% - 200px); position:relative; z-index:2; margin:100px; padding:70px; box-sizing:border-box; 
	background:#fff; overflow:auto; -webkit-overflow-scrolling:touch;}
.fac-popups > .fac-popups-background {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; margin:auto; background:#000;}
.fac-popups > .fac-popups-board > .fac-popups-close {
	display:block; width:100px; height:100px; padding:0; position:absolute; left:auto; right:0; top:0; bottom:auto; z-index:3; border:none; outline:none; background-color:transparent; 
	color:#000; text-indent:110%; text-decoration:none; white-space:nowrap; overflow:hidden; cursor:pointer; appearance:none;}
.fac-popups > .fac-popups-board > .fac-popups-close:hover {color:#999;}
.fac-popups > .fac-popups-board > .fac-popups-close::after {
	display:block; content:"\e61c"; position:absolute; left:0; right:0; top:0; bottom:0; font-family:icons; font-size:30px; font-weight:normal; line-height:100px; text-align:center; text-indent:0;}
.fac-popups.fac-popups-show {width:100%; min-width:1040px; height:100%; min-height:600px; left:0; top:0; transition-delay:0s;}
.fac-popups.fac-popups-show > * {opacity:1;}
.fac-popups.fac-popups-show > .fac-popups-background {opacity:0.75;}
@media screen and (max-width:599px) {
.fac-popups {}
.fac-popups > .fac-popups-board {max-width:calc(100% - 40px); max-height:calc(100% - 40px); margin:20px; padding:20px;}
_:-ms-input-placeholder, :root .fac-popups > .fac-popups-board {margin:20px 0 0 20px;}
.fac-popups > .fac-popups-board > .fac-popups-close {width:50px; height:50px;}
.fac-popups > .fac-popups-board > .fac-popups-close::after {font-size:2em; line-height:50px;}
.fac-popups.fac-popups-show {min-width:320px; min-height:400px;}
_:-ms-input-placeholder, :root .fac-popups > .fac-popups-board > .fac-popups-close::after {font-size:20px;}
}

.fac-popups.sub-nav {display:none;}
@media screen and (max-width:599px) {
.fac-popups.sub-nav {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.fac-popups.sub-nav > .fac-popups-board, 
.fac-popups.sub-nav .fac-gallery-list, 
.fac-popups.sub-nav .fac-gallery-item, 
.fac-popups.sub-nav .fac-gallery-item > section {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.fac-popups.sub-nav > .fac-popups-board {width:100%; overflow:hidden;}
.fac-popups.sub-nav .fac-gallery-item > section {margin:-20px;}
.fac-popups.sub-nav .fac-gallery-item > section > h1 {
	display:block; margin:0 20px; padding:20px 2em 20px 0; border-bottom:1px solid #d6d6d6; 
	font-size:1.4rem; font-size:4.375vw; font-weight:bold; line-height:1; text-align:left;}
.fac-popups.sub-nav .fac-gallery-item > section > section {text-align:left;}
.fac-popups.sub-nav .fac-gallery-item > section > section > h1 {padding:15px 0; border-bottom:1px solid #d6d6d6; font-size:1.0rem; font-size:3.125vw;}
.fac-popups.sub-nav .fac-gallery-item > section ul {display:block; position:relative; margin:0; box-sizing:border-box; font-size:1.0rem; font-size:3.125vw;}
.fac-popups.sub-nav .fac-gallery-item > section ul > li {width:auto; margin:0; padding:15px 0; border:none; border-bottom:1px solid #d6d6d6; text-align:left;}
.fac-popups.sub-nav .fac-gallery-item > section ul > li br {display:none;}
.fac-popups.sub-nav .fac-gallery-item > section ul > li > a {display:block; height:auto; min-height:0; position:relative; margin:-15px 0; padding:15px 3em 15px 0; text-decoration:none;}
.fac-popups.sub-nav .fac-gallery-item > section ul > li > a::after {
	display:block; content:"\e615"; width:1em; position:absolute; right:-0.3em; top:50%; margin:-0.5em 0 0; font:normal bold 2em/1 icons; text-align:center;}
.fac-popups.sub-nav .fac-gallery-item > section > h1 + * {position:relative; margin:-1px 0 0; padding:1px 20px 20px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
html.fac-is-smartdevice .fac-popups.sub-nav .fac-gallery-item > section > h1 + *::after {display:block; content:""; width:1px; height:1px; position:absolute; bottom:-3px;}
.fac-popups.sub-nav .fac-gallery-item > section > ul {}
.fac-popups.sub-nav .fac-gallery-item > section > div {}
.fac-popups.sub-nav .fac-gallery-item > section > div > section {margin:40px 0 0; border-top:1px solid #464646; font-size:1.0rem; font-size:3.125vw; text-align:left;}
.fac-popups.sub-nav .fac-gallery-item > section > div > section:first-of-type {margin-top:0;}
.fac-popups.sub-nav .fac-gallery-item > section > div > section > h1 {padding:15px 0;}
.fac-popups.sub-nav .fac-gallery-item > section > div > section > ul {padding:1px 0 0; border-top:1px solid #d6d6d6;}
}