@charset "UTF-8";
@import url("reset.css");
@import url("color.css");

/* for PC,ipad */
@import url("common_pc.css") screen and (min-width:1024px);

/* for iphone,ipod,Andoroid */
@import url("common_mobi.css") screen and (min-width:0) and (max-width:1023px);


/* //////////////////////////////////////////////////////////
*****************************************
Common Style - Common device
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Web Font Import
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* free font import  (for ver 5.1 only)*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');

.titillium {font-family: 'Titillium Web', sans-serif;}
.lato {font-family: 'Lato', sans-serif;font-weight:400;}
.min {font-family:'Shippori Mincho B1','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.wf-mplus1p { font-family: "M PLUS 1p", sans-serif; }
.awico *:after,.awico *:before{font-family:'Font Awesome 5 Free';}

.tsukub_{font-family: fot-tsukubrdgothic-std,sans-serif !important;}
.yuji{font-family: 'Yuji Syuku', serif !important;}

h1.yuji,h2.yuji,h3.yuji,h4.yuji,h5.yuji,h6.yuji{font-weight:400 !important;}

.texts,textarea {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic',Verdana, Arial,  sans-serif;}
.fontAr,.formTable .fm-mail,.formTable .fm-fax,.formTable .fm-postcode {font-family:Arial,Osaka,メイリオ, Meiryo, sans-serif;}
.fontAr{font-size:1.2em;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Neoworkers Common Style
Version: 7.2
-------------------------------------------------------------
////////////////////////////////////////////////////////// */


/* body style */

body * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body .texts{color:#222222;}

/* ---------------------------------- ----------
   基本色指定(それ以外はcolor.cssで指定)
----------------------------------------------- */
.bgWh{background:#fff !important;}
.fcWh,.fcWh a{color:#fff !important;}
.bgNone{background:transparent !important;}/* ver 6.1 */
.bgTrans {
	display:block;
	background-color: transparent;}
.bdWhite,.bdWh{border-color:#fff !important;}

/* ------------------------ 
   Common Block Styles
--------------------------- */

/* common block width */
.fullWidth {width:100%;}

/* valign (ver5.2-)*/
.valign-top{vertical-align:top;}
.valign-md{vertical-align:middle;}
.valign-btm{vertical-align:bottom;}

/* box-sizing */ 
.bsCbox {box-sizing: content-box;}
.bsBbox {box-sizing: border-box;}
.bsPbox {box-sizing: inherit;}

/* float */
.clrFixA {clear:both;}
.fLeftA {float:left;}
.fRightA {float:right;}

/* Text align */
.txLeft{text-align:left;}
.txCn{text-align:center;}
.txRight{text-align:right;}

.txLeftImp{text-align:left !important;}
.txCnImp{text-align:center !important;}
.txRightImp{text-align:right !important;}


/* shadow */

.shadowBtm{
	box-shadow:0px 5px 10px -5px #6867b3;
	-moz-box-shadow:0px 5px 10px -5px #6867b3;
	-webkit-box-shadow:0px 5px 10px -5px #6867b3;
}

.shadowrBtm{
	box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
	-moz-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
	-webkit-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
}

.txtShdow{text-shadow: 1px 1px 3px #555555;}

/* box均等割 (ver 5.7-)*/
.twoColumn > *{width:50%;}
.threeColumn > *{width:33.3%;}
.fourColumn > *{width:25%;}
.fiveColumn > *{width:20%;}
.sixColumn > *{width:16.6%;}

/* position */
.abs{position:absolute;}
.rel{position:relative;}
.stic{position:sticky;}/* ver7- */
.imp-sta{position:static !important;}/* ver7- 強制的にstaticへ */

/* display ver6.2updata*/
.dis-bl{display:block;}
.dis-in{display:inline;}
.dis-inbl{display:inline-block;}
.dis-td{display:table-cell;}

/* display ver5.8～*/	
.dis-tbSet{display:table;}
.dis-tbSet > div,
.dis-tbSet > a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* 横並びbox inline block + Listタグ 利用 */

.inline_parent{letter-spacing:-.4em}
.inlinebl,.inline_parent > *{
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;}

/* ------------------------------ 
   Common Definition List Styles
--------------------------------- */

/* dl内 dt,dd 横並び (ver 5.7)*/
dl.dl-in > dt{margin-right:0.5em;}
dl.dl-in > dt,dl.dl-in > dd{display:inline-block;}

/* dl内 dt,dd 横並び inline指定 ver7 -*/
dl.dl-inline > dt,dl.dl-inline > dd{display:inline;}

/* コロン付dl (ver5.7) */
.dtcln dt:after{
	content:":";
}

.note-dl dt,.note-dl dd{
	display:inline-block;
	vertical-align:top;
}

dl.dtUn3w dt{width:3.5em;}
dl.dtUn3w dd{width:calc(100% - 3.5em);}
dl.dtUn4w dt{width:4.5em;}
dl.dtUn4w dd{width:calc(100% - 4.5em);}
dl.dtUn5w dt{width:5.5em;}
dl.dtUn5w dd{width:calc(100% - 5.5em);}
dl.dtUn6w dt{width:6.5em;}
dl.dtUn6w dd{width:calc(100% - 6.5em);}
dl.dtUn7w dt{width:7.5em;}
dl.dtUn7w dd{width:calc(100% - 7.5em);}
dl.dtUn8w dt{width:8.5em;}
dl.dtUn8w dd{width:calc(100% - 8.5em);}
dl.dtUn9w dt{width:9.5em;}
dl.dtUn9w dd{width:calc(100% - 9.5em);}
dl.dtUn10w dt{width:10.5em;}
dl.dtUn10w dd{width:calc(100% - 10.5em);}


/* ----------------------------------- 
   Common Table Styles ver5.2-
-------------------------------------- */

table,th,td{border-collapse:collapse;}

/* box上下左右中央寄せ */
.tb-mdcn{text-align:center;vertical-align:middle;}

/* box上寄せ左右中央寄せ */
.tb-tcn{text-align:center;vertical-align:top;}

/* box上寄せ左寄せ */
.tb-tleft{text-align:left;vertical-align:top;}

/* box下寄せ左右中央寄せ */
.tb-bcn{text-align:center;vertical-align:bottom;}

/* ------------------------ 
   Common Image Styles
--------------------------- */

img{max-width:100%;}
.bdImg{border:1px solid #ccc;}

/* 画像テキスト */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}

/* 画像 円トリミング (ver5.7) ※画像正方形必須*/
img.circleImg{
	border-radius:50%;
}

/* img shadow */
.imgShadow{filter: drop-shadow(2px 2px 2px #666);}

/* ver 6.4- */
.obj-cv{object-fit:cover;}
.obj-cn{object-fit:contain;}
.obj-sd{object-fit:scale-down;}

/* 画像マスク (ver 5.8-) ※画像前面に.mask のboxが絶対配置されていること。そのboxに対しての指定 */
/* 黒系マスク グラデーション用 */
.mask.mask90bl,.blmask.masktr10{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.9) 100%);}
.mask.mask80bl,.blmask.masktr20{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 100%);}
.mask.mask70bl,.blmask.masktr30{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.7) 100%);}
.mask.mask60bl,.blmask.masktr40{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.6) 100%);}
.mask.mask50bl,.blmask.masktr50{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.5) 100%);}
.mask.mask40bl,.blmask.masktr60{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 100%);}
.mask.mask30bl,.blmask.masktr70{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.3) 100%);}
.mask.mask20bl,.blmask.masktr80{background: rgba(0,0,0,0.2);}
.mask.mask10bl,.blmask.masktr90{background: rgba(0,0,0,0.1);}

/* 白系マスク */
.mask.mask10wh,.whmask.masktr10{background: rgba(255,255,255,0.1);}
.mask.mask20wh,.whmask.masktr20{background: rgba(255,255,255,0.2);}
.mask.mask30wh,.whmask.masktr30{background: rgba(255,255,255,0.3);}
.mask.mask40wh,.whmask.masktr40{background: rgba(255,255,255,0.4);}
.mask.mask50wh,.whmask.masktr50{background: rgba(255,255,255,0.5);}
.mask.mask60wh,.whmask.masktr60{background: rgba(255,255,255,0.6);}
.mask.mask70wh,.whmask.masktr70{background: rgba(255,255,255,0.7);}
.mask.mask80wh,.whmask.masktr80{background: rgba(255,255,255,0.8);}
.mask.mask90wh,.whmask.masktr90{background: rgba(255,255,255,0.9);}

/* ぼかし ver5.4- */
.blur{
	-ms-filter: blur(6px);
	filter: blur(6px);
}

/* object-fit トリミング起点位置 ※object-fitと同じclassに入れること */
.obj-imgcencen{object-position:center center !important;}
.obj-imgcenleft{object-position:left center !important;}
.obj-imgcenright{object-position:right center !important;}
.obj-imgtopcen{object-position:center top !important;}
.obj-imgtopleft{object-position:left top !important;}
.obj-imgtopright{object-position:right top !important;}
.obj-imgbtmcen{object-position:center bottom !important;}
.obj-imgbtmleft{object-position:left bottom !important;}
.obj-imgbtmright{object-position:right bottom !important;}

/* ------------------------ 
   Common Font Styles
--------------------------- */

.ftlNm,em{font-style:normal;}

/* webfont fout対策 ver 6.4- */
html.wf-active,html.loading-delay {visibility: visible;}

/* Font-Weight */
.fwNm{font-weight:normal !important;}
.fwbd{font-weight:bold !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}

/* text size (ver6.1～) */
.txtLevel1{font-size:0.6em}
.txtLevel2{font-size:0.65em}
.txtLevel3{font-size:0.7em}
.txtLevel4{font-size:0.75em}
.txtLevel5{font-size:0.8em}
.txtLevel6{font-size:0.85em}
.txtLevel7{font-size:0.9em}
.txtLevel8{font-size:0.95em}
.txtLevel9{font-size:1.05em}
.txtLevel10{font-size:1.05em}
.txtLevel11{font-size:1.1em}
.txtLevel12{font-size:1.15em}
.txtLevel13{font-size:1.2em}
.txtLevel14{font-size:1.25em}
.txtLevel15{font-size:1.3em}
.txtLevel16{font-size:1.35em}
.txtLevel17{font-size:1.4em}
.txtLevel18{font-size:1.45em}
.txtLevel19{font-size:1.5em}

/* line-height (deviceCommon) */
.lHBase{line-height:baseline;} /* ver5.8 */
.lH10 {line-height:1.0;}
.lH11 {line-height:1.1;}
.lH12 {line-height:1.2;}
.lH13 {line-height:1.3;}
.lH14 {line-height:1.4;}
.lH15 {line-height:1.5;}
.lH16 {line-height:1.6;}
.lH17 {line-height:1.7;}
.lH18 {line-height:1.8;}
.lH19 {line-height:1.9;}
.lH20 {line-height:2.0;}

/* letter spacing * ver6.4- */
.lrSp01{letter-spacing:1px;}
.lrSp02{letter-spacing:2px;}
.lrSp03{letter-spacing:3px;}
.lrSp04{letter-spacing:4px;}
.lrSp05{letter-spacing:5px;}

/* ------------------------ 
   Common Sentence  Styles
--------------------------- */

.ind{text-indent: 1em;}
.nowap,.ws-nowrap{white-space: nowrap;}/* ver5.3- */
.ws-pre{white-space:pre-wrap;}
.ws-line{white-space:pre-line;}

/* 1文字目がテキストでインデントする flex ver (ver5.5-) */
.indflex{display:flex;}
.indflex .mk{width:2em;}
.indflex .con{width:calc(100% - 2em);}

/* ※印用 */
.indent_kome{
	padding-left:1em;
	text-indent:-1em;
}

/* ●文字 をテキストと合わせる */
.discMk{font-family:メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size:1.4em;line-height:1.0;}

/* 縦書き 右→ */
.writ-rl{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 縦書き 左→ ver5.5 */
.writ-lr{
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}

/* 注釈 */
.notes {font-size:0.8em;color:#666;}

/* sup style解除 ver5.7 */
sup.lift{
	margin:0;
	padding:0;
	vertical-align:baseline;
}

/* ------------------------ 
   Common Link Styles
--------------------------- */

a.linkSkyblue {color:#2a78bf;}
a.linkWh {color:#fff;}
a.linkHvWh:hover {color:#fff;}
.hvBtn img:hover{opacity:0.9;}
.hvlink:hover {opacity:0.8;}

.hvBtn:hover,
.nmBtn a:hover{background-color:#999;}

/* リンクボーダー指定 */
.bdNone a,a.bdNone{text-decoration:none;}
.bdYes a,a.bdYes{text-decoration:underline;}
.bdHvYes a:hover,.a.bdHvYes:hover{text-decoration:underline;}

/* トランジション ver 5.8- (a link追加)*/
.tran,a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

/* 透過ボタン */
.opImgBtn img:hover,.opImgBtn a:hover img{opacity:0.8;}
.opBtn a:hover{opacity:0.8;}

/* ------------------------ 
   Common cursor Styles
--------------------------- */

.hvImg {cursor:pointer;}

/* カーソル指定 ver6.2- */
.hvImg,.csPoint{cursor:pointer;}
.csHelp{cursor:help;}
.csWait{cursor:wait;}
.csCross{cursor:crosshair;}
.csNot{cursor:not-allowed;}
.csZoom{cursor:zoom-in;}
.csZoomOut{cursor:zoom-out;}
.csGrab,.csHand{cursor:grab;}
.csGrabbing,.csHandgoo{cursor:grabbing;}
.csNone{cursor:none;}
.csCell,.csPlus{cursor:cell;}
.csText{cursor:text;}
.csVText{cursor:vertical-text;}
.csAlias{cursor:alias;}
.csCopy{cursor:copy;}
.csMove,.csDruck{cursor:move;}
.csNodrop{cursor:no-drop;}
.csResize{cursor:col-resize;}
.csLowResize{cursor:row-resize;}

/* ------------------------ 
   Common Flex Styles
--------------------------- */

/* flexBox */
.flex,.flexWpGroup > div,.is-layout-flex{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}/* ver6.1 update */


/* flex ver5.6- */
.flexWc{justify-content: center;}
.flexHc{align-items: center;}
.flexAllc{
	justify-content: center;
	align-items: center;
}

/* flex 並び順 ver5.8- */
.flexRr{flex-direction : row-reverse;} /* 右→左 */
.flexRc{flex-direction : column-reverse;} /* 下→上 */

/* flex要素 折り返し禁止 ver6.4- */
.flexNoWrap{
	flex-wrap: nowrap;
	flex-shrink: 0;
}

/* 子要素box高さ揃える ver6.0- */
.flexHmatch{align-self: stretch;}
.flexHmatch > *{align-items: stretch;}

/* flexコンテナー寄せ ver5.8- */
.flexWr{justify-content: flex-start;}
.flexWl{justify-content: flex-end;}
.flexWbt{justify-content: space-between;}
.flexWAr{justify-content: space-around;}
.flexWBs{justify-content: baseline;} /* ver6.2 - */
.flexHr{align-items:right;}
.flexHl{align-items:left;}
.flexStretch{align-items:  stretch;}
.flexHbtm{align-items:flex-end;}


/* ------------------------ 
   Common border Styles
--------------------------- */

/* border width(ver6.2-) */
.bdwAll1{border-width:1px;}
.bdwAll2{border-width:2px;}
.bdwAll3{border-width:3px;}
.bdwAll4{border-width:4px;}
.bdwAll5{border-width:5px;}

.bdwLeft1{border-width:0 0 0 1px;}
.bdwLeft2{border-width:0 0 0 2px;}
.bdwLeft3{border-width:0 0 0 3px;}
.bdwLeft4{border-width:0 0 0 4px;}
.bdwLeft5{border-width:0 0 0 5px;}

.bdwRight1{border-width:0 1px 0 0;}
.bdwRight2{border-width:0 2px 0 0;}
.bdwRight3{border-width:0 3px 0 0;}
.bdwRight4{border-width:0 4px 0 0;}
.bdwRight5{border-width:0 5px 0 0;}

.bdwTop1{border-width:1px 0 0 0;}
.bdwTop2{border-width:2px 0 0 0;}
.bdwTop3{border-width:3px 0 0 0;}
.bdwTop4{border-width:4px 0 0 0;}
.bdwTop5{border-width:5px 0 0 0;}

.bdwBtm1{border-width:0 0 1px 0;}
.bdwBtm2{border-width:0 0 2px 0;}
.bdwBtm3{border-width:0 0 3px 0;}
.bdwBtm4{border-width:0 0 4px 0;}
.bdwBtm5{border-width:0 0 5px 0;}

/* border style(ver6.2-) */
.bdStSolid{border-style:solid;}
.bdStDot{border-style:dotted;}
.bdStDash{border-style:dashed;}

/* HR */
/* ※色はBorder-colorで指定 */
.hr-solid {border-width:1px 0 0;border-style:solid;}
.hr-double {border-width:3px 0 0;border-style:double;}
.hr-dashed {border-width:1px 0 0;border-style:dashed;}
.hr-dashed2 {border-width:2px 0 0;border-style:dashed;}
.hr-dotted {border-width:1px 0 0;border-style:dotted;}

/* ------------------------------ 
   Common background Styles
---------------------------------  */

/* Background Common */
.grainBg{background-image: url("../img/bgparts/grain_bg.jpg");}
.wallBg{background-image: url("../img/bgparts/wall_bg.jpg");}
.titGrLine{
	min-height:18px;
	background: url("../img/common/title_gr_line.gif") repeat-x center center;
}

.titBgDot {
	width:100%;
	background: url("../img/common/grey_dot.png") repeat-x center center;
}

.titBgDot span{
	display:inline-block;
	background: url("../img/bgparts/wall_bg.jpg");
	padding:0 20px;
}


/* NEXT > */
.nextIcoYe {
	background-image: url("../img/common/next_ye.gif");
	background-repeat:no-repeat;}

/* ------------------------ 
   Common List Styles
--------------------------- */

/* List Style (v5.3 updata )*/
ul.liDisc,ul.liCircle,ul.liSq{margin-left:1em;}
ol.up-roman{margin-left:2em;}
ol.up-alpha{margin-left:1em;}
ul.liDisc > li {list-style-type:disc;margin-left:1em;}
ul.liCircle > li {list-style-type:circle;margin-left:1em;}
ul.liSq > li {list-style-type:square;margin-left:1em;}
ol.liDeci > li{list-style-type:decimal;margin-left:2em;}
ol.up-roman > li {list-style-type:upper-roman;margin-left:1em;}
ol.up-alpha > li {list-style-type:upper-alpha;margin-left:1em;}
ul.liBtmSpace > li{margin-bottom:1em;}/* ver6.4 - */

/* 1文字目がテキストでインデントするli */
.indent_ul{padding-left:1em;}
.indent_ul > li{
	padding-left:1em;
	text-indent:-0.7em;
}

/* 番号付きリスト */
ol > li ol{margin-top:1em;}
ol.decimalList {margin-left:20px;}
ol.decimalList > li{list-style-type: decimal;}

/* 番号付きリスト var6.5- 子供にリストカウンターがある場合 */
/* このclassを使う場合、liの内容を.liInnerで囲むこと */
ol.liDeciParent > li{display:flex;}
ol.liDeciParent > li:before{
	width:1.5em;
	counter-increment: item;
	content: counter(item)'.';
}
ol.liDeciParent > li > .liInner{width:calc(100% - 1.5em);}
ol.liDeciParent > li{margin-bottom:1em;}

/* 番号付きリスト(枠付き用) */
ol.decimalListM li{margin-left:20px;}
ol.decimalListM li{list-style-type: decimal;}

/* list counter (ver 6.5update )*/
ol.listConter,ol.deciListColon,ol.parenHf,ol.liDeciParent,ol.parentheses {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
ol.listConter ol{
	padding-left: 1em;
}

ol.listConter > li,.listMkIco > li,ol.deciListColon > li,ol.parenHf > li{
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom:1em;
}

ol.listConter > li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}

/* カッコ(番号) ver6.5 -*/
/* このclassを使う場合、liの内容を.innerで囲むこと */
/* 99番以上では利用NG */

ol.parentheses > li{display:flex;}
ol.parentheses > li:before{
	width:2em;
	counter-increment: item;
	content: '('counter(item)')';
}
ol.parentheses > li > .liInner{width:calc(100% - 2em);}
ol.parentheses > li{margin-bottom:1em;}



/* カッコ 番号) ver6.5 - */
ol.parenHf > li:before{
	counter-increment: item;
	content: counter(item)' ) ';
}

/* コロン付 番号: ver6.5 - */
ol.deciListColon > li:before{
	counter-increment: item;
	content: counter(item)' : ';
}

/* ※付list ver5.7 */
ul.asterisk{padding-left:1.5em;}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1em;
}
ul.asterisk li:before {
	display: inline;
	content: "※";
}

ol.asterisk {
	counter-reset: number;
	list-style: none;
}
ol.asterisk li:before {
	counter-increment: number;
	content: "※"counter(number)" ";
}



/* -------------------------------- 
   Font fontawesome use Styles
----------------------------------- */

/* List Mark to Font fontawesome */
.listMkIco{margin-left:20px;}
.listMkIco > li {padding-bottom:20px;}
.listMkIco > li:last-child{padding-bottom:0;}
.listMkIco > li > i.fas,
.listMkIco > li > i.far{
	margin-left:10px;
	font-size:1.5em;}


/* -------------------------------- 
   Common Form Styles
----------------------------------- */

/* ime-mode */
.imeAc{ime-mode:active;}
.imeIna{ime-mode:inactive;}
.imeDisd{ime-mode:disabled;}

/* lebel */
label > span.note{
	margin-left:0.5em;
	display:inline-block;}

/* Safari フォームパーツ対応 */
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
    line-height: normal;
    letter-spacing:normal;
}


/* -------------------------------- 
   Common margin or padding Styles
----------------------------------- */

/* margin top (deviceCommon)*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT75{margin-top:75px;}
.mT80{margin-top:80px;}
.mT85{margin-top:85px;}
.mT90{margin-top:90px;}
.mT95{margin-top:95px;}
.mT100{margin-top:100px;}

/* margin top em(deviceCommon) ver6.5-*/
.mT0_50em{margin-top:0.50em;}
.mT0_75em{margin-top:0.75em;}
.mT1em{margin-top:1em;}
.mT1_25em{margin-top:1.25em;}
.mT1_50em{margin-top:1.50em;}
.mT1_75em{margin-top:1.75em;}
.mT2em{margin-top:2em;}

/* margin bottom (deviceCommon) */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB65{margin-bottom:65px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB85{margin-bottom:85px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}

/* margin bottom em(deviceCommon) ver6.5-*/
.mB0_25em{margin-bottom:0.25em;}
.mB0_50em{margin-bottom:0.50em;}
.mB0_75em{margin-bottom:0.75em;}
.mB1em{margin-bottom:1em;}
.mB1_25em{margin-bottom:1.25em;}
.mB1_50em{margin-bottom:1.50em;}
.mB1_75em{margin-bottom:1.75em;}
.mB2em{margin-bottom:2em;}

/* padding top (deviceCommon) */
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}
.pT65{padding-top:65px;}
.pT70{padding-top:70px;}
.pT75{padding-top:75px;}
.pT80{padding-top:80px;}
.pT85{padding-top:85px;}
.pT90{padding-top:90px;}
.pT95{padding-top:95px;}
.pT100{padding-top:100px;}

/* padding top em(deviceCommon) ver6.5-*/
.pT0_25em{padding-top:0.25em;}
.pT0_50em{padding-top:0.50em;}
.pT0_75em{padding-top:0.75em;}
.pT1em{padding-top:1em;}
.pT1_25em{padding-top:1.25em;}
.pT1_50em{padding-top:1.50em;}
.pT1_75em{padding-top:1.75em;}
.pT2em{padding-top:2em;}

/* padding-bottom (deviceCommon) */
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB65{padding-bottom:65px;}
.pB70{padding-bottom:70px;}
.pB75{padding-bottom:75px;}
.pB80{padding-bottom:80px;}
.pB85{padding-bottom:85px;}
.pB90{padding-bottom:90px;}
.pB95{padding-bottom:95px;}
.pB100{padding-bottom:100px;}

/* padding bottom em(deviceCommon) ver6.5-*/
.pB0_25em{padding-bottom:0.25em;}
.pB0_50em{padding-bottom:0.50em;}
.pB0_75em{padding-bottom:0.75em;}
.pB1em{padding-bottom:1em;}
.pB1_25em{padding-bottom:1.25em;}
.pB1_50em{padding-bottom:1.50em;}
.pB1_75em{padding-bottom:1.75em;}
.pB2em{padding-bottom:2em;}

/* padding em(deviceCommon) ver6.5-*/
.pAll0_25em{padding:0.25em;}
.pAll0_50em{padding:0.50em;}
.pAll0_75em{padding:0.75em;}
.pAll1em{padding:1em;}
.pAll1_25em{padding:1.25em;}
.pAll1_50em{padding:1.50em;}
.pAll1_75em{padding:1.75em;}
.pAll2em{padding:2em;}

/* padding side em(deviceCommon) ver6.5-*/
.pSide0_25em{padding-left:0.25em;padding-right:0.25em;}
.pSide0_50em{padding-left:0.5em;padding-right:0.5em;}
.pSide0_75em{padding-left:0.75em;padding-right:0.75em;}
.pSide1em{padding-left:1em;padding-right:0.1em;}
.pSide1_25em{padding-left:0.25em;padding-right:0.25em;}
.pSide1_50em{padding-left:0.5em;padding-right:0.5em;}
.pSide1_75em{padding-left:0.75em;padding-right:0.75em;}
.pSide2em{padding-left:2em;padding-right:2em;}




/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Parts Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */


/* ハンバーガー用 ハンバーガーメニューclickの際に、背景スクロール止める ※JSに指定必要  ver6.2～ */
body.fixed {
	width: 100%;
	height: 100%;
	position: fixed;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body.fixed::-webkit-scrollbar{display:none;}

/* -------------------------------- 
   animation hamburger menu
----------------------------------- */

.hamburger-menu-line {
	position: absolute;
	transition: var(--hamburger-menu-transition);
	width: calc(100% - var(--hamburger-menu-padding) * 2);
	height: var(--hamburger-menu-border-px);
	background-color: var(--hamburger-menu-border-color);
}

.hamburger-menu-active .hamburger-menu-line{
	background-color: var(--hamburger-menu-active-border-color);
}

.line-top {
	top: var(--hamburger-menu-padding);
	left: var(--hamburger-menu-padding);
}

.line-middle {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	left: var(--hamburger-menu-padding);
}

.line-bottom {
	bottom: var(--hamburger-menu-padding);
	left: var(--hamburger-menu-padding);
}


.hamburger-menu-active > .line-top {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	transform: rotate(45deg);
}

.hamburger-menu-active > .line-middle {
	width: 0;
	height: 0;
	left: var(--hamburger-menu-padding);
}

.hamburger-menu-active > .line-bottom {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	transform: rotate(-45deg);
}

.hamburger-menu,.serch-close-btn {
	cursor: pointer;
	position: relative;
}

/* -------------------------------- 
   loader  ver5.6
----------------------------------- */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 4000; /*サイトに合わせて変更 */
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	font-size:0.8rem;
	color:#999;
	z-index: 4100; /*サイトに合わせて変更 */
}


/* -------------------------------- 
  modal  ver5.6
----------------------------------- */
.modal{
	display: none;
	width:100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left:0;
	z-index:9000;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	position: absolute;
	width: 100%;
	height: 100vh;
}
.modal__content{
	background: #fff;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}



.sample_modal__content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
}

/* -------------------------------- 
  pagination ver6.3-
----------------------------------- */

.pagination_wrapper h2{display:none;}
.pagination_wrapper {width:100%;}
.pagination_wrapper ul.page-numbers{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.pagination_wrapper ul.page-numbers li a{
	transition: all  0.4s ease;
}


/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Wordpress Common Style ※WP利用しない場合は削除してOK
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* -------------------------------------------- 
Wordpress ブロックエディタ パターン用 ver5.6～
----------------------------------------------- */
.wp-block-columns {width:100%;}]
.wp-block-image{text-align:center;}

:root{
--responsive--alignright-margin: 0;
--responsive--alignleft-margin:0;
--responsive--spacing-horizontal:0;
--responsive--aligndefault-width:100%;
--responsive--alignwide-width:0;
--global--font-size-xxl:1rem;
--heading--font-size-h1:100% !important;
}

/* wp ブロックエディタ用 ver6.1～ */
.has-text-align-center {text-align:center;}
.has-text-align-right{text-align:right;}

/*  ver6.2～ */
.wp-block-image .alignleft,.wp-block-button.alignleft{text-align:left;}
.wp-block-image .aligncenter,.wp-block-button.aligncenter{text-align:center;}
.wp-block-image .alignright,.wp-block-button.alignright{text-align:right;}

.wp-block-button.alignleft,
.wp-block-button.aligncenter,
.wp-block-button.alignright{width:100%;}

/* ------------------------------------------------ 
       MW WP Form Use
---------------------------------------------------  */

.mw_wp_form_input td,
.mw_wp_form_input td label{
	padding-bottom:2em;
	position:relative;}
.mw_wp_form_input td span.error{
	position:absolute;
	bottom:0;
	left:1em;
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	background:rgba(204,0,0,0.8);
}
.mw_wp_form_input td span.error:before{
	content: '\f0a6';
	font-family: 'Font Awesome 5 Free';
	color:#fff;
	margin-right:0.5em;
	padding-left:5px;
	font-size:0.8em;
}

/* mw mp form ver6.3 - */
.mwform-tel-field input[type="text"]{max-width:30%;}


/* ------------------------------------------------ 
       お知らせなど投稿用 ver6.5-
---------------------------------------------------  */
/* divなどにcommonPostContentのclass付与すること */

.commonPostContent ul > li ,.commonPostContent > ul > li {list-style-type:disc !important;}
.commonPostContent > ul > li > ul > li{list-style-type:square !important;}
.commonPostContent ol > li ,.commonPostContent > ol > li {list-style-type:decimal !important;}
.commonPostContent > ol > li > ol > li{list-style-type:decimal-leading-zero !important;}

.commonPostContent a{display:inline !important;text-decoration:underline !important;}
.commonPostContent em{font-weight:500;}
.commonPostContent q:before{content:'"';}
.commonPostContent q:after{content:'"';}
.commonPostContent cite{font-style:normal !important;}
.commonPostContent table,.commonPostContent th,.commonPostContent td{border-collapse:collapse;}


/* ------------------------------------------------------------------ 
      以下廃止スタイルだが顧客によっては指定。ver6.4以上は削除してもOK
---------------------------------------------------------------------  */
.fcNmc{color:#4C4948;}
.bl-kabel{
	width:100%;
	display:block;
	margin-bottom:10px;}

.royalTitle-left,.royalTitle-right{display:inline-block;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
      Common Style
---------------------------------------------------  */

/* font style */
body {color:#333;font-weight:400;}
/* link font color */
a{color:#222222;text-decoration:none;}
a:hover{color:#222222;}

html {
    scroll-behavior: smooth;
}


.vhsp_wrapper{
	position:relative;
	min-height:100vh;
}

.fcBlue{color:rgba(40,46,120,1);}
.fcThinBlue{color:rgba(40,46,120,0.5);}
.fcRed{color:rgba(217,57,63,1);}
.fcThinPurple{color:#66c;}
.fcPurple{color:rgba(83,67,104,1);}
.fcDarkBlue{color:rgba(51,51,102,1);}
.fcThinOrange{color:rgba(219,86,53,0.5);}
.fcThinGrey{color:#a9a9a9;}
.fcRed{color:#d9393f;}

.fs74em{font-size:0.74em;}
.fs75em{font-size:0.75em;}
.fs105em{font-size:1.05em;}
.fs110em{font-size:1.1em;}
.fs115em{font-size:1.15em;}
.fs120em{font-size:1.2em;}
.fs125em{font-size:1.25em;}
.fs130em{font-size:1.3em;}
.fs135em{font-size:1.35em;}
.fs140em{font-size:1.4em;}
.fs145em{font-size:1.45em;}
.fs150em{font-size:1.5em;}
.fs165em{font-size:1.65em;}
.fs200em{font-size:2em;}

.yeem{
	text-decoration: solid underline #e5e1a0 0.5em;
	text-underline-offset: -0.2em;
}

.noteWrap dt{width:3em;}
.noteWrap dd{width:calc(100% - 3em);}

.fixedBtn{
	transition: all 1s ease-out;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:300;
	display:none;
	opacity:1;
}

.fixedBtn.no-show{opacity:0;}
/* ------------------------------------------------ 
      common anime
---------------------------------------------------  */
.bubbleA {animation:2s ease-in 1s infinite alternate forwards running bubblea;}
@keyframes bubblea{
	0%{
		padding-top:0;
	}
	100%{
		padding-top:20px;
	}
}
.bubbleB {animation:2s ease-in 1s infinite alternate forwards running bubbleb;}
@keyframes bubbleb{
	0%{
		padding-bottom:0;
	}
	100%{
		padding-bottom:20px;
	}
}

/* ------------------------------------------------ 
      Nayami Block
---------------------------------------------------  */

.vhsp_wrapper .nayamiBlock{
	width:100%;
	aspect-ratio:502 / 567;
	background-image: url("../../../megashot2501img/bl1_bg.jpg");
	background-size: cover;
	background-position: top center;
}
.vhsp_wrapper .fvBlock h2{aspect-ratio:250 / 53;}
.vhsp_wrapper .fvBlock h3{aspect-ratio:358 / 55;}
.vhsp_wrapper .nayamiBlock li{
	background-image: url("../../../megashot2501img/bl1_point.png");
	background-repeat:no-repeat;
	background-size:auto 2em;
	background-position: left center;
	border-bottom:1px solid rgba(185,191,213,1);
	opacity:0;
}
.vhsp_wrapper .nayamiBlock li:nth-last-child(1){border-bottom:none;}

.vhsp_wrapper .nayamiBlock.is-show li:nth-child(1){transition: all 1s ease-out;}
.vhsp_wrapper .nayamiBlock.is-show li:nth-child(2){transition: all 1s ease-out .5s;}
.vhsp_wrapper .nayamiBlock.is-show li:nth-child(3){transition: all 1s ease-out 1s;}
.vhsp_wrapper .nayamiBlock.is-show li{opacity:1;}

/* ------------------------------------------------ 
      award Block
---------------------------------------------------  */
.vhsp_wrapper .awardBlock{
	width:100%;
	aspect-ratio:50 / 131;
	background-image: url("../../../megashot2501img/bl2_bg.jpg");
	background-size: cover;
	background-position: top center;
}
.vhsp_wrapper .awardBlock h3{
	opacity:0;
	transition: all 1s ease-out;
	transform: scale(0.8);
}
.vhsp_wrapper .awardBlock.is-show h3{
	opacity:1;
	transform: scale(1);
}
.vhsp_wrapper .awardBlock h4{
	opacity:0;
	transition: all 0.5s ease-out;
	aspect-ratio:77 / 463;}
.vhsp_wrapper .awardBlock h4.is-show{opacity:1;}

.vhsp_wrapper .awardBlock-btm .itemImage{
	transition: all 1s ease-out;
	opacity:0;}
.vhsp_wrapper .awardBlock-btm.is-show .itemImage{opacity:1;}
.vhsp_wrapper .awardBlock #bubble_a{aspect-ratio:143 / 161;}

/* ------------------------------------------------ 
      amazingBlock Block
---------------------------------------------------  */

.vhsp_wrapper .amazingBlock{
	width:100%;
	aspect-ratio:50 / 83;
	background-image: url("../../../megashot2501img/bl3_bg.jpg");
	background-size: cover;
	background-position: top center;
}

.vhsp_wrapper .amazingBlock .inner{aspect-ratio:2 / 3;}
.vhsp_wrapper .amazingBlock ol li:nth-child(1) .ml{aspect-ratio:129 / 134;}
.vhsp_wrapper .amazingBlock ol li:nth-child(2) .txBox{aspect-ratio:25 / 6;}

.vhsp_wrapper .amazingBlock ol li .line img{max-width:100vw !important;}
.vhsp_wrapper .amazingBlock ol li .line{
	overflow:hidden;
	width:10px;
	transition: all 1s ease-out;}

.vhsp_wrapper .amazingBlock ol li .txBox .line{top:0;left:0;}
.vhsp_wrapper .amazingBlock ol li .txt{line-height:1.3;}
.vhsp_wrapper .amazingBlock .maskImage{aspect-ratio:242 / 259;}
.vhsp_wrapper .amazingBlock #ambubble_a{aspect-ratio:57 / 52;}
.vhsp_wrapper .amazingBlock .illustImage{aspect-ratio:162 / 131;z-index:100;}
.vhsp_wrapper .amazingBlock .illustImageBtm{aspect-ratio:146 / 215;z-index:100;}

/* ------------------------------------------------ 
      morning Block
---------------------------------------------------  */

.vhsp_wrapper .morningBlock{
	width:100%;
	aspect-ratio:1 / 2;
	background-image: url("../../../megashot2501img/bl5bg.jpg");
	background-size: cover;
	background-position: top center;
}
.vhsp_wrapper .morningBlock .itemImageBox{aspect-ratio:467 / 681;z-index:90;}
.vhsp_wrapper .morningBlock .speech{
	transition: all 1s ease-out;
	transform: scale(0.6);
	aspect-ratio:1 / 1;
	z-index:100;}

.vhsp_wrapper .morningBlock.is-show .speech{
	transform: scale(1);
}
.vhsp_wrapper .morningBlock h2{z-index:110;}
.vhsp_wrapper .morningBlock .itemInfo h4{margin-bottom:0.79em;}
.vhsp_wrapper .morningBlock #mobubble_a{aspect-ratio:125 / 154;}

/* ------------------------------------------------ 
      morning Block
---------------------------------------------------  */
.vhsp_wrapper .nightBlock{
	width:100%;
	aspect-ratio:50 / 179;
	background-image: url("../../../megashot2501img/bg6bg.jpg");
	background-size: cover;
	background-position: top center;
}

.vhsp_wrapper .nightBlock .itemImageBox{aspect-ratio:5 / 6;z-index:90;}
.vhsp_wrapper .nightBlock .speech{
	transition: all 1s ease-out;
	transform: scale(0.6);
	aspect-ratio:1 / 1;
	z-index:100;}

.vhsp_wrapper .nightBlock.is-show .speech{
	transform: scale(1);
}
.vhsp_wrapper .nightBlock h2{z-index:110;}

/* ------------------------------------------------ 
      sns Block
---------------------------------------------------  */

.vhsp_wrapper .snsBlock{
	width:100%;
}

.snsmovie{max-width:100%;}
.vhsp_wrapper .snsBlock .snsComents li:nth-child(2) img.faceImg{z-index:-1;}

/* ------------------------------------------------ 
      birth Block
---------------------------------------------------  */
.vhsp_wrapper .birthBlock{
	width:100%;
	aspect-ratio:1 / 2;
	background-image: url("../../../megashot2501img/bl9bg.jpg");
	background-size: cover;
	background-position: top center;
}

.vhsp_wrapper .birthBlock h2{
	aspect-ratio:40 / 9;
	background-image: url("../../../megashot2501img/bl9_h2bg.png");
	background-size: cover;
	background-position: top center;
	background-repeat:no-repeat;
}

.vhsp_wrapper .birthBlock .birthTitle{margin:0 auto;}

.vhsp_wrapper .birthBlock .birthTitle {animation:2s ease-in-out 1s infinite alternate forwards running titbound;}
@keyframes titbound{
	0%{
		transform: rotate(0);
	}
	30%{
		transform: rotate(3deg);
	}
	40%{
		transform: rotate(-3deg);
	}
	50%{
		transform: rotate(5deg);
	}
	60%{
		transform: rotate(-5deg);
	}
	100%{
		transform: rotate(0);
	}
}
.vhsp_wrapper .birthBlock .birthContent{
	border:2px solid #f6cac2;
	margin-bottom:1.2em;}
.vhsp_wrapper .birthBlock h2{padding-top:0.15em;}
.vhsp_wrapper .birthBlock .birthContent .markUp{transform: rotate(180deg);}

/* ------------------------------------------------ 
      chosen Block
---------------------------------------------------  */
.vhsp_wrapper .chosenBlock h2{
	background: rgb(239,236,252);
	background: linear-gradient(180deg, rgba(239,236,252,1) 0%, rgba(255,255,255,1) 100%);
}
.vhsp_wrapper .chosenBlock li{width:50%;}

/* award + chosen */
.vhsp_wrapper .awardBlock #kira2a,
.vhsp_wrapper .chosenBlock #kira2a{z-index:100;aspect-ratio:191 / 185;}
.vhsp_wrapper .awardBlock #kira2b,
.vhsp_wrapper .chosenBlock #kira2b{z-index:110;aspect-ratio:25 / 16;}
.vhsp_wrapper .awardBlock .kira2,
.vhsp_wrapper .chosenBlock .kira2{
	overflow:hidden;
	transition: all 1s ease-in;
	transform: scale(0.6);
	z-index:-1;
}
.vhsp_wrapper .awardBlock.is-show .kira2,
.vhsp_wrapper .chosenBlock.is-show .kira2{
	transform: scale(1);
}


.vhsp_wrapper .awardBlock .kira2 img,
.vhsp_wrapper .chosenBlock .kira2 img{transition: all 2s ease-out;}
.vhsp_wrapper .awardBlock #kira2 img,
.vhsp_wrapper .chosenBlock #kira2 img{margin-left:0;margin-top:0;}

/* ------------------------------------------------ 
      faq Block
---------------------------------------------------  */
.vhsp_wrapper .faqBlock{
	background-color:rgba(248,247,253,1);
}
.vhsp_wrapper .faqBlock .inner{
	background-image: url("../../../megashot2501img/bl11_bg.jpg");
	background-size: 100% auto;
	background-position: top center;
	background-repeat:no-repeat;
}

.vhsp_wrapper .faqBlock .inner dt{
	border-bottom:1px solid #e6e2f3;
	align-items:center;}
.vhsp_wrapper .faqBlock .inner dd{display:none;}


/* ------------------------------------------------ 
      read Block
---------------------------------------------------  */
.vhsp_wrapper .readOne dt{
	background:#eeeeee;
	align-items:center;
}
.vhsp_wrapper .readOne dd{background:#f6f6f6;display:none;}
.vhsp_wrapper .readOne .readContenaOne h4{margin-bottom:1em;}
.vhsp_wrapper .readOne .readContenaOne{margin-top:3em;}
.vhsp_wrapper .readOne .readContenaOne:nth-child(1){margin-top:0;}
.vhsp_wrapper .readOne:nth-child(1){margin-top:0;}

/* faq + read Common */
.vhsp_wrapper .openBtn{text-align:right;cursor:pointer;}
.vhsp_wrapper .openBtn i{font-size:30px;line-height:1;vertical-align:bottom;}
.vhsp_wrapper .openBtn span{
	width:16px;
	height:16px;
	display:block;
	position:relative;}

.vhsp_wrapper .openBtn span:before,
.vhsp_wrapper .openBtn span:after{
	position:absolute;
	content:"";
}

.vhsp_wrapper .faqBlock .inner .openBtn span:before,
.vhsp_wrapper .faqBlock .inner .openBtn span:after{
	background: linear-gradient(45deg, rgba(245,188,193,1) 0%, rgba(163,175,220,1) 100%);
}
.vhsp_wrapper .readBlock .openBtn span:before,
.vhsp_wrapper .readBlock .openBtn span:after{
	background: #000;;
}
.vhsp_wrapper .openBtn span:before{
	top:10px;
	left:7px;
	width:16px;
	height:3px;
}
.vhsp_wrapper .openBtn span:after{
	opacity:1;
	top:4px;
	left:14px;
	width:3px;
	height:16px;
}
.vhsp_wrapper .openBtn.active span:after{
	opacity:0;
}

.vhsp_wrapper .faqBlock .openBtn i{
	background: linear-gradient(180deg, #a3afdc 0%, #f5bcc1 72%, #a3afdc 100%);
	background: -webkit-linear-gradient(225deg, #a3afdc 0%, #f5bcc1 72%, #f5bcc1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* ------------------------------------------------ 
      footer
---------------------------------------------------  */
footer.magashot2501Ft ul{border-bottom:1px solid #f6f6f6;}
footer.magashot2501Ft ul li{line-height:2;}


/* ------------------------------------------------ 
      tab block
---------------------------------------------------  */

.vhsp_wrapper #item .tabs li{cursor:pointer;}
.vhsp_wrapper #item .tabs li.active{cursor:default;}
.vhsp_wrapper #item .tabs li:nth-child(3){margin-right:0;}

.vhsp_wrapper #item .tabs li .inner{
	width:100%;
	position:relative;
}
.vhsp_wrapper #item .tabs li.mnset .inner{background:linear-gradient(-45deg, #d2d3f1 50%, #f4df9e 50%);}
.vhsp_wrapper #item .tabs li.mmset .inner{background:#f4df9e;}
.vhsp_wrapper #item .tabs li.nnset .inner{background:#d2d3f1;}
.vhsp_wrapper #item .tabs li .inner:before{
	position:absolute;
	content:"";
	width:100%;
	bottom:0;
	left:0;
	background:linear-gradient(0deg, rgba(167,163,164,0.5) 0%, rgba(0,0,0,0) 100%);
}
.vhsp_wrapper #item .tabs li.active .inner:before{background:transparent;}
.vhsp_wrapper #item  #itemMnSet {background:linear-gradient(90deg, #f4df9e 50%, #d2d3f1 50%);}
.vhsp_wrapper #item  #itemMMSet{background:#f4df9e;}
.vhsp_wrapper #item  #itemNNSet{background:#d2d3f1;}

.vhsp_wrapper #item .itemWrap{display:none;}
.vhsp_wrapper #item .itemWrap.active{display:block;}
.vhsp_wrapper #item .itemWrap,.vhsp_wrapper #item .itemImage{width:100%;}
.vhsp_wrapper #item .itemWrap .inner{width:100%;}
.vhsp_wrapper #item .itemName{align-items: center;}
.vhsp_wrapper #item .itemNameBtm.lastBox{border-bottom:1px solid #fafafa;}
.vhsp_wrapper #item .itemPrice {border-bottom:1px solid #fafafa;}
.vhsp_wrapper #item .itemPriceNext h3{
	background:#d9393f;
	line-height:1.8;
}

/* ------------------------------------------------ 
      slide contoroll
---------------------------------------------------  */


.flex-direction-nav li{
	position:absolute;
	z-index:110;
}

.flex-direction-nav a,
.slick-arrow{
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius:50%;
	background:#fff;
}

.slick-arrow{
	width:60px;
	height:60px;
	position:absolute;
	top:calc(50% - 30px);}

.slick-nav-prev{left:40px;}
.slick-nav-next{right:40px;}

.morningslider .flex-direction-nav a,.slick-arrow{border:2px solid #db5635;}
.nightslider .flex-direction-nav a{border:2px solid #282e78;}

.slick-arrow i:before{display:block;}
.flex-direction-nav a:before,
.slick-arrow i:before{
	content:"";
	width:12px;
	height:12px;
	transform: rotate(45deg);
	border-style:solid;
}

.morningslider .flex-direction-nav a:before,.slick-arrow i:before{border-color:#db5635;}
.nightslider .flex-direction-nav a:before{border-color:#282e78;}

.flex-direction-nav li.flex-nav-prev a:before,
.slick-nav-prev i:before{
	border-width:0 0 2px 2px;
	margin-left:6px;
}
.flex-direction-nav li.flex-nav-next a:before,
.slick-nav-next i:before{
	border-width:2px 2px 0 0;
	margin-right:6px;
}