@charset "utf-8";
@import "variable.css";
@import "layout_common_parts.css";
/* CSS Document Layout  (last update: 2022.07.22)*/
/* mobile-friendly */

/*SP 320-559px*/
/*TB 560-959px*/
/*PC 960px以上*/

html {
  font-size: 62.5%;
}
body {
	background: url(../images/bg_wall.png);
}

/*-------------------------------
 表示切替
---------------------------------*/
/*画像*/
.view--pc_tb,
.view--pc,
.view--tb { display:none !important; }
.view--tb_sp,
.view--sp { display: inline-block !important; }

/*改行*/
.br-pc_tb-only	{ display: none;}
.br-pc-only		{ display: none;}
.br-sp-only 	{ all: initial;}
/*改行*/
.sp-on { display: block;}
.br-on { display: none;}

/*文字サイズ特殊*/
.fs--title-S	{ font-size: 2.0rem;}
.fs--title-M	{ font-size: 2.4rem;}
.fs--title-L	{ font-size: 3.0rem;}
.fs--title-LL	{ font-size: 3.0rem;}
.fs--title-XL	{ font-size: 3.0rem;}
.fs--normal    { font-weight: normal; font-style: normal;}



/* TB */
@media screen and (min-width :560px) {
	/*画像*/
	.view--pc { display:none !important; }
	.view--tb { display: inline-block !important; }
	.view--pc_tb { display: inline-block !important; }
	.view--tb_sp { display: inline-block !important; }
	.view--sp { display:none !important; }
	/*改行*/
	.br-pc_tb-only 	{ all: initial;}
	.br-sp-off { display: none;	} /* TB-PC:改行なし SP:改行あり */
	/*文字サイズ特殊*/
	.fs--title-S	{ font-size: 2.0rem;}
	.fs--title-M	{ font-size: 3.0rem;}
	.fs--title-L	{ font-size: 4.0rem;}
	.fs--title-LL	{ font-size: 4.5rem;}
	.fs--title-XL	{ font-size: 5.2rem;}
}
/* PC */
@media screen and (min-width :960px) {
	body { 
		background-size: auto; 
	}
	body::after {
		background-size:100% auto;
	}
	/*画像*/
	.view--pc_tb { display: inline-block !important; }
	.view--pc { display: inline-block !important; }
	.view--tb_sp { display:none !important; }
	.view--tb { display:none !important; }
	.view--sp { display:none !important; }
	/*改行*/
	.br-pc_tb-only 	{all: initial;}
	.br-pc-only		{all: initial;} /* PC:改行あり SP:改行なし */
	.br-sp-only		{display: none;} /* PC:改行なし SP:改行あり */
	/*改行*/
	.br-on { display: block;} /*強制改行PCのみ*//* <span class="br-on"></span> */
	.sp-on { display: block;}
}

body {
	font-family: 'Open Sans','Verdana','Geneva', sans-serif;
	color:#322413;
	font-size: var(--fs-m);
	-webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
}

*, *::before, *::after { /* box-sizing all */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.boxsizing-content	{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing:content-box;
}

/*-------------------------------
 Base _ Link
---------------------------------*/
a			{ text-decoration:none; color: #78162c; }
/*a:visited 	{ color:#337ab7;}*/
a:hover,
a:active 	{ text-decoration:underline; /*filter: brightness(110%);*/ opacity: 0.75; transition : all .2s; /* Animation Effect */}
a:focus, *:focus	{ outline:none; }
a:hover > img	{}

/*-------------------------------
 Base _ Font_parts
---------------------------------*/
h1,h2,h3,h4,h5,h6,ul,ol,dl,caption,th,td,p { line-height: 1.4;}
h2 { color: #5f3140; }

/* Text */
strong { font-size: 115%;}
em { font-size: 108%; font-style: normal;font-weight:inherit;}
small { font-size: 85%; font-weight:inherit;}

/* Text */
.txtl	{ text-align: left !important;}
.txtc	{ text-align: center !important;}
.txtr	{ text-align: right !important;}
.ta-l	{ text-align:left;}
.ta-c	{ text-align:center;}
.ta-r	{ text-align:right;}

/* Font_Size */
.fs--10	{ font-size: var(--fs-xxs);}
.fs--11	{ font-size: var(--fs-xs);}
.fs--12	{ font-size: var(--fs-s);}
.fs--13	{ font-size: var(--fs-ms);}
.fs--14	{ font-size: var(--fs-m);}
.fs--15	{ font-size: var(--fs-ml);}
.fs--16	{ font-size: var(--fs-l);}
.fs--17	{ font-size: var(--fs-ll);}
.fs--18	{ font-size: var(--fs-xl);}
.fs--20	{ font-size: var(--fs-xxl);}
.fs--22	{ font-size: calc(var(--fs-l) * 1.375);}
.fs--24	{ font-size: calc(var(--fs-l) * 1.5);}
.fs--26	{ font-size: calc(var(--fs-l) * 1.625);}
.fs--28	{ font-size: calc(var(--fs-l) * 1.75);}
.fs--30	{ font-size: calc(var(--fs-l) * 1.875);}

.fs--xx-small	{ font-size: xx-small;}	/*60%*/
.fs--x-small	{ font-size: x-small;}	/*75%*/
.fs--small	{ font-size: small;}	/*88.8%*/
.fs--medium	{ font-size: medium;}	/*100%*/
.fs--large	{ font-size: large;}	/*120%*/
.fs--x-large	{ font-size: x-large;}	/*150%*/
.fs--xx-large	{ font-size: xx-large;}	/*200%*/


.mark-reg 	{ 
	content: "";
	width: 1.2em;height: 1em;
	font: normal normal normal .5em/1 "Font Awesome 5 Free" !important;
	display: inline-block;
	text-indent: 0 !important;
}
.mark-reg::before{
	content: "\f25d";
	vertical-align: text-top;
}
.fa, .fab, .fal, .far, .fas {
	text-indent: 0  !important;
}
.icon--volks-official	{
	content: url("https://dollfie.volks.co.jp/assets/image/logo/logo_vs_mark-wht.svg");
	height: 1em;
	vertical-align: middle;
}
/* Font Color */
.red	{ color: #ff0033;}
.red_d	{ color: #B71A3D;}
.yellow	{ color: #ffff00;}
.white	{ color: #fff;}
.black	{ color: #111;}
.blue	{ color: #00A3F6; }
.darkred	{ color: #b84274;}
.umber	{color: #c2894b;}
.umber_d	{color: #866629;}
.gray  { color: #aaa;}
.gray_d  { color: #666;}

.fc-mint { color: #47918a; }
.fc-iris { color: #6D6CA8; }
.fc-petal { color: #D58B91; }
.fc-tawny { color: #9D6754; }

/* Font deco */
.keisen	{
	/*text-decoration:line-through;*/
	display: inline-block;
	margin-left: .2em;
	letter-spacing: -.2rem;
	font-weight: normal !important;
}
.txt_shadow--gold{
	text-shadow: 0 0 1rem rgba(135, 100, 25, 0.6) , 0 0.1rem 0.4rem rgba(135, 100, 25, 0.4);
}
.txt_shadow--dark{
	text-shadow: 0 0 1rem rgba(0, 0, 0, 0.6) , 0 0.1rem 0.4rem rgba(0, 0, 0, 0.4);
}


.marker_red	{
background: linear-gradient(transparent 60%, #ffc1c1 60%);
}
.marker_pnk	{
background: linear-gradient(transparent 60%, #ffe0e5 60%);
}
.marker_blue	{
background: linear-gradient(transparent 60%, #ccf4ff 60%);
}
.marker_green	{
background: linear-gradient(transparent 60%, #e5ffcc 60%);
}
.marker_ylw	{
background: linear-gradient(transparent 60%, #ffffc1 60%);
}
.marker_yellow	{
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker_gray	{
background: linear-gradient(transparent 60%, #ececec 60%);
}
.marker_usa	{
opacity: .6;
background: rgba(100,100,100,0.3);
padding: 0 .2em;
}
.tc-link-nml	{color:#00A3F6;}
.tc-inport	{
color: #B71A3D;
border-bottom: 0.3rem double;
padding: .1em .5em;
}

/* Font Family */
.fnt_SawarabiMincho { font-family: 'Sawarabi Mincho', sans-serif; }
.fnt_LibreBaskerville { font-family: "Libre Baskerville", "Times New Roman", "Sawarabi Mincho", Times, sans-serif; }
.fnt_Allura { font-family: 'Allura', cursive; }
.fnt_Jomolhari { font-family: 'Jomolhari', serif;}
.fnt_Amiri { font-family: 'Amiri', serif;}


/* Text Layout */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
del	{ color:#999\9;/*IE8*/
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	text-decoration: line-through;
	}
sup	{ bottom: .5ex; }
sub { top: .5ex; }

.card--bs {
    box-shadow: .1rem .1rem .8rem rgba(90, 40, 0, 0.5);
}


/* Text Shadow */

/*-------------------------------
 Base _ placement
---------------------------------*/
/* Float*/
.fltl	{ float:left;}
.fltr	{ float:right;}

/* Clear Fix */
.clrfx::after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
.clrfx	{ zoom:1;}
.clr		{ clear:both;}
		
/*-------------------------------
 Base _ image
---------------------------------*/
img {
	max-width:100%;
	height:auto;
	vertical-align: middle;
}

/* Image Position */
.img-abslt { position:absolute;} /* Image Position-位置は直接タグへ指定 */


/*-------------------------------
 Bace _ Common Layout
---------------------------------*/
/* Full width Container */
	#header,
	#Menu,
	#MenuLcl,
	.container,
	#footer	{ width:100%; position:relative;}

section,
.contents	{
	width: 100%;
	position:relative;
	overflow:hidden;
	text-align: center;
}

.inner	{
	width: 100%;
	max-width: 96.0rem;
	position: relative;
	margin: 0 auto;
}
.flex_container {
	display: flex;
	justify-content: center;
}
.flex_container--wrap {
	display: flex;
	flex-wrap: wrap;
}

/* Display */
.disp-none {  display: none;}
.disp-inline {  display: inline;}
.disp-block {  display: block;}

.dno,
.nodsp {
	display: none;
}
.dbk {
	display: block;
}

.middleArea	{
	padding:5.0rem 0;
}
.middleArea__title	{
	font-size: 3.6rem;
	margin: 0 auto;
	text-align: center;
	font-family:"Libre Baskerville", "Times New Roman", "Sawarabi Mincho", Times, sans-serif;
}

/* アニメーション設定A */
.fadein {
    opacity : 0;
    transform : translate(0, 4rem);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/* アニメーション設定B */
/* scroll efect */
.effect-fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition : all 500ms;
}
.effect-fadein.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect .effect-fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}
.effect .effect-fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
}
.effect .effect-fadein:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
}

/*-------------------------------
 Bace _ Common Parts
---------------------------------*/
/*Title*/
.tit--dec01	{
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}
.tit-small-en	{
	font-size: var(--fs-s);
	letter-spacing: .05em;
	opacity: .7;
	padding: .5rem;
	display: block;
}
/*タイトル装飾 border-left*/
.tit--dec02	{
	margin-left:0.5em;/*装飾分幅*/
	padding: 0.5em 0;
	text-align: left;
	line-height: 1.4;
	position: relative;
	color: #010101;
	}
.tit--dec02::before	{
  content: "";
  width: 0.5em;
  height: 1.5em;
  background: #010101;
  display: inline-block;
  margin: 0 0.5em 0 -0.5em;
  vertical-align: -0.4em;
  line-height: 120%;
  }
/*タイトル装飾 テキストとボーダーを重ね*/
.tit--dec03 {
	overflow: hidden;
	text-align: center;
	margin: 0 auto 1em;
	}
.tit--dec03 > em {
  position: relative;
  display: inline-block;
  margin: 0 2em;
  padding: 0 1em;
  text-align: left;
  color: #010101;
}
.tit--dec03 > em::before,
.tit--dec03 > em::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: .1rem;
  background-color: #E3D2B3;
}
.tit--dec03 > em::before {
  right: 100%;
}
.tit--dec03 > em::after {
  left: 100%;
}

/*タイトル装飾 背景色と白文字*/
.tit--dec04 {
  padding: 1rem;
  color: #5d3044;
  font-weight: bold;
  margin: 0 auto 2rem;
  background-color: #d8cdc7;
  width: 100%;
}
/*タイトル テキスト下にボーダー*/
.dec-border-inside {
  line-height: 0em;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
}
.dec-border-inside::after {
  content: "";
  height: 1px;
  display: inline-block;
  border-top: 1px solid rgba(155, 155, 155, 0.3);
  width: min(80%, 50rem);
}

/*見出し中-八角茶枠-*/
.fcs-titdec-heading {
  padding: 2rem;
  margin: 2rem auto;
  font-size: var(--fs-xl);
  font-weight: normal;
  text-align: center;
  position: relative;
  background: #6A534F;
  color: #fff;
  box-shadow: 0 0 0 0.3rem #6A534F inset, 0 0 0 0.5rem #d6b895 inset, 0 0 0 0.1rem #6A534F inset;
  overflow: hidden;
}
.heading-corner1::after,.heading-corner1::before,
.heading-corner2::after,.heading-corner2::before{
  content: "";
  position: absolute;
  height: 2rem;
  width: 2rem;
  background: #fff;
  border: solid #6A534F 0.3rem;
  box-shadow: 0 0 0 0.2rem #d6b895;
}
.heading-corner1::before{
  left: -.5rem;
  top: -.5rem;
  border-radius: 0 0 100% 0;
}
.heading-corner2::before{
  left: -.5rem;
  bottom: -.5rem;
  border-radius: 0 100% 0 0;
}
.heading-corner1::after{
  right: -.5rem;
  top: -.5rem;
  border-radius: 0 0 0 100%;
}
.heading-corner2::after{
  right: -.5rem;
  bottom: -.5rem;
  border-radius: 100% 0 0 0;
}
/*背景に合わせた色変え*/
.bg_color--gray .heading-corner1::after, .bg_color--gray .heading-corner1::before,
.bg_color--gray .heading-corner2::after, .bg_color--gray .heading-corner2::before {
  background: #fdf6f6;
}
.bg_color--whitesmoke .heading-corner1::after, .bg_color--whitesmoke .heading-corner1::before,
.bg_color--whitesmoke .heading-corner2::after, .bg_color--whitesmoke .heading-corner2::before  {
  background: #FFF9EA;
}


/*Read*/
.txt--read	{	line-height: 1.5; margin-bottom: 0.5em; padding: 0 1.5rem; }
.txt--read20	{ font-size: var(--fs-xxl); line-height: 1.6; margin-bottom: 0.5em; padding: 0 1.5rem; }
.txt--read18	{ font-size: var(--fs-xl); line-height: 1.6; margin-bottom: 0.5em; padding: 0 1.5rem;}
.txt--read16	{ font-size: var(--fs-m); line-height: 1.6; margin-bottom: 0.5em; padding: 0 1.5rem;}
.txt--read14	{ font-size: var(--fs-m); line-height: 1.5; margin-bottom: 0.5em; padding: 0 1.5rem;}

/*Note*/
.list_text {}
.list_text li{
  padding:0.1em 0 0.1em 1em;
  margin: 0.2em auto;
  line-height: 1.3;
  text-indent:-1em;
}

.note-list	{
	padding:0.5em 0;
	margin-left: auto;
	margin-right: auto;
	}
	.note-list > li	{ padding-left:1em; text-indent:-1em; line-height:1.4;}
	.note-list > li ~ li	{ margin-top:0.5em;}

.note-list--markbull > li::before {
  content: "\25CF";
  opacity: 0.6;
  font-size: 0.5em;
  margin-right: 0.5em;
  width: 1.5em;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  text-indent: 0;
  }
.note-list--markkome > li::before	{
	content: "\203B";/*※*/
	opacity: 0.6;
	font-size: 0.9em;
	margin-right: 0.1em;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	text-indent: 0;
	}

/*Tango Shop-list*/
.tango_list	{}
.tango_list > li	{ text-indent: 0;display: inline-block;}
.tango_list > li:not(:last-child)::after	{ 
  content: " | ";
  color: #ddd;
  display: inline-block;
  margin-left: .5em;
  margin-right: .5em;
  }
.tango_list > li.tango-tit 	{
	display: block;
}
.tango_list > li.tango-tit::after	{ content: none;	}

/*-------------------------------
 Store Link
---------------------------------*/
.storeLink {
  width: 100%;
  background: rgba(256,256,256,1.0);
  border-top: .1rem solid #ebebeb;
  font-size: 1.6rem;
  text-align: center;
  position: fixed; left: 0; bottom: 0;
  z-index: 10;
}
.storeLink > div {
  max-width: 96.0rem;
  padding: 2em 0;
  margin: 0 auto;
  position: relative;
}
a.link__btn--ols,
.link__btn--closed{
  max-width: calc(100% - 2em);
  padding: 2rem 1rem;
  margin: 0 auto;
  background: #0588ce;
  border: .2rem solid #0588ce;
  border-radius: .5rem;
  color: #fff;
  line-height: 1.2;
  display: block;
}
a.link__btn--ols 	{
  box-shadow: 0 .2rem 0 .1rem rgba(15,10,5,0.2);
}
a.link__btn--ols:hover {
  text-decoration: none;
}
.link__btn--closed {
  background: #868686;
  border-color: #868686;
  pointer-events: none;
  color: #fff !important;
  }

/* TB *//* Store Link */
@media screen and (min-width :560px) {
	a.link__btn--ols,
	.link__btn--closed{
		max-width: 80%;
	}
}

/* PC *//* Store Link */
@media screen and (min-width :960px) {
	a.link__btn--ols,
	.link__btn--closed{
		max-width: 50%;
	}
}


/*-------------------------------
 Link Anchor
---------------------------------*/
.anchor-link {
	display: block;
	height: .1rem;
	overflow: hidden;
	position: absolute;
	top: -6.5rem;
	width: .1rem;
}
.anchor-inner {
	display: block;
	height:6.5rem;
	margin-top:-6.5rem;
}


/*-------------------------------
 Header
---------------------------------*/
h1	{ visibility: hidden; display: none;}

/* SP_TB */
#header	{
	background: #3d1414;
	position:fixed /*relative;*/;
	top:0;
	left:0;
	z-index: 30;
	/*box-shadow: 0 .5rem .5rem -.2rem rgba(0, 0, 0, 0.4);*/
}
#hdrInner	{
  width:auto;
  height:6.5rem;
  padding:0;
  margin: 0 0vmin;
  position:relative;
  text-align:center;
}
#header .logo	{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  max-height: 6.5rem;
  max-width: calc(100% - 12rem);
  line-height: 6.5rem;
  }
#header .logo img	{
  vertical-align: middle;
  max-height: 6.5rem;
  }

	/* language
	-----------------------------*/


	/* SNS Link Icon
	-----------------------------*/
	#hdrSNSArea {
		display: none;
		}
	#naviSNSArea	{
		}

	ul.icbtn_snslnk	{
		text-align:center;
		overflow:hidden;
    /*USA ONLY*/display: flex;justify-content: center;
	}
		ul.icbtn_snslnk li	{
			margin:0 .5rem;
			display:inline-block;
			overflow:hidden;
		}
		ul.icbtn_snslnk li a	{ overflow:hidden; display:block;}
		ul.icbtn_snslnk li img	{ }
	ul.icbtn_snslnk li.icbtn_cap	{
		color: #eee;
		line-height: 2;
		font-size: 1.1rem;
	}
	#Menu ul.icbtn_snslnk li.icbtn_cap {
		display: block;
		}

/*-------------------------------
 Navi _ Language
---------------------------------*/

/*-------------------------------
 Navi _ Gloval
---------------------------------*/
.navtop {
	
}
.navtop__list {
	list-style-type: none;
	padding: 0;
	color: #666666;
	display: flex;
	justify-content: center;
}
.navtop__list li:not(:last-child) {
	margin-right: 1em;
}
.navtop__list a {color: #333;}








/*-------------------------------
 General Use
---------------------------------*/
.sct{
	padding: 3rem 0 4rem;
}

.normal-container {
	max-width: var(--width-site);/*128rem*/
	margin: 0 auto 1em;
}
.medium-container {
	max-width: 108rem;
	margin: 0 auto 1em;
	padding: 0.5em 1.5em;
}
.small-container {
	max-width: 88rem;
	margin: 0 auto 1em;
}

.medium-txt {
	text-align: left;
}
.medium-txt p {
	line-height: 1.8 !important;
}

/*-------------------------------
 TOP Main
---------------------------------*/
.sct--top-main .pc { display: block !important; text-align: center; margin: auto; }
.sct--top-main .sp { display: none !important; }
@media only screen and (max-width: 750px) {
  .sct--top-main .pc { display: none !important; }
  .sct--top-main .sp { display: block !important; }
}

/* Letter */

#contents_le {
	max-width:980px;
	height:auto;
	margin: 0 auto;
	position:relative;
	background: url(../images/komame.png) 580px 20px no-repeat, url(../images/bg_lt.jpg);
	-moz-box-shadow: 0px 0px 10px #7F7F7F;
	-webkit-box-shadow: 0px 0px 10px #7F7F7F;
	box-shadow: 0px 0px 10px #7F7F7F;
	text-align:left;
	padding:40px;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	z-index: 15;
}
#contents_le h2 {
	font-family: 'Libre Baskerville', serif;
	color:#322413;
	font-size: 12px;
	margin-bottom: 18px;
}
#contents_le p {
	font-family: 'Libre Baskerville', serif;
	font-weight: 100;
	color:#322413;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 18px;
}

/* TB *//* Letter */
@media screen and (min-width :560px) {
	#contents_le {
		margin-top: -20px;
	}
	#contents_le h2 {
		font-size: 26px;
	}
	#contents_le p {
		font-size: 16px;
		line-height: 20px;
	}
}

/* PC *//* Letter */
@media screen and (min-width :960px) {
	#contents_le {
		margin-top: -60px;
	}
	#contents_le h2 {
		font-size: 36px;
	}
	#contents_le p {
		font-size: 18px;
		line-height: 27px;
	}
}

/*-------------------------------
 Schedule
---------------------------------*/
.big {
	font-size: 120%;
}
dl.ldate{
    display: flex;
	flex-wrap: wrap;
	margin: auto;
	padding: 14px 5px;
	text-align: left;
    background: #FFF;
    border: 3px double #d5ccca;
}
dl.ldate dt{
	padding: 0.6em;
	margin: 0;
	width: 100%;
	line-height: 2rem;
	vertical-align: bottom;
	color: #785830;
}
dl.ldate dd{
	padding: 0.6em;
	margin: 0;
	width: 100%;
	font-size: 120%;
	line-height: 2rem;
	vertical-align: bottom;
	color: #322413;
}
@media screen and (min-width :960px) {
	dl.ldate dt{ 
		width: 200px;
		text-align: right;
	}
	dl.ldate dd{
		width: calc(100% - 200px);
	}
}


/*-------------------------------
 Lineup
---------------------------------*/
.lineup {
	display: flex;
	width: 100%;
	height:auto;
	justify-content:center;
	flex-wrap: wrap;
}
.lineup-box{
	width: 100%;
	height:auto;
	padding: 0.5em 0.8em;
	margin: 0 0 1em 0;
	display: flex;
	flex-direction:column;
}
.lineup-img {
	margin-bottom: 0.8em;
}
.lotno {
    text-align: left;
    height: 1em;
    z-index: 1;
}
.lotno span {
    margin: 0px 10px;
    background: #422C25;
    padding: 3px 10px 2px 10px;
    color: #EEE;
    border-radius: 4px;
}
.spec {
    background: #FFF;
    border: 3px double #d5ccca;
    padding: 5px 10px;
    color: #422C25;
    text-align: center;
}
.spec ul	{
	color:#422C25;
	text-align:center;
}
.spec ul li {
	margin:3px 0px;
	border-bottom: 1px dotted #999;
    line-height: 1.6em;
    padding: 5px;
}
.spec ul li:last-child{
    border: none;
}
.spec span {
	color:#ce5870;
}
.spec span.mdlname {
	font-size:130%;
	line-height: 180%;
	color:#422C25;
	font-family: 'Libre Baskerville', serif;
}
.price {
    padding: 3px 10px;
    margin: 3px 0;
    font-size: 120%;;
    letter-spacing: 1px;
    display: block;
    text-align: right;
    color: #170300;
    border-bottom: 1px solid #d5ccca;
}


/* TB *//* Letter */
@media screen and (min-width :560px) {
	.lineup-box{
		width: 50%;
	}
}

/* PC *//* Letter */
@media screen and (min-width :960px) {
	.lineup-box{
		width: 33%;
	}
}

/* terms */

h2.info {
	font-size: 120%;
	line-height: 1.5em;
	margin-bottom: 1em;
/*
	padding-left: 0.6em;
	border-left: 13px solid #e9c9bf;
	border-bottom: 1px solid #e9c9bf;
*/
  background: #f6e4de;
  padding: 0.5em 0.8em;
  border-radius: 0.5em;
}

.info-list {
	margin-left: 1em;
	list-style: normal;

}
.info-list li {
	margin: 0 0 1em 0.8em;
	padding-left: 0.5em;
	line-height: 1.6em;

}

.attn-list {
	margin-left: 1em;
	list-style: disc;
}
.attn-list li {
	margin: 0 0 1em 0.8em;
	padding-left: 0.5em;
	line-height: 1.6em;

}

dl.info {
	padding: 1em 2em;
	background: #FFF;
	border-radius: 5px;
}

dl.info dt {
	font-weight: bold;
	line-height: 2.2em;
}
/* entry button */


a.btn_enter {
    background: #8b1000 none repeat scroll 0 0;
    border: 1px solid #8b1000;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 #bbb;
    color: #fff;
    display: block;
    padding: 0.5em;
    font-family: 'Libre Baskerville', serif;
    font-size: 240%;
    text-align: center;
    text-decoration: none;
    margin-top: 64px;
}
a.btn_enter:hover {
    background: #fff none repeat scroll 0 0;
    color: #8b1000;
}


/*-------------------------------
 Breadcrumb
---------------------------------*/
.breadcrumbs {
  padding: 1rem 0;
  min-height: 2rem;
  border-top: 1px solid #937770;
  background: #3d1414;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  display: none;
}
.breadcrumbs__list {
  max-width: 108rem;
  height: 100%;
  padding-right: 1rem;
  margin: 0 auto;
  /* Flex - parent */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs__list li {
  padding: 0 0 0 1em;
  color: #bbb;
}
.breadcrumbs__list li:not(:last-of-type)::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0 0 1rem;
  border:  0;
  border-top: 0.1rem solid;
  border-right: 0.1rem solid;
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: .75;
}
.breadcrumbs__list li a {
  color: #bcaba7;
}
.breadcrumbs__list li a:hover {
  color: #fff;
}

/*-------------------------------
 Navi - Local
---------------------------------*/
.sct--navilocal   { display: none;}/*SP-none*/
.navi-local {
  width: 100%;
  max-width: var(--width-cont);
  padding: 1rem 0;
  margin: 0 auto;
  background-size: cover;
  text-align: center;
  /* Flex - parent */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.navi-local__menu {
  padding: 1rem 1rem;
  margin: auto 1rem;
}
.navi-local__menu-link{
  color: #fff;
}
.navi-local__menu-link::after {
  content: "\f105";	
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	margin-left: 0.5rem;
}
.navi-local__menu-link:hover {
  text-decoration: none;
}
.navi-local__menu-link:hover::after {
  border-color: var(--color-link-nml-hover);
}
.navi-local__line {
  padding: 1rem .2rem;
  margin: auto .2rem;
  color: rgba(255,255,255, 0.4);
  font-weight: normal;
}

/*-------------------------------
 商品詳細背景
---------------------------------*/
/*固定背景*/

/*背景カラー*/
.bg_none	{ background-color: transparent;}
.bg_color--white	{ background-color: #fffdfb;}
.bg_color--beige	{ background-color: #F4F1EF;}
.bg_color--black	{ background-color: #3d1414; color: #fff;}
.bg_color--whitesmoke	{ background-color: #fff2ea;}
.bg_color--lightgray	{ background-color: #DCDDDD;}
.bg_color--silverwhite	{ background-color: #efefef;}
.bg_color--gray	{ background-color: #fdf6f6;}
.bg_color--darkgray	{ background-color: #595757;}
.bg_color--ecru	{ background-color: #EEE7E0;}
.bg_color--ivory	{ background-color: #f8f4e6;}

.border-boundary	{
	border-top: 0.1rem solid var(--color-gry-smoke);
	border-bottom: 0.1rem solid var(--color-gry-smoke);
}
.bg_intro--2022 {
  background: linear-gradient(45deg,transparent 75%, #E5EDEF 75%) ,linear-gradient(45deg,transparent 30%, #fff 30%) ,#E5EDEF;
}

/*-------------------------------
 Footer (Dollfie offisial site ver)
---------------------------------*/
footer {
  width: 100%;
  padding: 3rem 2vw;
  background: #3d1414;
  color: var(--color-white);
  text-align: center;
}

.footer-inner {
  max-width: var(--width-cont);
  margin: 0 auto;
  position: relative;
}

.footer-logo {
  width: calc(100vw / 3);
  max-width: 25rem;
  margin: 1rem auto;
}
.footer-logo[src$=".svg"]	{
	max-width: 14rem;
}

.footer__copylight {
  margin: 2rem auto;
  font-size: var(--fs-xxs);
  line-height: 1.2;
}
.footer__copylight > li {
  margin: 0.5rem 0;
}

.footer__note {
  margin: 2rem auto;
  font-size: var(--fs-xs);
  line-height: 1.4;
}
.footer__note > li {
  margin: 0.5rem 0;
}


.footer__copylight-sd	{ }
.footer__copylight-dd	{ }


	/* Return to Page Top
	-----------------------------*/		
	p.lnkPtop	{
		max-width:var(--width-cont); 
		height:1em;
		padding:0 0 2rem;
		margin:0 auto 4rem;
		position:relative;
		font-size: var(--fs-s);
		font-style:italic;
		text-align:right;
		color:#fff;
		clear:both;
		}
	p.lnkPtop a	{
		height:1em;
		padding:.5rem 1rem .5rem 1.5rem;
		background:#fff;
		color:#705A52;
		border-radius:.5rem;
		letter-spacing:0;
		text-decoration:none;
		}
	p.lnkPtop a:hover	{ background:#705A52; color:#fff; text-decoration:none; }



/* SNSシェアボタン */
.c-share {
  display: table;
  margin: 0 auto 1em;
  padding: 1em 1em 1em 0em;
  font-weight: bold;
  font-size: 1.2rem;
}

.share__cap {
  display: table-cell;
  vertical-align: middle;
  color: #fefefe;
}

.share__list {
  display: table;
}

.share__icon {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1em;
}
.share__icon a {
  display: block;
  width: 3em;
}
.share__icon img {
}

/* footer link banner
-----------------------------*/
.ftr_lnkBnr	{
	width: 90%;
	position: relative;
	text-align: center;
	margin: 3rem auto ;
	display: flex;
	justify-content: center;
	}
	.ftr_lnkBnr li	{
		max-width:17.0rem; max-height:7.4rem;
		margin:0 1.0rem;
	}

	/* Link button Logo */
	footer	a.lnkDollfie	{
		margin:2rem auto;
		display:block;
		width: 22rem;
	}
	footer	a.lnkVS	{
		margin:1em auto;
		display:block;
		width: 18rem;
	}

/*------------------- PC_TB レイアウト ----------------------*/

/* =================== TB START =================== */
@media (min-width: 560px) {
	/*-------------------------------
	 Bace _ Common Layout
	---------------------------------*//*TB*/
	.container {
		/*max-width: calc(100% - 2.0rem);*/
		margin-left: auto;
		margin-right: auto;
	}
	.container {

	}
	/*-------------------------------
	 Header
	---------------------------------*//*TB*/
	#header .logo img	{ 
		height: 6.5rem;
		width: auto;
	}
	/*-------------------------------
	 Breadcrumb
	---------------------------------*//*TB*/
	.breadcrumbs	{
		display: block;
	}
	/*-------------------------------
	 Navi - Local
	---------------------------------*//*TB*/
	.sct--navilocal	{
		display: block;
	}
	/*-------------------------------
	 Footer
	---------------------------------*/ /*TB*//*PC*/
	footer .copyright,
	footer .copyright b,
	footer .ftrNote { font-size: 1.2rem; }
}

/* ==================== TB END ==================== */

/* =================== PC START =================== */
@media (min-width: 960px) {
    
	/*-------------------------------
	 Bace _ Common Layout
	---------------------------------*//*PC*/
	.container {
		max-width: 96.0rem;
	}
	.contents .container {
	}
	/*-------------------------------
	 Header
	---------------------------------*//*PC*/
	#header	{
		position:fixed /*relative;*/;
		top:0;
		left:0;
		z-index:30;
	}
		#hdrInner	{
			/*max-width:96rem;*/
            max-width:108rem;
			height:6.5rem;
			padding:0;
			margin:0 auto;
			position:relative;
			text-align:center;
		}
		#header .logo	{ }
		#header .logo img	{  }

	/* SNS Link Icon
	-----------------------------*//*PC*/
	#hdrSNSArea {
		display: none;
		/*display: block;
		width: auto;
		position: absolute;
		right: 15rem;*/
		}
	#naviSNSArea	{
		}
	ul.icbtn_snslnk	{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 6.5rem;
		}
		ul.icbtn_snslnk li	{
		}
		ul.icbtn_snslnk li.icbtn_cap	{
		display: none;
		}
		ul.icbtn_snslnk li a	{
			padding: .2rem;
			}
		ul.icbtn_snslnk li img	{
			width: 2.2rem;
			height: auto;
			}
  
	/*-------------------------------
	 お迎え方法/詳細リンクボタン
	---------------------------------*//*PC*/
	.lnk_omukae_list	{
		flex-direction: row;
		padding: 0rem 1.5rem;
	}
	.lnk_omukae_list > *	{
		padding: .8rem;
	}
	.lnk_omukae_btn 	{
		padding: 2rem 2rem 2rem 6rem;
		text-align: left;
		}
	.lnk_btn--whitebdr	{
		
	}
}
/* ==================== PC END =============== */


/* =================== PC2 START =================== */
@media (min-width: 1280px) {
	.top-main-full .top-main-imgbox	{
		background-size: auto 100%;
		height: calc(100vh - 120px);
	}
}
/* ==================== PC2 END =============== */


/* ==================== EXTRA-desktop-first START =============== */

.pagetop, footer {
  font-size: var(--fs-ms);
}

/*-------------------------------
 Footer Link _ page top
---------------------------------*/
.pagetop {
  width: 100%;
  position: relative;
  background: #fff; 
}
.pagetop__btn {
  padding: 1rem 0 1.5rem;
  margin: auto;
  background: #3d1414;
  color: #eee;
  display: block;
  text-align: center;
  border-bottom: .1rem solid #937770;
}
a.pagetop__btn:hover {
  color: #fff;
  text-decoration: none;
}

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

  .banner-area {
  }
  .banner-area__innder {
    padding: 0;
  }
  .banner-area__innder > li {
    width: calc(25% - 2rem);
  }
  .banner-sns {
    padding: 1rem 0;
  }
  .banner-sns > li {
    margin: 0.5rem;
  }
  .banner-sns__main > li {
    width: calc( 100%/5 - 1rem);
  }
  .banner-sns__other > li {
    width: calc( 50% - 1rem);
  }
  .navi-offl	{
	  flex-direction: column;
	}
	.navi-offl__list 	{
		margin-top: 0;
	}	
  .footer__copylight,
  .footer__note {
    font-size: 1rem;
  }
	
}/*835以下*/

@media screen and (max-width: 415px) {
  .banner-sns__main > li {
    width: calc( 100%/3 - 1rem);
  }
}


/* ==================== EXTRA-desktop-first START END =============== */