@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;
	font-size: 1.5em;
	margin-bottom: 0;
}

.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;
}


.magashot2501_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;
	margin-top: 15px;
	font-size: 0.95em;
}

.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.95em;
	font-weight: 400;
}

.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.65em;
	font-weight: 400;
}

.fs130em {
	font-size: 1.3em;
}

.fs135em {
	font-size: 1.35em;
}

.fs140em {
	font-size: 1.8em;
}

.fs145em {
	font-size: 1.45em;
}

.fs150em {
	font-size: 1.5em;
}

.fs165em {
	font-size: 1.65em;
}

.fs200em {
	font-size: 2em;
}

.magashot2501_wrapper .nayamiBlock li .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
---------------------------------------------------  */

.magashot2501_wrapper .nayamiBlock {
	width: 100%;
	aspect-ratio: 502 / 567;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl1_bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .fvBlock h2 {
	aspect-ratio: 250 / 53;
}

.magashot2501_wrapper .fvBlock h3 {
	aspect-ratio: 358 / 55;
}

.magashot2501_wrapper .nayamiBlock li {
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/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: 1;
	font-size: 18px;
	font-weight: 400;
}

.magashot2501_wrapper .nayamiBlock li:nth-last-child(1) {
	border-bottom: none;
}

.magashot2501_wrapper .nayamiBlock.is-show li:nth-child(1) {
	transition: all 1s ease-out;
}

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

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

.magashot2501_wrapper .nayamiBlock.is-show li {
	opacity: 1;
}

/* ------------------------------------------------ 
      award Block
---------------------------------------------------  */
.magashot2501_wrapper .awardBlock {
	width: 100%;
	aspect-ratio: 50 / 131;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl2_bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .awardBlock h3 {
	opacity: 1;
	transition: all 1s ease-out;
	transform: scale(0.8);
}

.magashot2501_wrapper .awardBlock.is-show h3 {
	opacity: 1;
	transform: scale(1);
}

.magashot2501_wrapper .awardBlock h4 {
	opacity: 1;
	transition: all 0.5s ease-out;
	aspect-ratio: 77 / 463;
}

.magashot2501_wrapper .awardBlock h4.is-show {
	opacity: 1;
}

.magashot2501_wrapper .awardBlock-btm .itemImage {
	transition: all 1s ease-out;
	opacity: 1;
}

.magashot2501_wrapper .awardBlock-btm.is-show .itemImage {
	opacity: 1;
}

.magashot2501_wrapper .awardBlock #bubble_a {
	aspect-ratio: 143 / 161;
}

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

.magashot2501_wrapper .amazingBlock {
	width: 100%;
	aspect-ratio: 50 / 83;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl3_bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .amazingBlock .inner {
	aspect-ratio: 2 / 3;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .ml {
	aspect-ratio: 129 / 134;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .txBox {
	aspect-ratio: 25 / 6;
}

.magashot2501_wrapper .amazingBlock ol li .line img {
	max-width: 100vw !important;
}

.magashot2501_wrapper .amazingBlock ol li .line {
	overflow: hidden;
	width: 10px;
	transition: all 1s ease-out;
}

.magashot2501_wrapper .amazingBlock ol li .txBox .line {
	top: 0;
	left: 0;
}

.magashot2501_wrapper .amazingBlock ol li .txt {
	line-height: 1.3;
}

.magashot2501_wrapper .amazingBlock .maskImage {
	aspect-ratio: 242 / 259;
}

.magashot2501_wrapper .amazingBlock #ambubble_a {
	aspect-ratio: 57 / 52;
}

.magashot2501_wrapper .amazingBlock .illustImage {
	aspect-ratio: 162 / 131;
	z-index: 100;
}

.magashot2501_wrapper .amazingBlock .illustImageBtm {
	aspect-ratio: 146 / 215;
	z-index: 100;
}

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

.magashot2501_wrapper .morningBlock {
	width: 100%;
	aspect-ratio: 1 / 2;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl5bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .morningBlock .itemImageBox {
	aspect-ratio: 467 / 681;
	z-index: 90;
}

.magashot2501_wrapper .morningBlock .speech {
	transition: all 1s ease-out;
	transform: scale(0.6);
	aspect-ratio: 1 / 1;
	z-index: 100;
}

.magashot2501_wrapper .morningBlock.is-show .speech {
	transform: scale(1);
}

.magashot2501_wrapper .morningBlock h2 {
	z-index: 110;
}

.magashot2501_wrapper .morningBlock .itemInfo h4 {
	margin-bottom: 0.79em;
}

.magashot2501_wrapper .morningBlock #mobubble_a {
	aspect-ratio: 125 / 154;
}

/* ------------------------------------------------ 
      morning Block
---------------------------------------------------  */
.magashot2501_wrapper .nightBlock {
	width: 100%;
	aspect-ratio: 50 / 179;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bg6bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .nightBlock .itemImageBox {
	aspect-ratio: 5 / 6;
	z-index: 90;
}

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

.magashot2501_wrapper .nightBlock.is-show .speech {
	transform: scale(1);
}

.magashot2501_wrapper .nightBlock h2 {
	z-index: 110;
}

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

.magashot2501_wrapper .snsBlock {
	width: 100%;
}

.snsmovie {
	max-width: 100%;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(2) img.faceImg {
	z-index: -1;
}

/* ------------------------------------------------ 
      birth Block
---------------------------------------------------  */
.magashot2501_wrapper .birthBlock {
	width: 100%;
	aspect-ratio: 1 / 2;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl9bg.jpg");
	background-size: cover;
	background-position: top center;
}

.magashot2501_wrapper .birthBlock h2 {
	aspect-ratio: 40 / 9;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl9_h2bg.png");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

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

.magashot2501_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);
	}
}

.magashot2501_wrapper .birthBlock .birthContent {
	border: 2px solid #f6cac2;
	margin-bottom: 1.2em;
}

.magashot2501_wrapper .birthBlock h2 {
	padding-top: 0.15em;
}

.magashot2501_wrapper .birthBlock .birthContent .markUp {
	transform: rotate(180deg);
}

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

.magashot2501_wrapper .chosenBlock li {
	width: 50%;
}

/* award + chosen */
.magashot2501_wrapper .awardBlock #kira2a,
.magashot2501_wrapper .chosenBlock #kira2a {
	z-index: 100;
	aspect-ratio: 191 / 185;
}

.magashot2501_wrapper .awardBlock #kira2b,
.magashot2501_wrapper .chosenBlock #kira2b {
	z-index: 110;
	aspect-ratio: 25 / 16;
}

.magashot2501_wrapper .awardBlock .kira2,
.magashot2501_wrapper .chosenBlock .kira2 {
	overflow: hidden;
	transition: all 1s ease-in;
	transform: scale(0.6);
	z-index: -1;
}

.magashot2501_wrapper .awardBlock.is-show .kira2,
.magashot2501_wrapper .chosenBlock.is-show .kira2 {
	transform: scale(1);
}


.magashot2501_wrapper .awardBlock .kira2 img,
.magashot2501_wrapper .chosenBlock .kira2 img {
	transition: all 2s ease-out;
}

.magashot2501_wrapper .awardBlock #kira2 img,
.magashot2501_wrapper .chosenBlock #kira2 img {
	margin-left: 0;
	margin-top: 0;
}

/* ------------------------------------------------ 
      faq Block
---------------------------------------------------  */
.magashot2501_wrapper .faqBlock {
	background-color: rgba(248, 247, 253, 1);
}

.magashot2501_wrapper .faqBlock .inner {
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bl11_bg.jpg");
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.magashot2501_wrapper .faqBlock .inner dt {
	border-bottom: 1px solid #e6e2f3;
	align-items: center;
}

.magashot2501_wrapper .faqBlock .inner dd {
	display: none;
}


/* ------------------------------------------------ 
      read Block
---------------------------------------------------  */
.magashot2501_wrapper .readOne dt {
	background: #eeeeee;
	align-items: center;
}

.magashot2501_wrapper .readOne dd {
	background: #f6f6f6;
	display: none;
}

.magashot2501_wrapper .readOne .readContenaOne h4 {
	margin-bottom: 1em;
}

.magashot2501_wrapper .readOne .readContenaOne {
	margin-top: 3em;
}

.magashot2501_wrapper .readOne .readContenaOne:nth-child(1) {
	margin-top: 0;
}

.magashot2501_wrapper .readOne:nth-child(1) {
	margin-top: 0;
}

/* faq + read Common */
.magashot2501_wrapper .openBtn {
	text-align: right;
	cursor: pointer;
}

.magashot2501_wrapper .openBtn i {
	font-size: 30px;
	line-height: 1;
	vertical-align: bottom;
}

.magashot2501_wrapper .openBtn span {
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
}

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

.magashot2501_wrapper .faqBlock .inner .openBtn span:before,
.magashot2501_wrapper .faqBlock .inner .openBtn span:after {
	background: linear-gradient(45deg, rgba(245, 188, 193, 1) 0%, rgba(163, 175, 220, 1) 100%);
}

.magashot2501_wrapper .readBlock .openBtn span:before,
.magashot2501_wrapper .readBlock .openBtn span:after {
	background: #000;
	;
}

.magashot2501_wrapper .openBtn span:before {
	top: 10px;
	left: 7px;
	width: 16px;
	height: 3px;
}

.magashot2501_wrapper .openBtn span:after {
	opacity: 1;
	top: 4px;
	left: 14px;
	width: 3px;
	height: 16px;
}

.magashot2501_wrapper .openBtn.active span:after {
	opacity: 0;
}

.magashot2501_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
---------------------------------------------------  */

.magashot2501_wrapper #item .tabs li {
	cursor: pointer;
}

.magashot2501_wrapper #item .tabs li.active {
	cursor: default;
}

.magashot2501_wrapper #item .tabs li:nth-child(3) {
	margin-right: 0;
}

.magashot2501_wrapper #item .tabs li .inner {
	width: 100%;
	position: relative;
}

.magashot2501_wrapper #item .tabs li.mnset .inner {
	background: linear-gradient(-45deg, #d2d3f1 50%, #f4df9e 50%);
}

.magashot2501_wrapper #item .tabs li.mmset .inner {
	background: #f4df9e;
}

.magashot2501_wrapper #item .tabs li.nnset .inner {
	background: #d2d3f1;
}

.magashot2501_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%);
}

.magashot2501_wrapper #item .tabs li.active .inner:before {
	background: transparent;
}

.magashot2501_wrapper #item #itemMnSet {
	background: linear-gradient(90deg, #f4df9e 50%, #d2d3f1 50%);
}

.magashot2501_wrapper #item #itemMMSet {
	background: #f4df9e;
}

.magashot2501_wrapper #item #itemNNSet {
	background: #d2d3f1;
}

.magashot2501_wrapper #item .itemWrap {
	display: none;
}

.magashot2501_wrapper #item .itemWrap.active {
	display: block;
}

.magashot2501_wrapper #item .itemWrap,
.magashot2501_wrapper #item .itemImage {
	width: 100%;
}

.magashot2501_wrapper #item .itemWrap .inner {
	width: 100%;
}

.magashot2501_wrapper #item .itemName {
	align-items: center;
}

.magashot2501_wrapper #item .itemNameBtm.lastBox {
	border-bottom: 1px solid #fafafa;
}

.magashot2501_wrapper #item .itemPrice {
	border-bottom: 1px solid #fafafa;
}

.magashot2501_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;
}


@charset "UTF-8";

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

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

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

/* ------------------------------------------------ 
      FastView
---------------------------------------------------  */
#magashot2501_typeBWrap {
	width: 100%;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/bg-b-pc.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

#magashot2501_typeBWrap .fvBlock {
	width: 100%;
	aspect-ratio: 143 / 263;
	background-image: url("https://office.bcl.mercart-bo.net/img/freepages/mega_shot_teiki/fvb_bg.jpg");
	background-size: cover;
	background-position: top center;
}


#magashot2501_typeBWrap .fvBlock h1 {
	aspect-ratio: 565 / 436;
	z-index: 110;
}

#magashot2501_typeBWrap .fvBlock .fvb-morning h2 {
	aspect-ratio: 178 / 75;
}

#magashot2501_typeBWrap .fvBlock .point01 {
	aspect-ratio: 132 / 79;
	z-index: 100;
}

#magashot2501_typeBWrap .fvBlock .illust01 {
	aspect-ratio: 1 / 1;
}

#magashot2501_typeBWrap .fvBlock .fvb-night h2 {
	aspect-ratio: 53 / 25;
}

#magashot2501_typeBWrap .fvBlock .point02 {
	aspect-ratio: 1 / 1;
	z-index: 100;
}

#magashot2501_typeBWrap .fvBlock p {
	margin: 0.6em 0 0 1.1em;
}

#magashot2501_typeBWrap .fvBlock .illust02 {
	aspect-ratio: 41 / 60;
	z-index: 120;
}

#magashot2501_typeBWrap .fvBlock .mask {
	aspect-ratio: 34 / 37;
	z-index: 120;
}

#magashot2501_typeBWrap .fvBlock #bubble_a {
	aspect-ratio: 58 / 97;
	z-index: 90;
}

#magashot2501_typeBWrap .fvBlock #bubble_b {
	aspect-ratio: 16 / 23;
	z-index: 90;
}




/* ------------------------------------------------ 
      FastView
---------------------------------------------------  */
#magashot2501_typeBWrap .fvBlock {
	padding-top: 810px;
}

#magashot2501_typeBWrap .fvBlock h1 {
	width: 565px;
	top: 174px;
	left: -32px;
}

#magashot2501_typeBWrap .fvBlock .fvb-morning h2 {
	width: 356px;
	top: 0;
	left: 20px;
}

#magashot2501_typeBWrap .fvBlock .point01 {
	width: 263px;
	top: 165px;
	left: 20px;
}

#magashot2501_typeBWrap .fvBlock .illust01 {
	width: 179px;
	top: 0;
	right: -20px;
}

#magashot2501_typeBWrap .fvBlock .fvb-night h2 {
	width: 318px;
	bottom: 110px;
	right: 23px;
}

#magashot2501_typeBWrap .fvBlock .point02 {
	width: 124px;
	bottom: 256px;
	left: 196px;
}

#magashot2501_typeBWrap .fvBlock .illust02 {
	width: 164px;
	bottom: 120px;
	left: 18px;
}

#magashot2501_typeBWrap .fvBlock .mask {
	width: 171px;
	bottom: 250px;
	right: 12px;
}

#magashot2501_typeBWrap .fvBlock #bubble_a {
	width: 116px;
	bottom: 246px;
	left: -90px;
}

#magashot2501_typeBWrap .fvBlock #bubble_b {
	width: 128px;
	top: 136px;
	right: -100px;
}




@charset "UTF-8";

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

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

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

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



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

/* free font import  (for ver 5.1 only)*/

.min p,
.min th,
.min td,
.min dd,
.menuOpen .largeclass ul a {
	font-family: 'Shippori Mincho B1', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

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

ver7変更点
・デバイス共通cssのclassに対するPC用classを末尾Pに統一
・以前verでデバイス共通cssにあってPC用に無かったclass(デバイスで異なる指定するスタイルのみ)を追記
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* body style */
@media screen and (min-width:1399px) {
	body {
		overflow-x: hidden;
	}
}

/* ---------------------------------- ----------
   Mobile対応
----------------------------------------------- */
.spOn,
.spNrOn,
.spPortOn,
.spLandOn,
.spLandOff {
	display: none;
}

/* ---------------------------------- ----------
   PCのみ色を変える(それ以外はcolor.cssで指定)
----------------------------------------------- */

.fcBlk-pc,
.fcBlk-pc a,
.fcBlkP,
.fcBlkP a {
	color: #000 !important;
}

.fcWh-pc,
.fcWh-pc a,
.fcWhP,
.fcWhP a {
	color: #fff !important;
}

.fcDarkGrey-pc,
.fcDarkGreyP {
	color: #333 !important;
}

.fcGrey-pc,
.fcGreyP {
	color: #888888 !important;
}

.fcGreen-pc,
.fcGreen-pc a,
.fcGreenP,
.fcGreenP a {
	color: #5EAC77 !important;
}

.fcOrange-pc,
.fcOrange-pc a,
.fcOrangeP,
.fcOrangeP a {
	color: #DE9C35 !important;
}

.fcPink-pc,
.fcPink-pc a,
.fcPinkP,
.fcPinkP a {
	color: #D779A3 !important;
}

.fcYellow-pc,
.fcYellow-pc a,
.fcYellowP,
.fcYellowP a {
	color: #FAF063 !important;
}

.fcSkyBlue-pc,
.fcSkyBlue-pc a,
.fcSkyBlueP,
.fcSkyBlueP a {
	color: #49AAD2 !important;
}

.fcGold-pc,
.fcGoldP {
	color: #a98d18 !important;
}

.fcRed-pc,
.fcRedP {
	color: #cf1226 !important;
}

.fcBrown-pc,
.fcBrownP {
	color: #654a3b !important;
}

.fcDarkBlue-pc,
.fcDarkBlueP {
	color: #163153 !important;
}

.fcBlue-pc,
.fcBlueP {
	color: #004986 !important;
}

.fcNavy-pc,
.fcNavyP {
	color: #005DA1 !important;
}

.fcThinBrown-pc,
.fcThinBrownP {
	color: #c2bbaf !important;
}

.bdWhite-pc,
.bdWhiteP {
	border-color: #fff !important;
}

.bdGreen-pc,
.bdGreenP {
	border-color: #5EAC77 !important;
}

.bdOrange-pc,
.bdOrangeP {
	border-color: #DE9C35 !important;
}

.bdPink-pc,
.bdPinkP {
	border-color: #D779A3 !important;
}

.bdSkyBlue-pc,
.bdSkyBlueP {
	border-color: #78BCDD !important;
}

.bdNone-pc,
.bdNoneP {
	border-color: transparent !important;
}

.bdbtmWhite-pc,
.bdbtmWhiteP {
	border-bottom: 1px solid #fff !important;
}

.bdtopWhite-pc,
.bdtopWhiteP {
	border-bottom: 1px solid #fff !important;
}

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

/* float  (Pc Only ver7-)*/
.clrFixP {
	clear: both;
}

.fLeftP {
	float: left;
}

.fRightP {
	float: right;
}

/* Text align */
.txLeftP,
.txLeft-pc {
	text-align: left;
}

.txCnP,
.txCn-pc {
	text-align: center;
}

.txRightP,
.txRight-pc {
	text-align: right;
}

.txLeftImpP {
	text-align: left !important;
}

/* ver7- */
.txCnImpP {
	text-align: center !important;
}

/* ver7- */
.txRightImpP {
	text-align: right !important;
}

/* ver7- */

/* shadow ver7-*/

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

.shadowrBtmP {
	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);
}

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

/* box均等割 (ver 5.7- P付はver7- )*/
.twoColumn_pc>*,
.twoColumnP>* {
	width: 50%;
}

.threeColumn_pc>*,
.threeColumnP>* {
	width: 33.3%;
}

.fourColumn_pc>*,
.fourColumnP>* {
	width: 25%;
}

.fiveColumn_pc>*,
.fiveColumnP>* {
	width: 20%;
}

.sixColumn_pc>*,
.sixColumnP>* {
	width: 16.6%;
}

/* position */
.relPc {
	position: relative;
}

.absPc {
	position: absolute;
}

.sticPc {
	position: sticky;
}

/* ver7- */
.imp-staPc {
	position: static !important;
}

/* ver7- 強制的にstaticへ */

/* display ver6.2updata P付はver7- */
.dis-bl-pc,
.dis-blPc,
dis-blP {
	display: block;
}

.dis-in-pc,
.dis-inPc,
.dis-inP {
	display: inline;
}

.dis-inbl-pc,
.dis-inblPc,
.dis-inblP {
	display: inline-block;
}

.dis-td-pc,
.dis-tdPc,
.dis-tdP {
	display: table-cell;
}

/* display ver5.8～ P付はver7- */
.dis-tbSetPc {
	display: table;
}

.dis-tbSetPc>div,
.dis-tbSetPc>a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* 横並びbox inline block + Listタグ 利用 (ver7update- )*/
inlineblP,
.inline_parentP>* {
	vertical-align: top;
	display: inline-block;
	letter-spacing: normal;
}

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

/* dl内 dt,dd 横並び */
dl.dl-inP>dt {
	margin-right: 0.5em;
}

dl.dl-inP>dt,
dl.dl-inP>dd {
	display: inline-block;
}

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

/* inlineblock or flex指定の横並び2カラム用 DL用幅指定 ver5.7- P付はver7-)*/
dt.dis-inbl-pc.w50,
dl.dl-inP.w50>dt {
	width: 50px;
	vertical-align: top;
}

dd.dis-inbl-pc.w50,
dl.dl-inP.w50>dd {
	width: calc(100% - 55px);
}

dl.dl-inP.w50.flex>dd,
dl.dl-inP.w50.flexP>dd {
	width: calc(100% - 50px);
}

dt.dis-inbl-pc.w100,
dl.dl-inP.w100>dt {
	width: 100px;
	vertical-align: top;
}

dd.dis-inbl-pc.w100,
dl.dl-inP.w100>dd {
	width: calc(100% - 105px);
}

dl.dl-inP.w100.flex>dd,
dl.dl-inP.w100.flexP>dd {
	width: calc(100% - 100px);
}

dt.dis-inbl-pc.w150,
dl.dl-inP.w150>dt {
	width: 150px;
	vertical-align: top;
}

dd.dis-inbl-pc.w150,
dl.dl-inP.w150>dd {
	width: calc(100% - 155px);
}

dl.dl-inP.w150.flex>dd,
dl.dl-inP.w150.flexP>dd {
	width: calc(100% - 150px);
}

dt.dis-inbl-pc.w200,
dl.dl-inP.w200>dt {
	width: 200px;
	vertical-align: top;
}

dd.dis-inbl-pc.w200,
dl.dl-inP.w200>dd {
	width: calc(100% - 205px);
}

dl.dl-inP.w200.flex>dd,
dl.dl-inP.w200.flexP>dd {
	width: calc(100% - 200px);
}

/* dl タグをtable要素として使用 (pc only) */
.dlTable {
	display: table;
}

.dlTable>dl {
	display: table-row;
}

.dlTable>dl>dt,
.dlTable>dl>dd {
	display: table-cell;
}

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

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

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

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

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

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


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

img {
	vertical-align: bottom;
	height: auto;
}

/* hoverで拡大する画像 ver5.9- */
.zoomImg:hover img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: scale(1.2, 1.2);
}

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

/* object-fit トリミング起点位置 ※object-fitと同じclassに入れること ver7- */
.obj-imgcencenP {
	object-position: center center !important;
}

.obj-imgcenleftP {
	object-position: left center !important;
}

.obj-imgcenrightP {
	object-position: right center !important;
}

.obj-imgtopcenP {
	object-position: center top !important;
}

.obj-imgtopleftP {
	object-position: left top !important;
}

.obj-imgtoprightP {
	object-position: right top !important;
}

.obj-imgbtmcenP {
	object-position: center bottom !important;
}

.obj-imgbtmleftP {
	object-position: left bottom !important;
}

.obj-imgbtmrightP {
	object-position: right bottom !important;
}

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

body .texts {
	font-size: 12px;
	font-weight: 400;
}

/* Font-Weight */
.fwNmP {
	font-weight: normal !important;
}

.fwbdP {
	font-weight: bold !important;
}

.fw3p {
	font-weight: 300 !important;
}

.fw4p {
	font-weight: 400 !important;
}

.fw5p {
	font-weight: 500 !important;
}

.fw6p {
	font-weight: 600 !important;
}

.fw7p {
	font-weight: 700 !important;
}

/* Font-size */
.fs06 {
	font-size: 0.6em;
}

.fs07 {
	font-size: 0.7em;
}

.fs08 {
	font-size: 0.8em;
}

.fs09 {
	font-size: 0.9em;
}

.fs11 {
	font-size: 1.1em;
}

.fs12 {
	font-size: 1.2em;
}

.fs13 {
	font-size: 1.3em;
}

.fs14 {
	font-size: 1.4em;
}

.fs15 {
	font-size: 1.5em;
}

.fs16 {
	font-size: 1.6em;
}

.fs17 {
	font-size: 1.7em;
}

.fs18 {
	font-size: 1.8em;
}

.fs19 {
	font-size: 1.9em;
}

.fs20 {
	font-size: 2.0em;
}

/* text size (ver6.1～ P付はver7- )*/
.txtLevel1pc,
.txtLevel1P {
	font-size: 0.6em
}

.txtLevel2pc,
.txtLevel2P {
	font-size: 0.65em
}

.txtLevel3pc,
.txtLevel3P {
	font-size: 0.7em
}

.txtLevel4pc,
.txtLevel4P {
	font-size: 0.75em
}

.txtLevel5pc,
.txtLevel5P {
	font-size: 0.8em
}

.txtLevel6pc,
.txtLevel6P {
	font-size: 0.85em
}

.txtLevel7pc,
.txtLevel7P {
	font-size: 0.9em
}

.txtLevel8pc,
.txtLevel8P {
	font-size: 0.95em
}

.txtLevel9pc,
.txtLevel9P {
	font-size: 1.05em
}

.txtLevel10pc,
.txtLevel10P {
	font-size: 1.05em
}

.txtLevel11pc,
.txtLevel11P {
	font-size: 1.1em
}

.txtLevel12pc,
.txtLevel12P {
	font-size: 1.15em
}

.txtLevel13pc,
.txtLevel13P {
	font-size: 1.2em
}

.txtLevel14pc,
.txtLevel14P {
	font-size: 1.25em
}

.txtLevel15pc,
.txtLevel15P {
	font-size: 1.3em
}

.txtLevel16pc,
.txtLevel16P {
	font-size: 1.35em
}

.txtLevel17pc,
.txtLevel17P {
	font-size: 1.4em
}

.txtLevel18pc,
.txtLevel18P {
	font-size: 1.45em
}

.txtLevel19pc,
.txtLevel19P {
	font-size: 1.5em
}

/* Font-size (P付はver7-) */
.fsp14,
.fs14P {
	font-size: 14px;
}

.fsp16,
.fs16P {
	font-size: 16px;
}

.fsp18,
.fs17P {
	font-size: 18px;
}

.fsp20,
.fs20P {
	font-size: 20px;
}

.fsp22,
.fs22P {
	font-size: 22px;
}

.fsp24,
.fs24P {
	font-size: 24px;
}

.fsp25,
.fs25P {
	font-size: 25px;
}

.fsp26,
.fs26P {
	font-size: 26px;
}

.fsp28,
.fs28P {
	font-size: 28px;
}

.fsp30,
.fs30P {
	font-size: 30px;
}

.texts,
.textsP {
	font-size: 16px;
	line-height: 2.0;
}

/* line-height (P付はver7-) */
.lHBasePc,
.lHBaseP {
	line-height: baseline;
}

/* ver5.8 */
.lH10p,
.lH10P {
	line-height: 1.0;
}

.lH11p,
.lH11P {
	line-height: 1.1;
}

.lH12p,
.lH12P {
	line-height: 1.2;
}

.lH13p,
.lH13P {
	line-height: 1.3;
}

.lH14p,
.lH14P {
	line-height: 1.4;
}

.lH15p,
.lH15P {
	line-height: 1.5;
}

.lH16p,
.lH16P {
	line-height: 1.6;
}

.lH17p,
.lH17P {
	line-height: 1.7;
}

.lH18p,
.lH18P {
	line-height: 1.8;
}

.lH19p,
.lH19P {
	line-height: 1.9;
}

.lH20p,
.lH20P {
	line-height: 2.0;
}


/* ------------------------ 
   Common Sentence  Styles
--------------------------- */
.indPc,
.indP {
	text-indent: 1em;
}

/* P付 ver7- */
.nowapP {
	white-space: nowrap;
}

/* ver7- */
.ws-preP {
	white-space: pre-wrap;
}

/* ver7- */
.ws-lineP {
	white-space: pre-line;
}

/* ver7- */

/* 縦書き 右→ ver5.7- P付 ver7- */
.writ-rl-pc,
.writ-rlP {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 縦書き 左→ ver5.7- P付 ver7- */
.writ-lr-pc,
.writ-lrP {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}

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

/* tel用アンカーリンク v5.2new */
a.a-disabled {
	cursor: default;
}

/* リンクボーダー指定 ver5.6- ver6.2update P付 ver7-*/
.bdNonePc a,
a.bdNonePc,
.bdNonePc a:hover,
a.bdNonePc:hover,
.bdNoneP a,
a.bdNoneP,
.bdNoneP a:hover,
a.bdNoneP:hover {
	text-decoration: none;
}

.bdYesPc a,
a.bdYesPc,
.bdYesP a,
a.bdYesP {
	text-decoration: underline;
}

.bdHvYesPc a:hover,
.a.bdHvYesPc:hover,
.bdHvYesP a:hover,
.a.bdHvYesP:hover {
	text-decoration: underline;
}

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


/* ------------------------ 
   Common Flex Styles
--------------------------- */
/* flexBox*/
/* flexWpGroupPc はver5.7 - */
/* wp-block-columnsはver6 */
/* P付はver7- */
.flexPc,
.flexP,
.flexWpGroupPc>.wp-block-group,
.flexWpGroupP>.wp-block-group,
.flexWpGroupPc>div,
.flexWpGroupP>div,
.rightBtnModal .inner ul,
header .headGnavBox .leftBox .grNavBox>.grNav>li>ul.navChild>li,
.wp-block-columns {
	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;
}

/* flex ver5.6- ver6.2update */
.flexWcP,
.flexWcPc {
	justify-content: center;
}

.flexHcP,
.flexHcPc,
.flexWpGroupPc.flexHcP>*,
.flexWpGroupP.flexHcP>* {
	align-items: center;
}

.flexAllcP,
.flexAllcPc {
	justify-content: center;
	align-items: center;
}

/* flex 並び順 ver5.8- */
.flexRrP,
.flexWpGroupPc.flexRrP>div {
	flex-direction: row-reverse;
}

/* 右→左 */
.flexRcP,
.flexWpGroupPc.flexRcP>div {
	flex-direction: column-reverse;
}

/* 下→上 */

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


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

.flexHmatchP>* {
	align-items: stretch;
}

/* flexコンテナー寄せ ver5.8- ver6.2update*/
.flexWrP,
.flexWrPc {
	justify-content: flex-start;
}

.flexWlP,
.flexWlPc {
	justify-content: flex-end;
}

.flexWbtP,
.flexWbtPc {
	justify-content: space-between;
}

.flexWArP,
.flexWArPc {
	justify-content: space-around;
}

.flexWBsP {
	justify-content: baseline;
}

/* ver7 - */
.flexHrP,
.flexHrPc {
	align-items: right;
}

.flexHlP,
.flexHlPc {
	align-items: left;
}

.flexStretchP,
.flexStretchPc {
	align-items: stretch;
}

.flexHbtmP {
	align-items: flex-end;
}

/* ver7 - */

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

/* border width  (ver6.2- P付はver7-) */
.bdwAll1Pc,
.bdwAll1P {
	border-width: 1px;
}

.bdwAll2Pc,
.bdwAll2P {
	border-width: 2px;
}

.bdwAll3Pc,
.bdwAll3P {
	border-width: 3px;
}

.bdwAll4Pc,
.bdwAll4P {
	border-width: 4px;
}

.bdwAll5Pc,
.bdwAll5P {
	border-width: 5px;
}

.bdwLeft1Pc,
.bdwLeft1P {
	border-width: 0 0 0 1px;
}

.bdwLeft2Pc,
.bdwLeft2P {
	border-width: 0 0 0 2px;
}

.bdwLeft3Pc,
.bdwLeft3P {
	border-width: 0 0 0 3px;
}

.bdwLeft4Pc,
.bdwLeft4P {
	border-width: 0 0 0 4px;
}

.bdwLeft5Pc,
.bdwLeft5P {
	border-width: 0 0 0 5px;
}

.bdwRight1Pc,
.bdwRight1P {
	border-width: 0 1px 0 0;
}

.bdwRight2Pc,
.bdwRight2P {
	border-width: 0 2px 0 0;
}

.bdwRight3Pc,
.bdwRight3P {
	border-width: 0 3px 0 0;
}

.bdwRight4Pc,
.bdwRight4P {
	border-width: 0 4px 0 0;
}

.bdwRight5Pc,
.bdwRight5P {
	border-width: 0 5px 0 0;
}

.bdwTop1Pc,
.bdwTop1P {
	border-width: 1px 0 0 0;
}

.bdwTop2Pc,
.bdwTop2P {
	border-width: 2px 0 0 0;
}

.bdwTop3Pc,
.bdwTop3P {
	border-width: 3px 0 0 0;
}

.bdwTop4Pc,
.bdwTop4P {
	border-width: 4px 0 0 0;
}

.bdwTop5Pc,
.bdwTop5P {
	border-width: 5px 0 0 0;
}

.bdwBtm1Pc,
.bdwBtm1Pc {
	border-width: 0 0 1px 0;
}

.bdwBtm2Pc,
.bdwBtm2Pc {
	border-width: 0 0 2px 0;
}

.bdwBtm3Pc,
.bdwBtm3Pc {
	border-width: 0 0 3px 0;
}

.bdwBtm4Pc,
.bdwBtm4Pc {
	border-width: 0 0 4px 0;
}

.bdwBtm5Pc,
.bdwBtm5Pc {
	border-width: 0 0 5px 0;
}

/* border style (ver6.2- P付はver7-) */
.bdStSolidPc,
.bdStSolidP {
	border-style: solid;
}

.bdStDotPc,
.bdStDotP {
	border-style: dotted;
}

.bdStDashPc,
.bdStDashP {
	border-style: dashed;
}

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

/* Background Common */
.grainBgP {
	background-image: url("../img/bgparts/grain_bg.jpg");
}

.wallBgP {
	background-image: url("../img/bgparts/wall_bg.jpg");
}

.titGrLineP {
	min-height: 18px;
	background: url("../img/common/title_gr_line.gif") repeat-x center center;
}

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

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


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



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

body,
input[type="submit"],
input[type="text"],
input[type="e-mail"] {
	font-family: 'Noto Sans JP', "Noto Sans CJK JP", "Noto Sans", メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* input and textarea size (pc only ※p付はver7 - )*/

input.fulls,
input.fulls-pc,
input.fullsP,
textarea.fulls,
textarea.fulls-pc,
textarea.fullsP {
	width: 100% !important;
}

input.fulls-max,
input.fulls-max-pc,
input.fulls-maxP,
textarea.fulls-max,
textarea.fulls-max-pc,
textarea.fulls-maxP {
	width: 100% !important;
	max-width: 80%;
}

input.fulls-lrtx,
input.fulls-lrtx-pc,
input.fulls-lrtxP,
textarea.fulls-lrtx,
textarea.fulls-lrtx-pc,
textarea.fulls-lrtxP {
	width: calc(100% - 200px) !important;
}

input.halfs,
input.halfs-pc,
input.halfsP {
	width: 50% !important;
}

input.halfs-max,
input.halfs-max-pc,
input.halfs-max,
input.halfs-maxP {
	width: 50% !important;
	max-width: 150px;
}

input.halfs-lrtx,
input.halfs-lrtx-pc,
input.halfs-lrtxP {
	width: calc(50% - 200px) !important;
}


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

/* margin (pcOnly)*/
.mT5p {
	margin-top: 5px;
}

.mT10p {
	margin-top: 10px;
}

.mT15p {
	margin-top: 15px;
}

.mT20p {
	margin-top: 20px;
}

.mT25p {
	margin-top: 25px;
}

.mT30p {
	margin-top: 30px;
}

.mT35p {
	margin-top: 35px;
}

.mT40p {
	margin-top: 40px;
}

.mT45p {
	margin-top: 45px;
}

.mT50p {
	margin-top: 50px;
}

.mT55p {
	margin-top: 55px;
}

.mT60p {
	margin-top: 60px;
}

.mT65p {
	margin-top: 65px;
}

.mT70p {
	margin-top: 70px;
}

.mT75p {
	margin-top: 75px;
}

.mT80p {
	margin-top: 80px;
}

.mT85p {
	margin-top: 85px;
}

.mT90p {
	margin-top: 90px;
}

.mT95p {
	margin-top: 95px;
}

.mT100p {
	margin-top: 100px;
}

.mB5p {
	margin-bottom: 5px;
}

.mB10p {
	margin-bottom: 10px;
}

.mB15p {
	margin-bottom: 15px;
}

.mB20p {
	margin-bottom: 20px;
}

.mB25p {
	margin-bottom: 25px;
}

.mB30p {
	margin-bottom: 30px;
}

.mB35p {
	margin-bottom: 35px;
}

.mB40p {
	margin-bottom: 40px;
}

.mB45p {
	margin-bottom: 45px;
}

.mB50p {
	margin-bottom: 50px;
}

.mB55p {
	margin-bottom: 55px;
}

.mB60p {
	margin-bottom: 60px;
}

.mB65p {
	margin-bottom: 65px;
}

.mB70p {
	margin-bottom: 70px;
}

.mB75p {
	margin-bottom: 75px;
}

.mB80p {
	margin-bottom: 80px;
}

.mB85p {
	margin-bottom: 85px;
}

.mB90p {
	margin-bottom: 90px;
}

.mB95p {
	margin-bottom: 95px;
}

.mB100p {
	margin-bottom: 100px;
}

/* padding (pcOnly) */
.pT5p {
	padding-top: 5px;
}

.pT10p {
	padding-top: 10px;
}

.pT15p {
	padding-top: 15px;
}

.pT20p {
	padding-top: 20px;
}

.pT25p {
	padding-top: 25px;
}

.pT30p {
	padding-top: 30px;
}

.pT35p {
	padding-top: 35px;
}

.pT40p {
	padding-top: 40px;
}

.pT45p {
	padding-top: 45px;
}

.pT50p {
	padding-top: 50px;
}

.pT55p {
	padding-top: 55px;
}

.pT60p {
	padding-top: 60px;
}

.pT65p {
	padding-top: 65px;
}

.pT70p {
	padding-top: 70px;
}

.pT75p {
	padding-top: 75px;
}

.pT80p {
	padding-top: 80px;
}

.pT85p {
	padding-top: 85px;
}

.pT90p {
	padding-top: 90px;
}

.pT95p {
	padding-top: 95px;
}

.pT100p {
	padding-top: 100px;
}

.pB5p {
	padding-bottom: 5px;
}

.pB10p {
	padding-bottom: 10px;
}

.pB15p {
	padding-bottom: 15px;
}

.pB20p {
	padding-bottom: 20px;
}

.pB25p {
	padding-bottom: 25px;
}

.pB30p {
	padding-bottom: 30px;
}

.pB35p {
	padding-bottom: 35px;
}

.pB40p {
	padding-bottom: 40px;
}

.pB45p {
	padding-bottom: 45px;
}

.pB50p {
	padding-bottom: 50px;
}

.pB55p {
	padding-bottom: 55px;
}

.pB60p {
	padding-bottom: 60px;
}

.pB65p {
	padding-bottom: 65px;
}

.pB70p {
	padding-bottom: 70px;
}

.pB75p {
	padding-bottom: 75px;
}

.pB80p {
	padding-bottom: 80px;
}

.pB85p {
	padding-bottom: 85px;
}

.pB90p {
	padding-bottom: 90px;
}

.pB95p {
	padding-bottom: 95px;
}

.pB100p {
	padding-bottom: 100px;
}



/* ------------------------------------------------------------------ 
      以下廃止スタイルだが顧客によっては指定。ver6.4以上は削除してもOK
---------------------------------------------------------------------  */

.tit35 {
	font-size: 35px;
}

.tit22 {
	font-size: 22px;
}

.circleNm {
	padding: 15px;
	background-color: #333;
	color: #fff;
	display: inline-block;
	font-style: normal;
	border-radius: 30px;
}

img.newsArcTumImg {
	max-width: none;
}

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

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

html {
	font-size: 19px;
}

.magashot2501_wrapper {
	width: 100%;
	overflow: hidden;
}

.magashot2501_wrapper .contentWrap {
	width: 500px;
	background: #fff;
	margin-left: 46.428vw;
	z-index: 70;
}

.cvBtn .cvoff {
	width: 110px;
	top: -90px;
	left: 18px;
}

.cvBtn a img {
	width: 400px;
}

.fixedBtn {
	left: 46.428vw;
}

.fixedBtn img {
	width: 500px;
}

/* ------------------------------------------------ 
      not Mobile
---------------------------------------------------  */
.notMobileLeft {
	width: 46.428vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 250;
}

.notMobileLeft .bclLogo {
	width: 92px;
	top: 170px;
	left: 30px;
	z-index: 110;
}

.itemLogoFixed {
	width: 245px;
}

.notMobileLeft .pLinks {
	margin-top: 5.693vh;
}

.notMobileLeft .pLinks li {
	margin-bottom: 1.177vh;
}

.notMobileLeft .pLinks a {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: rgba(31, 53, 93, 1);
}

.fva_bubL,
.fva_bubR {
	position: fixed;
}

.fva_bubL {
	width: 411px;
	bottom: 0;
	left: 0;
	z-index: 50;
}

.fva_bubR {
	width: 538px;
	top: 0;
	right: 0;
	z-index: 60;
}

.fva_bubL {
	animation: 2s ease-in 1s infinite alternate forwards running fvabubpc-l;
}

@keyframes fvabubpc-l {
	0% {
		bottom: 0;
	}

	100% {
		bottom: -20px;
	}
}

.fva_bubR {
	animation: 2s ease-in 1s infinite alternate forwards running fvabubpc-r;
}

@keyframes fvabubpc-r {
	0% {
		top: 0;
	}

	100% {
		top: -30px;
	}
}

/* ------------------------------------------------ 
      slider
---------------------------------------------------  */
.flex-control-nav li {
	margin: 10px 0.5em;
}

.flex-control-nav {
	margin: -20px 0 28px;
}

.flex-direction-nav li {
	bottom: 85px;
}

.flex-direction-nav li.flex-nav-prev {
	left: 20px;
}

.flex-direction-nav li.flex-nav-next {
	right: 80px;
}

.flex-direction-nav a {
	width: 60px;
	height: 60px;
}


/* ------------------------------------------------ 
      Nayami Block
---------------------------------------------------  */
.magashot2501_wrapper .nayamiBlock {
	padding-top: 4px;
}

.magashot2501_wrapper .nayamiBlock h2 {
	margin-bottom: 16px;
}

.magashot2501_wrapper .nayamiBlock h3 img {
	width: 358px;
}

.magashot2501_wrapper .nayamiBlock ol {
	margin-top: 10px;
	margin-left: 71px;
}

.magashot2501_wrapper .nayamiBlock li {
	max-width: 360px;
	padding: 23px 0 23px 62px;
}

/* ------------------------------------------------ 
      award Block
---------------------------------------------------  */
.magashot2501_wrapper .awardBlock {
	padding-top: 28px;
}

.magashot2501_wrapper .awardBlock h2 img {
	width: 425px;
}

.magashot2501_wrapper .awardBlock h3 {
	width: 570px;
	top: 114px;
	left: -34px;
}

.magashot2501_wrapper .awardBlock h4.is-show {
	top: 380px;
	right: 27px;
}

.magashot2501_wrapper .awardBlock-btm .itemImage {
	margin-top: 656px;
}

.magashot2501_wrapper .awardBlock-btm .itemImage img {
	width: 486px;
}

.magashot2501_wrapper .awardBlock-btm .itemName img {
	width: 272px;
}

.magashot2501_wrapper .awardBlock-btm .itemName {
	margin-bottom: 23px;
}

.magashot2501_wrapper .awardBlock #bubble_a {
	bottom: 169px;
	right: -41px;
	width: 143px;
}

/* ------------------------------------------------ 
      amazingBlock Block
---------------------------------------------------  */
.magashot2501_wrapper .amazingBlock {
	padding: 72px 20px;
}

.magashot2501_wrapper .amazingBlock .inner {
	width: 100%;
	border-radius: 25px;
}

.magashot2501_wrapper .amazingBlock h2 img {
	width: 345px;
	margin-top: -27px;
}

.magashot2501_wrapper .amazingBlock ol {
	margin-top: 13px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) {
	padding-left: 171px;
	margin-bottom: 43px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .no {
	width: 73px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .txt {
	width: calc(100% - 84px);
	margin-bottom: 5px;
	margin-left: 11px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line {
	padding-left: 25px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line img {
	height: 56px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(1).is-show .line {
	width: 240px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .ml {
	width: 129px;
	top: -63px;
	right: -43px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .ml {
	animation: 2s ease-in 1s infinite alternate forwards running boundimg;
}

@keyframes boundimg {
	0% {
		top: -63px;
	}

	50% {
		top: -23px;
	}

	75% {
		top: -43px;
	}

	100% {
		top: -23px;
	}
}


.magashot2501_wrapper .amazingBlock ol li:nth-child(2) {
	padding-left: 161px;
	margin-bottom: 27px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .no {
	width: 82px;
	margin-left: 70px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .txBox {
	margin-top: 20px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line img {
	height: 56px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(2).is-show .line {
	width: 275px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .txt {
	top: -15px;
	left: 70px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) {
	padding-left: 189px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .no {
	width: 79px;
	margin-left: 70px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .txBox {
	margin-top: 15px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line img {
	height: 75px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(3).is-show .line {
	width: 247px;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .txt {
	top: -15px;
	left: 48px;
}

.magashot2501_wrapper .amazingBlock .maskImage {
	width: 484px;
	top: 138px;
	left: -67px;
}

.magashot2501_wrapper .amazingBlock #ambubble_a {
	width: 114px;
	top: -58px;
	left: -47px;
}

.magashot2501_wrapper .amazingBlock .illustImage {
	width: 162px;
	top: -22px;
	right: -15px;
}

.magashot2501_wrapper .amazingBlock .illustImageBtm {
	width: 146px;
	bottom: -38px;
	left: -7px;
}

/* ------------------------------------------------ 
      w Block
---------------------------------------------------  */
.magashot2501_wrapper .wBlock {
	padding: 40px 0 60px;
}

.magashot2501_wrapper .wBlock h2 img {
	width: 400px;
}

/* ------------------------------------------------ 
      morning Block
---------------------------------------------------  */
.magashot2501_wrapper .morningBlock {
	padding: 362px 0 45px;
}

.magashot2501_wrapper .morningBlock .itemImageBox {
	width: 467px;
	top: -46px;
	right: 0;
}

.magashot2501_wrapper .morningBlock .speech {
	width: 400px;
	top: -35px;
	left: -140px;
}

.magashot2501_wrapper .morningBlock h2 img {
	width: 472px;
}

.magashot2501_wrapper .morningBlock .itemInfo {
	margin-top: 25px;
}

.magashot2501_wrapper .morningBlock #mobubble_a {
	width: 125px;
	top: -120px;
	left: -60px;
}

.magashot2501_wrapper .morningBlock .itemInfo .cvBtnOrange {
	margin-top: 54px;
}

/* ------------------------------------------------ 
      night Block
---------------------------------------------------  */
.magashot2501_wrapper .nightBlock {
	padding-top: 346px;
}

.magashot2501_wrapper .nightBlock h2 img {
	width: 471px;
}

.magashot2501_wrapper .nightBlock .speech {
	width: 400px;
	top: -84px;
	right: -185px;
}

.magashot2501_wrapper .nightBlock .itemImageBox {
	width: 500px;
	top: -44px;
	left: 0;
}

.magashot2501_wrapper .nightBlock .itemInfo {
	margin-top: 25px;
}

.magashot2501_wrapper .nightBlock .itemInfo .cvBtnBlue {
	margin-top: 54px;
}

/* common */
.magashot2501_wrapper .morningBlock .noteWrap,
.magashot2501_wrapper .nightBlock .noteWrap {
	padding: 0 20px 20px;
}

.magashot2501_wrapper .morningBlock .itemInfo .note,
.magashot2501_wrapper .nightBlock .itemInfo .note {
	padding: 1em 20px 0;
}


/* ------------------------------------------------ 
      sns Block
---------------------------------------------------  */
.magashot2501_wrapper .snsBlock {
	padding-top: 33px;
	padding-bottom: 76px;
}

.magashot2501_wrapper .snsBlock .snsslider {
	padding-top: 27px;
}

.magashot2501_wrapper .snsBlock .snsComents {
	margin-top: -26px;
	margin-left: 10px;
	z-index: 100;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(1) img.cmImg {
	width: 473px;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(2) img.cmImg {
	width: 354px;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(2) img.faceImg {
	width: 175px;
	top: 0;
	right: -13px;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(3) {
	padding-left: 70px;
	margin-top: -20px;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(3) img.cmImg {
	width: 354px;
}

.magashot2501_wrapper .snsBlock .bubble {
	width: 188px;
	bottom: 73px;
	left: -32px;
}

/* ------------------------------------------------ 
      birth Block
---------------------------------------------------  */
.magashot2501_wrapper .birthBlock {
	padding-bottom: 40px;
}

.magashot2501_wrapper .birthBlock .birthTitle,
.magashot2501_wrapper .birthBlock h2 {
	width: 280px;
}

.magashot2501_wrapper .birthBlock .birthTitle {
	top: -25px;
}

.magashot2501_wrapper .birthBlock .birthContent {
	max-width: calc(100% - 40px);
	margin: 100px auto 0;
	padding: 0 30px 60px;
	border-radius: 25px;
}

.magashot2501_wrapper .birthBlock .birthContent .face {
	margin-top: -95px;
	margin-bottom: 43px;
}

.magashot2501_wrapper .birthBlock .birthContent .face img {
	width: 184px;
	margin-bottom: 1em;
}

.magashot2501_wrapper .birthBlock h3 {
	margin-bottom: 40px;
}

.magashot2501_wrapper .birthBlock .note {
	padding-left: 20px;
}

.magashot2501_wrapper .birthBlock .birthContent .mark {
	width: 60px;
}

.magashot2501_wrapper .birthBlock .birthContent .markUp {
	top: -14px;
	left: 17px;
}

.magashot2501_wrapper .birthBlock .birthContent .markBtm {
	bottom: -14px;
	right: 17px;
}

.magashot2501_wrapper .birthBlock .bubble {
	width: 140px;
	top: -40px;
	right: -30px;
}

/* ------------------------------------------------ 
      chosen Block
---------------------------------------------------  */
.magashot2501_wrapper .chosenBlock {
	padding-bottom: 30px;
}

.magashot2501_wrapper .chosenBlock h2 {
	padding: 63px 0 40px;
	margin-top: 0;
}

.magashot2501_wrapper .chosenBlock h2 img {
	width: 387px;
}

.magashot2501_wrapper .chosenBlock ul {
	padding: 0 32px 1em;
}

.magashot2501_wrapper .chosenBlock li:nth-child(1),
.magashot2501_wrapper .chosenBlock li:nth-child(2) {
	margin-bottom: 6px;
}

.magashot2501_wrapper .chosenBlock p.note {
	padding-right: 20px;
}

/* award + chosen */
.magashot2501_wrapper .awardBlock #kira2a,
.magashot2501_wrapper .chosenBlock #kira2a {
	width: 191px;
	top: 0;
	left: 0;
}

.magashot2501_wrapper .awardBlock #kira2b,
.magashot2501_wrapper .chosenBlock #kira2b {
	width: 225px;
	top: -40px;
	right: -14px;
}

.magashot2501_wrapper .awardBlock.is-show #kira2a img,
.magashot2501_wrapper .chosenBlock.is-show #kira2a img {
	margin-left: -200px;
	margin-top: 100px;
}

.magashot2501_wrapper .awardBlock.is-show #kira2b img,
.magashot2501_wrapper .chosenBlock.is-show #kira2b img {
	margin-left: 220px;
	margin-bottom: 200px;
}

/* ------------------------------------------------ 
      faq Block
---------------------------------------------------  */
.magashot2501_wrapper .faqBlock .inner {
	padding: 70px 40px;
}

.magashot2501_wrapper .faqBlock .inner h2 img {
	width: 157px;
}

.magashot2501_wrapper .faqBlock .inner h2 {
	margin-bottom: 18px;
}

.magashot2501_wrapper .faqBlock .inner h3 {
	margin-bottom: 48px;
}

.magashot2501_wrapper .faqBlock .inner .faqOne .qImg {
	width: 75px;
}

.magashot2501_wrapper .faqBlock .inner .faqOne h4 {
	width: calc(100% - 130px);
	padding-left: 10px;
}

.magashot2501_wrapper .faqBlock .inner .faqOne dt,
.magashot2501_wrapper .faqBlock .inner .faqOne dd {
	padding: 15px 0;
}

/* ------------------------------------------------ 
      read Block
---------------------------------------------------  */
.magashot2501_wrapper .readBlock {
	padding: 40px 20px 35px;
}

.magashot2501_wrapper .readOne {
	margin-top: 40px;
}

.magashot2501_wrapper .readOne dt {
	padding: 20px;
}

.magashot2501_wrapper .readOne dt h3 {
	width: calc(100% - 45px);
}

.magashot2501_wrapper .readOne dd {
	padding: 30px 30px 35px;
}

/* faq + read common */
.magashot2501_wrapper .faqBlock .inner .openBtn,
.magashot2501_wrapper .readOne .openBtn {
	width: 45px;
}

/* ------------------------------------------------ 
      footer
---------------------------------------------------  */
footer.magashot2501Ft {
	padding: 30px 20px 38px;
}

footer.magashot2501Ft ul {
	padding-bottom: 30px;
}

footer.magashot2501Ft p.copyRt {
	padding-top: 35px;
}


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

.magashot2501_wrapper #item {
	padding: 60px 20px 130px;
}

.magashot2501_wrapper #item .tabs li {
	width: calc(33.3% - 4px);
	margin-right: 5px;
}


.magashot2501_wrapper #item .tabs li .inner {
	height: 110px;
	border-radius: 15px 15px 0 0;
}

.magashot2501_wrapper #item .tabs li .inner figure img {
	margin-top: -30px;
}

.magashot2501_wrapper #item .tabs li .inner:before {
	height: 20px;
}

.magashot2501_wrapper #item .itemWrap {
	padding: 10px;
}

.magashot2501_wrapper #item .itemWrap .inner {
	padding-bottom: 28px;
}

.magashot2501_wrapper #item .itemName {
	margin-bottom: 36px;
}

.magashot2501_wrapper #item .itemName .icon {
	width: 100px;
}

.magashot2501_wrapper #item .itemName .itemNameTxt {
	width: calc(100% - 100px);
}

.magashot2501_wrapper #item .itemName.single .itemNameTxt {
	width: 100%;
	padding-top: 23px;
}

.magashot2501_wrapper #item .itemImage {
	width: 100%;
	margin-bottom: 24px;
}

.magashot2501_wrapper #item .itemImageFile {
	width: 376px;
}

.magashot2501_wrapper #item .itemImage .offMark {
	width: 132px;
	top: -13px;
	right: 0;
}

.magashot2501_wrapper #item .itemNameBtm {
	padding-bottom: 20px;
}

.magashot2501_wrapper #item .itemNameBtm.lastBox {
	margin-bottom: 20px;
}

.magashot2501_wrapper #item img.offImg {
	width: 400px;
	margin-bottom: 12px;
}

.magashot2501_wrapper #item .itemPrice {
	padding-bottom: 12px;
}

.magashot2501_wrapper #item .itemPriceNext h3 {
	max-width: calc(100% - 40px);
	margin: 20px auto 12px;
}

.magashot2501_wrapper #item .itemPriceNext {
	margin-bottom: 20px;
}

/* ------------------------------------------------ 
      add
---------------------------------------------------  */
.addfmContent {
	width: 800px;
	margin-left: calc(42.428vw - 75px);
	background: #fff;
	margin-top: 40px;
	padding: 20px;
	z-index: 300;
}

@media (max-width: 1280px) {
	.addfmContent {
		margin-left: calc(100vw - 800px);
	}
}


@charset "UTF-8";

/* //////////////////////////////////////////////////////////
*****************************************
Common Style - PC
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)*/

.min p,
.min th,
.min td,
.min dd,
.menuOpen .largeclass ul a {
	font-family: 'Shippori Mincho B1', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}



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

body,
input[type="submit"],
input[type="text"],
input[type="e-mail"] {
	font-family: YakuHanJP, 'Noto Sans JP', "Noto Sans CJK JP", "Noto Sans", ã
	ƒ
	¡
	ã
	‚
	¤
	ã
	ƒ
	ª
	ã
	‚
	ª
	,
	Meiryo,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	'Yu Gothic Medium',
	'游ゴシック Medium',
	YuGothic,
	'游ゴシック体',
	Verdana,
	Arial,
	Osaka,
	'ＭＳ Ｐゴシック',
	'MS P Gothic',
	sans-serif;
	-webkit-text-size-adjust: 100%;
	/* ver5.2 */
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.min p,
.min th,
.min td,
.min dd,
.menuOpen .largeclass ul a {
	font-family: 'Shippori Mincho B1', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}


html {
	font-size: 100%;
}

img,
.wp-block-image img {
	vertical-align: bottom;
	max-width: 100% !important;
}


/* .pcOn,
.tabOn {
	display: none;
} */

/* Font-size */
.fs06 {
	font-size: 0.6rem;
}

.fs07 {
	font-size: 0.7rem;
}

.fs08 {
	font-size: 0.8rem;
}

.fs09 {
	font-size: 0.9rem;
}

.fs11 {
	font-size: 1.1rem;
}

.fs12 {
	font-size: 1.2rem;
}

.fs13 {
	font-size: 1.3rem;
}

.fs14 {
	font-size: 1.4rem;
}

.fs15 {
	font-size: 1.5rem;
}

.fs16 {
	font-size: 1.6rem;
}

.fs17 {
	font-size: 1.7rem;
}

.fs18 {
	font-size: 1.8rem;
}

.fs19 {
	font-size: 1.9rem;
}

.fs20 {
	font-size: 2.0rem;
}

/* Font (spOnly)*/
.fsm20 {
	font-size: 2.0rem;
}

.fsm19 {
	font-size: 1.9rem;
}

.fsm18 {
	font-size: 1.8rem;
}

.fsm17 {
	font-size: 1.7rem;
}

.fsm16 {
	font-size: 1.6rem;
}

.fsm15 {
	font-size: 1.5rem;
}

.fsm14 {
	font-size: 1.4rem;
}

.fsm13 {
	font-size: 1.3rem;
}

.fsm12 {
	font-size: 1.2rem;
}

.fsm11 {
	font-size: 1.1rem;
}

.fsm09 {
	font-size: 0.9rem;
}

.fsm08 {
	font-size: 0.8rem;
}

.fsm07 {
	font-size: 0.7rem;
}

.fsm06 {
	font-size: 0.6rem;
}

.texts {
	line-height: 2.0rem;
}

/* title common */
.tit35 {
	font-size: 1.4rem;
}

.tit22 {
	font-size: 1.1rem;
}

/* float (spOnly) */
.clrFixM {
	clear: both;
}

.fLeftM {
	float: left;
}

.fRightM {
	float: right;
}

/* display */

.tCell {
	display: table-cell;
	vertical-align: middle;
}

/* display(spOnly) ver5.8～ ver6.2updata*/
.dis-blM,
.dis-blSp {
	display: block;
}

.dis-inM,
.dis-inSp {
	display: inline;
}

.dis-inblM,
.dis-inblSp {
	display: inline-block;
}

.dis-tdM,
.dis-tdSp {
	display: table-cell;
}

.dis-tbSetM {
	display: table;
}

.dis-tbSetM>div,
.dis-tbSetM>a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* margin top (spOnly)*/
.mTm5 {
	margin-top: 5px;
}

.mTm10 {
	margin-top: 10px;
}

.mTm15 {
	margin-top: 15px;
}

.mTm20 {
	margin-top: 20px;
}

.mTm25 {
	margin-top: 25px;
}

.mTm30 {
	margin-top: 30px;
}

.mTm35 {
	margin-top: 35px;
}

.mTm40 {
	margin-top: 40px;
}

.mTm45 {
	margin-top: 45px;
}

.mTm50 {
	margin-top: 50px;
}

.mTm55 {
	margin-top: 55px;
}

.mTm60 {
	margin-top: 60px;
}

.mTm65 {
	margin-top: 65px;
}

.mTm70 {
	margin-top: 70px;
}

.mTm75 {
	margin-top: 75px;
}

.mTm80 {
	margin-top: 80px;
}

.mTm85 {
	margin-top: 85px;
}

.mTm90 {
	margin-top: 90px;
}

.mTm95 {
	margin-top: 95px;
}

.mTm100 {
	margin-top: 100px;
}


/* margin bottom (spOnly) */
.mBm5 {
	margin-bottom: 5px;
}

.mBm10 {
	margin-bottom: 10px;
}

.mBm15 {
	margin-bottom: 15px;
}

.mBm20 {
	margin-bottom: 20px;
}

.mBm25 {
	margin-bottom: 25px;
}

.mBm30 {
	margin-bottom: 30px;
}

.mBm35 {
	margin-bottom: 35px;
}

.mBm40 {
	margin-bottom: 40px;
}

.mBm45 {
	margin-bottom: 45px;
}

.mBm50 {
	margin-bottom: 50px;
}

.mBm55 {
	margin-bottom: 55px;
}

.mBm60 {
	margin-bottom: 60px;
}

.mBm65 {
	margin-bottom: 65px;
}

.mBm70 {
	margin-bottom: 70px;
}

.mBm75 {
	margin-bottom: 75px;
}

.mBm80 {
	margin-bottom: 80px;
}

.mBm85 {
	margin-bottom: 85px;
}

.mBm90 {
	margin-bottom: 90px;
}

.mBm95 {
	margin-bottom: 95px;
}

.mBm100 {
	margin-bottom: 100px;
}

/* padding top (spOnly) */
.pTm5 {
	padding-top: 5px;
}

.pTm10 {
	padding-top: 10px;
}

.pTm15 {
	padding-top: 15px;
}

.pTm20 {
	padding-top: 20px;
}

.pTm25 {
	padding-top: 25px;
}

.pTm30 {
	padding-top: 30px;
}

.pTm35 {
	padding-top: 35px;
}

.pTm40 {
	padding-top: 40px;
}

.pTm45 {
	padding-top: 45px;
}

.pTm50 {
	padding-top: 50px;
}

.pTm55 {
	padding-top: 55px;
}

.pTm60 {
	padding-top: 60px;
}

.pTm65 {
	padding-top: 65px;
}

.pTm70 {
	padding-top: 70px;
}

.pTm75 {
	padding-top: 75px;
}

.pTm80 {
	padding-top: 80px;
}

.pTm85 {
	padding-top: 85px;
}

.pTm90 {
	padding-top: 90px;
}

.pTm95 {
	padding-top: 95px;
}

.pTm100 {
	padding-top: 100px;
}

/* padding-bottom (spOnly) */
.pBm5 {
	padding-bottom: 5px;
}

.pBm10 {
	padding-bottom: 10px;
}

.pBm15 {
	padding-bottom: 15px;
}

.pBm20 {
	padding-bottom: 20px;
}

.pBm25 {
	padding-bottom: 25px;
}

.pBm30 {
	padding-bottom: 30px;
}

.pBm35 {
	padding-bottom: 35px;
}

.pBm40 {
	padding-bottom: 40px;
}

.pBm45 {
	padding-bottom: 45px;
}

.pBm50 {
	padding-bottom: 50px;
}

.pBm55 {
	padding-bottom: 55px;
}

.pBm60 {
	padding-bottom: 60px;
}

.pBm65 {
	padding-bottom: 65px;
}

.pBm70 {
	padding-bottom: 70px;
}

.pBm75 {
	padding-bottom: 75px;
}

.pBm80 {
	padding-bottom: 80px;
}

.pBm85 {
	padding-bottom: 85px;
}

.pBm90 {
	padding-bottom: 90px;
}

.pBm95 {
	padding-bottom: 95px;
}

.pBm100 {
	padding-bottom: 100px;
}

/* text size (spOnly ver6.1～)*/
.txtLevel1sp {
	font-size: 0.6rem
}

.txtLevel2sp {
	font-size: 0.65rem
}

.txtLevel3sp {
	font-size: 0.7rem
}

.txtLevel4sp {
	font-size: 0.75rem
}

.txtLevel5sp {
	font-size: 0.8rem
}

.txtLevel6sp {
	font-size: 0.85rem
}

.txtLevel7sp {
	font-size: 0.9rem
}

.txtLevel8sp {
	font-size: 0.95rem
}

.txtLevel9sp {
	font-size: 1.05rem
}

.txtLevel10sp {
	font-size: 1.05rem
}

.txtLevel11sp {
	font-size: 1.1rem
}

.txtLevel12sp {
	font-size: 1.15rem
}

.txtLevel13sp {
	font-size: 1.2rem
}

.txtLevel14sp {
	font-size: 1.25rem
}

.txtLevel15sp {
	font-size: 1.3rem
}

.txtLevel16sp {
	font-size: 1.35rem
}

.txtLevel17sp {
	font-size: 1.4rem
}

.txtLevel18sp {
	font-size: 1.45rem
}

.txtLevel19sp {
	font-size: 1.5rem
}

/* Font-Weight ver5.6-*/
.fwNmM {
	font-weight: normal !important;
}

.fwbdM {
	font-weight: bold !important;
}

.fw3m {
	font-weight: 300 !important;
}

.fw4m {
	font-weight: 400 !important;
}

.fw5m {
	font-weight: 500 !important;
}

.fw6m {
	font-weight: 600 !important;
}

.fw7m {
	font-weight: 700 !important;
}

/* box均等割 (ver 5.7)*/
.twoColumn_sp>* {
	width: 50%;
}

.threeColumn_sp>* {
	width: 33.3%;
}

.fourColumn_sp>* {
	width: 25%;
}

.fiveColumn_sp>* {
	width: 20%;
}

.sixColumn_sp>* {
	width: 16.6%;
}

@media screen and (orientation: landscape) {
	.twoColumn_pc>* {
		width: 50%;
	}

	.threeColumn_pc>* {
		width: 33.3%;
	}

	.fourColumn_pc>* {
		width: 25%;
	}

	.fiveColumn_pc>* {
		width: 20%;
	}

	.sixColumn_pc>* {
		width: 16.6%;
	}
}

/* インデント */
.indSp {
	text-indent: 1em;
}

/* padding common */

.spPdlr {
	padding: 10px;
}

.spPdtb {
	padding: 15px 10px;
}

/* position */
.relSp {
	position: relative;
}

.absSp {
	position: absolute;
}

/* wrap */
.contentTwoAfter {
	padding-top: 80px;
}

.contentLast {
	margin-bottom: 40px;
}


/* text align (spOnly) */
.txLeftM,
.txLeft-sp {
	text-align: left;
}

.txCnM,
.txCn-sp {
	text-align: center;
}

.txRightM,
.txRight-sp {
	text-align: right;
}

/* inline -block */

.inline_parent_sp {
	letter-spacing: -.4em
}

.inlinebl_sp {
	display: inline-block;
}

/* p　tag inline */
.textIlineSp p {
	display: inline;
}

/* /// Device Size /// */


@media screen and (min-width:321px) {
	.spNrOn {
		display: none;
	}
}

/* 横の時有効 */
@media screen and (orientation: landscape) {
	.spPortOn {
		display: none;
	}

	.spLandOff {
		display: none;
	}
}

/* 縦 の時有効　*/
@media screen and (orientation: portrait) {
	.spLandOn {
		display: none;
	}

	.spPortOff {
		display: none;
	}

	/* PCと横時のみ有効 */
}

/* ※印用 */
.indent_komeM {
	padding-left: 1rem;
	text-indent: -0.6rem;
	margin-left: 1rem;
}

/* 縦書き SPのみ ※使う時は、使う箇所にmin-height指定すること。 */
.rltextSp {
	min-height: 10em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

_::-webkit-full-page-media,
_:future,
:root th.rltextSp {
	display: block;
	white-space: nowrap;
	border: none !important;
	background: transparent !important;
	padding-top: 0.5rem;
	min-width: 2em;
}

/* Flex SPのみ */
.flexSp {
	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;
}

/* Flex 横のみ */
/* flexBox */
/* wp-block-columnsはver6 */
@media screen and (orientation: landscape) {

	.flexland,
	.flexLand,
	.rightBtnModal .widget_welcart_category ul,
	.flexWpGroupLand>div,
	.wp-block-columns {
		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;
	}

	/* ver 5.8update */
}

/* flex ver5.6- ver6.2update*/
.flexWcM,
.flexWcSp {
	justify-content: center;
}

.flexHcM,
.flexHcSp {
	align-items: center;
}

.flexAllcM,
.flexAllcSp {
	justify-content: center;
	align-items: center;
}

@media screen and (orientation: landscape) {

	.flexWcMLand,
	.flexWcSpLand {
		justify-content: center;
	}

	.flexHcMLand,
	.flexHcSpLand {
		align-items: center;
	}

	.flexAllcMLand,
	.flexAllcSpLand {
		justify-content: center;
		align-items: center;
	}
}

/* ver6.3 - */

/* flex 並び順 ver5.8- */
.flexRrM {
	flex-direction: row-reverse;
}

/* 右→左 */
.flexRcM {
	flex-direction: column-reverse;
}

/* 下→上 */

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

.flexHmatchM>* {
	align-items: stretch;
}

/* flexコンテナー寄せ ver5.8- ver6.2update*/
.flexWrM,
.flexWrSp {
	justify-content: flex-start;
}

.flexWlM,
.flexWlSp {
	justify-content: flex-end;
}

.flexWbtM,
.flexWbtSp {
	justify-content: space-between;
}

.flexWArM,
.flexWArSp {
	justify-content: space-around;
}

.flexHrM,
.flexHrSp {
	align-items: right;
}

.flexHlM,
.flexHlSp {
	align-items: left;
}

.flexStretchM,
.flexStretchSp {
	align-items: stretch;
}

@media screen and (orientation: landscape) {
	.flexRrMLand {
		flex-direction: row-reverse;
	}

	.flexRcMLand {
		flex-direction: column-reverse;
	}

	.flexWrMLand,
	.flexWrSpLand {
		justify-content: flex-start;
	}

	.flexWlMLand,
	.flexWlSpLand {
		justify-content: flex-end;
	}

	.flexWbtMLand,
	.flexWbtSpLand {
		justify-content: space-between;
	}

	.flexWArMLand,
	.flexWArSpLand {
		justify-content: space-around;
	}

	.flexHrMLand,
	.flexHrSpLand {
		align-items: right;
	}

	.flexHlMLand,
	.flexHlSpLand {
		align-items: left;
	}

	.flexStretchMLand,
	.flexStretchSpLand {
		align-items: stretch;
	}
}

/* ver6.3 - */

/* /// table sp common v5.2new /// */
.spScroll {
	overflow: auto;
}

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

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

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


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

/* scroll table v5.3new */

@media screen and (orientation: portrait) {
	.scrollTable {
		overflow: scroll;
	}

	.scrollTable>table {
		width: 812px !important;
	}
}


/* ------------------------------------------------ 
       Common Color (sp Only) ver5.2
---------------------------------------------------  */

/* Font Normal Color */
.fcNmc-sp {
	color: #4C4948;
}

/* Font Color */
.fcBlk-sp,
.fcBlk-sp a {
	color: #000 !important;
}

.fcWh-sp,
.fcWh-sp a {
	color: #fff !important;
}

.fcDarkGrey-sp {
	color: #333 !important;
}

.fcGrey-sp {
	color: #888888 !important;
}

.fcGreen-sp,
.fcGreen-sp a {
	color: #5EAC77 !important;
}

.fcOrange-sp,
.fcOrange-sp a {
	color: #DE9C35 !important;
}

.fcPink-sp,
.fcPink-sp a {
	color: #D779A3 !important;
}

.fcYellow-sp,
.fcYellow-sp a {
	color: #FAF063 !important;
}

.fcSkyBlue-sp,
.fcSkyBlue-sp a {
	color: #49AAD2 !important;
}

.fcGold-sp {
	color: #a98d18 !important;
}

.fcRed-sp {
	color: #cf1226 !important;
}

.fcBrown-sp {
	color: #654a3b !important;
}

.fcDarkBlue-sp {
	color: #163153 !important;
}

.fcBlue-sp {
	color: #004986 !important;
}

.fcNavy-sp {
	color: #005DA1 !important;
}

.fcThinBrown-sp {
	color: #c2bbaf !important;
}


/* common background color */
.watarblue-sp {
	background: #87C1DE !important;
}

.thinwatarBlue-sp {
	background: #fbfaf6 !important;
}

.bgSkin-sp {
	background: #fcf2e2 !important;
}

.bgSkyBlue-sp {
	background: #f2f9fc !important;
}

.bgThinSky-sp {
	background: rgba(120, 188, 221, 0.15) !important;
}

.bgBroun-sp {
	background: #231815 !important;
}

.bgThinBroun-sp {
	background: #E2DED8 !important;
}

/* common border color */
.bdWhite-sp {
	border-color: #fff !important;
}

.bdGreen-sp {
	border-color: #5EAC77 !important;
}

.bdOrange-sp {
	border-color: #DE9C35 !important;
}

.bdPink-sp {
	border-color: #D779A3 !important;
}

.bdSkyBlue-sp {
	border-color: #78BCDD !important;
}

.bdNone-sp {
	border-color: transparent !important;
}

.bdbtmWhite-sp {
	border-bottom: 1px solid #fff !important;
}

.bdtopWhite-sp {
	border-bottom: 1px solid #fff !important;
}

/* border width(ver6.2-) */
.bdwAll1Sp {
	border-width: 1px;
}

.bdwAll2Sp {
	border-width: 2px;
}

.bdwAll3Sp {
	border-width: 3px;
}

.bdwAll4Sp {
	border-width: 4px;
}

.bdwAll5Sp {
	border-width: 5px;
}

.bdwLeft1Sp {
	border-width: 0 0 0 1px;
}

.bdwLeft2Sp {
	border-width: 0 0 0 2px;
}

.bdwLeft3Sp {
	border-width: 0 0 0 3px;
}

.bdwLeft4Sp {
	border-width: 0 0 0 4px;
}

.bdwLeft5Sp {
	border-width: 0 0 0 5px;
}

.bdwRight1Sp {
	border-width: 0 1px 0 0;
}

.bdwRight2Sp {
	border-width: 0 2px 0 0;
}

.bdwRight3Sp {
	border-width: 0 3px 0 0;
}

.bdwRight4Sp {
	border-width: 0 4px 0 0;
}

.bdwRight5Sp {
	border-width: 0 5px 0 0;
}

.bdwTop1Sp {
	border-width: 1px 0 0 0;
}

.bdwTop2Sp {
	border-width: 2px 0 0 0;
}

.bdwTop3Sp {
	border-width: 3px 0 0 0;
}

.bdwTop4Sp {
	border-width: 4px 0 0 0;
}

.bdwTop5Sp {
	border-width: 5px 0 0 0;
}

.bdwBtm1Sp {
	border-width: 0 0 1px 0;
}

.bdwBtm2Sp {
	border-width: 0 0 2px 0;
}

.bdwBtm3Sp {
	border-width: 0 0 3px 0;
}

.bdwBtm4Sp {
	border-width: 0 0 4px 0;
}

.bdwBtm5Sp {
	border-width: 0 0 5px 0;
}

/* border style(ver6.2-) */
.bdStSolidSp {
	border-style: solid;
}

.bdStDotSp {
	border-style: dotted;
}

.bdStDashSp {
	border-style: dashed;
}

/* リンクボーダー指定 ver5.6-*/
.bdNoneSp a,
a.bdNoneSp {
	text-decoration: none;
}

.bdYesSp a,
a.bdYesSp {
	text-decoration: underline;
}

/* modal ver5.6 */

.modal__bg {
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
}

.modal__content {
	width: calc(100% - 30px);
	min-height: calc(100vh - 30px);
	padding: 20px;
	overflow: scroll;
}

/* ------------------------------------------------ 
       Common Form Parts  ver5.7
---------------------------------------------------  */
/* input and textarea size */
input.fulls,
input.fulls-sp,
textarea.fulls,
textarea.fulls-sp {
	width: 100% !important;
}

input.fulls-max,
input.fulls-max-sp,
textarea.fulls-max,
textarea.fulls-max-sp {
	width: 100% !important;
	max-width: 300px;
}

input.fulls-lrtx,
input.fulls-lrtx-sp,
textarea.fulls-lrtx,
textarea.fulls-lrtx-sp {
	width: calc(100% - 200px) !important;
}

input.halfs,
input.halfs-sp {
	width: 50vw !important;
}

input.halfs-max,
input.halfs-max-sp {
	width: 50vw !important;
	max-width: 150px;
}

input.halfs-lrtx,
input.halfs-lrtx-sp {
	width: calc(50vw - 100px) !important;
}

@media screen and (orientation: landscape) {

	input.halfs,
	input.halfs-sp {
		width: 50% !important;
	}

	input.halfs-max,
	input.halfs-max-sp {
		width: 50% !important;
		max-width: 150px;
	}

	input.halfs-lrtx,
	input.halfs-lrtx-sp {
		width: calc(50% - 100px) !important;
	}
}

/* label */
label>span.note {
	font-size: 0.7rem;
}

/* mw mp form */
.mw_wp_form {
	width: 100%;
	overflow: hidden;
}

/* body style */
@media screen and (min-width:1399px) {
	body {
		overflow-x: hidden;
	}
}

/* wp blockeditor flex ver 7.1 - */
.wp-block-columns-is-layout-flex {
	flex-wrap: wrap !important;
}

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

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

@media screen and (max-width: 768px) {
html {
	font-size: 3.8vmin;
}

.magashot2501_wrapper .contentWrap,
.magashot2501_wrapper .addfmContent {
	max-width: 100vw;
	width: 100%;
	overflow-x: hidden;
}

.magashot2501_wrapper .addfmContent {
	background: #fff;
	padding: 4vmin;
}


.magashot2501_wrapper .cvBtn {
	max-width: 80vmin;
	margin-left: 10vmin;
}

.magashot2501_wrapper #item .cvBtn {
	max-width: 100%;
	margin-left: 0;
}

.magashot2501_wrapper #item .cvBtn img {
	max-width: 80vmin !important;
}

.cvBtn .cvoff {
	width: 22vmin;
	top: -18vmin;
	left: -6.8vmin;
}

.fixedBtn {
	left: 0;
}

/* ------------------------------------------------ 
      slider
---------------------------------------------------  */
.flex-control-nav li {
	margin: 2vmin 0.5em;
}

.flex-control-nav {
	margin: -5.6vmin 0 5.6vmin;
}

.flex-direction-nav li {
	bottom: 17vmin;
}

.flex-direction-nav li.flex-nav-prev {
	left: 4vmin;
}

.flex-direction-nav li.flex-nav-next {
	right: 4vmin;
}

.flex-direction-nav a {
	width: 12vmin;
	height: 12vmin;
}



/* ------------------------------------------------ 
      Nayami Block
---------------------------------------------------  */
.magashot2501_wrapper .nayamiBlock {
	padding-top: 3.6vmin;
}

.magashot2501_wrapper .nayamiBlock h2 {
	margin-bottom: 3.2vmin;
}

.magashot2501_wrapper .nayamiBlock h3 img {
	width: 71.6vmin;
}

.magashot2501_wrapper .nayamiBlock ol {
	margin-top: 2vmin;
	margin-left: 14.2vmin;
}

.magashot2501_wrapper .nayamiBlock li {
	max-width: 72vmin;
	padding: 4.6vmin 0 4.6vmin 12.4vmin;
}

/* ------------------------------------------------ 
      award Block
---------------------------------------------------  */
.magashot2501_wrapper .awardBlock {
	padding-top: 5.6vmin;
}

.magashot2501_wrapper .awardBlock h2 img {
	width: 85vmin;
}

.magashot2501_wrapper .awardBlock h3 {
	width: 114vmin;
	top: 22.8vmin;
	left: -6.8vmin;
}

.magashot2501_wrapper .awardBlock h4 {
	width: 15.4vmin;
	top: 20vmin;
	right: 2vmin;
}

.magashot2501_wrapper .awardBlock h4.is-show {
	top: 76vmin;
	right: 5.4vmin;
}

.magashot2501_wrapper .awardBlock-btm .itemImage {
	margin-top: 131.2vmin;
}

.magashot2501_wrapper .awardBlock-btm .itemImage img {
	width: 97.2vmin;
}

.magashot2501_wrapper .awardBlock-btm .itemName img {
	width: 54.4vmin;
}

.magashot2501_wrapper .awardBlock-btm .itemName {
	margin-bottom: 4.6vmin;
}

.magashot2501_wrapper .awardBlock #bubble_a {
	bottom: 33.8vmin;
	right: -8.2vmin;
	width: 28.6vmin;
}

/* ------------------------------------------------ 
      amazingBlock Block
---------------------------------------------------  */
.magashot2501_wrapper .amazingBlock {
	padding: 14.4vmin 4vmin;
}

.magashot2501_wrapper .amazingBlock .inner {
	width: 100%;
	border-radius: 5vmin;
}

.magashot2501_wrapper .amazingBlock h2 img {
	width: 69vmin;
	margin-top: -5.4vmin;
}

.magashot2501_wrapper .amazingBlock ol {
	margin-top: 2.6vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) {
	padding-left: 34.2vmin;
	margin-bottom: 8.6vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .no {
	width: 14.6vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .txt {
	width: calc(100% - 20vmin);
	margin-bottom: 1vmin;
	margin-left: 2.2vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line {
	padding-left: 5vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line img {
	height: 11.2vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(1).is-show .line {
	width: 48vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .ml {
	width: 25.8vmin;
	top: -12.6vmin;
	right: -7.6vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(1) .ml {
	animation: 2s ease-in 1s infinite alternate forwards running boundimg;
}

@keyframes boundimg {
	0% {
		top: -12.6vmin;
	}

	50% {
		top: -4.6vmin;
	}

	75% {
		top: -8.6vmin;
	}

	100% {
		top: -4.6vmin;
	}
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) {
	padding-left: 32.2vmin;
	margin-bottom: 5.4vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .no {
	width: 16.4vmin;
	margin-left: 14vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .txBox {
	margin-top: 4vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line img {
	height: 11.2vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(2).is-show .line {
	width: 55vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(2) .txt {
	top: -3vmin;
	left: 14vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) {
	padding-left: 37.8vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .no {
	width: 15.8vmin;
	margin-left: 14vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .txBox {
	margin-top: 3vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line,
.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line img {
	height: 15vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .line img,
.magashot2501_wrapper .amazingBlock ol li:nth-child(3).is-show .line {
	width: 49.4vmin;
}

.magashot2501_wrapper .amazingBlock ol li:nth-child(3) .txt {
	top: -3vmin;
	left: 9.6vmin;
}

.magashot2501_wrapper .amazingBlock .maskImage {
	width: 96.8vmin;
	top: 27.6vmin;
	left: -13.4vmin;
}

.magashot2501_wrapper .amazingBlock #ambubble_a {
	width: 22.8vmin;
	top: -11.6vmin;
	left: -9.4vmin;
}

.magashot2501_wrapper .amazingBlock .illustImage {
	width: 32.4vmin;
	top: -4.4vmin;
	right: -3vmin;
}

.magashot2501_wrapper .amazingBlock .illustImageBtm {
	width: 29.2vmin;
	bottom: -7.6vmin;
	left: -1.4vmin;
}

/* ------------------------------------------------ 
      w Block
---------------------------------------------------  */
.magashot2501_wrapper .wBlock {
	padding: 8vmin 0 12vmin;
}

.magashot2501_wrapper .wBlock h2 img {
	width: 80vmin !important;
}

/* ------------------------------------------------ 
      morning Block
---------------------------------------------------  */
.magashot2501_wrapper .morningBlock {
	padding-top: 72.4vmin;
}

.magashot2501_wrapper .morningBlock .itemImageBox {
	width: 93.4vmin;
	top: -9.2vmin;
	right: 0;
}

.magashot2501_wrapper .morningBlock .speech {
	width: 46.6vmin;
	top: 1.8vmin;
	left: -9.4vmin;
}

.magashot2501_wrapper .morningBlock h2 img {
	width: 94.4vmin;
}

.magashot2501_wrapper .morningBlock .itemInfo {
	margin-top: 5vmin;
}

.magashot2501_wrapper .morningBlock #mobubble_a {
	width: 25vmin;
	top: -24vmin;
	left: -12vmin;
}

.magashot2501_wrapper .morningBlock .itemInfo .cvBtnOrange {
	margin-top: 10.8vmin;
}

/* ------------------------------------------------ 
      night Block
---------------------------------------------------  */
.magashot2501_wrapper .nightBlock {
	padding-top: 69.2vmin;
}

.magashot2501_wrapper .nightBlock h2 img {
	width: 94.2vmin;
}

.magashot2501_wrapper .nightBlock .speech {
	width: 43vmin;
	top: -1.2vmin;
	right: -7.6vmin;
}

.magashot2501_wrapper .nightBlock .itemImageBox {
	width: 100vmin;
	top: -8.8vmin;
	left: 0;
}

.magashot2501_wrapper .nightBlock .itemInfo {
	margin-top: 5vmin;
}

.magashot2501_wrapper .nightBlock .itemInfo .cvBtnBlue {
	margin-top: 10.8vmin;
}

/* common */
.magashot2501_wrapper .morningBlock .noteWrap,
.magashot2501_wrapper .nightBlock .noteWrap {
	padding: 0 4vmin 8vmin;
}

.magashot2501_wrapper .morningBlock .itemInfo .note,
.magashot2501_wrapper .nightBlock .itemInfo .note {
	padding: 1em 4vmin 0;
}

/* ------------------------------------------------ 
      sns Block
---------------------------------------------------  */
.magashot2501_wrapper .snsBlock {
	padding-top: 6.6vmin;
	padding-bottom: 15.2vmin;
}

.magashot2501_wrapper .snsBlock .snsslider {
	padding-top: 5.4vmin;
}

.magashot2501_wrapper .snsBlock .snsComents {
	margin-top: -5.2vmin;
	margin-left: 2vmin;
	z-index: 100;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(1) img.cmImg {
	width: 94.6vmin;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(2) img.cmImg {
	width: 70.8vmin;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(2) img.faceImg {
	width: 35vmin;
	top: 0;
	right: -2.6vmin;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(3) {
	padding-left: 14vmin;
	margin-top: -4vmin;
}

.magashot2501_wrapper .snsBlock .snsComents li:nth-child(3) img.cmImg {
	width: 70.8vmin;
}

.magashot2501_wrapper .snsBlock .bubble {
	width: 37.6vmin;
	bottom: 14.6vmin;
	left: -6.4vmin;
}

.slick-initialized .slick-slide {
	padding: 0 4vmin;
}

/* ------------------------------------------------ 
      birth Block
---------------------------------------------------  */
.magashot2501_wrapper .birthBlock {
	padding-bottom: 8vmin;
}

.magashot2501_wrapper .birthBlock .birthTitle,
.magashot2501_wrapper .birthBlock h2 {
	width: 56vmin;
}

.magashot2501_wrapper .birthBlock .birthTitle {
	top: -5vmin;
}

.magashot2501_wrapper .birthBlock .birthContent {
	max-width: calc(100% - 8vmin);
	margin: 20vmin auto 0;
	padding: 0 6vmin 12vmin;
	border-radius: 5vmin;
}

.magashot2501_wrapper .birthBlock .birthContent .face {
	margin-top: -19vmin;
	margin-bottom: 8.6vmin;
}

.magashot2501_wrapper .birthBlock .birthContent .face img {
	width: 36.8vmin;
	margin-bottom: 1em;
}

.magashot2501_wrapper .birthBlock h3 {
	margin-bottom: 8vmin;
}

.magashot2501_wrapper .birthBlock .note {
	padding-left: 4vmin;
}

.magashot2501_wrapper .birthBlock .birthContent .mark {
	width: 12vmin;
}

.magashot2501_wrapper .birthBlock .birthContent .markUp {
	top: -2.8vmin;
	left: 3.4vmin;
}

.magashot2501_wrapper .birthBlock .birthContent .markBtm {
	bottom: -2.8vmin;
	right: 3.4vmin;
}

.magashot2501_wrapper .birthBlock .bubble {
	width: 28vmin;
	top: -8vmin;
	right: -6vmin;
}

/* ------------------------------------------------ 
      chosen Block
---------------------------------------------------  */
.magashot2501_wrapper .chosenBlock {
	padding-bottom: 6vmin;
}

.magashot2501_wrapper .chosenBlock h2 {
	padding: 12.6vmin 0 8vmin;
}

.magashot2501_wrapper .chosenBlock h2 img {
	width: 77.4vmin;
}

.magashot2501_wrapper .chosenBlock ul {
	padding: 0 6.4vmin 1em;
}

.magashot2501_wrapper .chosenBlock li:nth-child(1),
.magashot2501_wrapper .chosenBlock li:nth-child(2) {
	margin-bottom: 1.2vmin;
}

.magashot2501_wrapper .chosenBlock p.note {
	padding-right: 4vmin;
}

/* award + chosen */
.magashot2501_wrapper .awardBlock #kira2a,
.magashot2501_wrapper .chosenBlock #kira2a {
	width: 38.2vmin;
	top: 0;
	left: 0;
}

.magashot2501_wrapper .awardBlock #kira2b,
.magashot2501_wrapper .chosenBlock #kira2b {
	width: 45vmin;
	top: -8vmin;
	right: -2.8vmin;
}

.magashot2501_wrapper .awardBlock.is-show #kira2a img,
.magashot2501_wrapper .chosenBlock.is-show #kira2a img {
	margin-left: -40vmin;
	margin-top: 20vmin;
}

.magashot2501_wrapper .awardBlock.is-show #kira2b img,
.magashot2501_wrapper .chosenBlock.is-show #kira2b img {
	margin-left: 44vmin;
	margin-bottom: 40vmin;
}

/* ------------------------------------------------ 
      faq Block
---------------------------------------------------  */
.magashot2501_wrapper .faqBlock .inner {
	padding: 14vmin 8vmin;
}

.magashot2501_wrapper .faqBlock .inner h2 img {
	width: 31.4vmin;
}

.magashot2501_wrapper .faqBlock .inner h2 {
	margin-bottom: 3.6vmin;
}

.magashot2501_wrapper .faqBlock .inner h3 {
	margin-bottom: 9.6vmin;
}

.magashot2501_wrapper .faqBlock .inner .faqOne .qImg {
	width: 15vmin;
}

.magashot2501_wrapper .faqBlock .inner .faqOne h4 {
	width: calc(100% - 26vmin);
	padding-left: 2vmin;
}

.magashot2501_wrapper .faqBlock .inner .faqOne dt,
.magashot2501_wrapper .faqBlock .inner .faqOne dd {
	padding: 3vmin 0;
}

/* ------------------------------------------------ 
      read Block
---------------------------------------------------  */
.magashot2501_wrapper .readBlock {
	padding: 8vmin 4vmin 7vmin;
}

.magashot2501_wrapper .readOne {
	margin-top: 8vmin;
}

.magashot2501_wrapper .readOne dt {
	padding: 4vmin;
}

.magashot2501_wrapper .readOne dt h3 {
	width: calc(100% - 9vmin);
}

.magashot2501_wrapper .readOne dd {
	padding: 6vmin 6vmin 7vmin;
}

/* faq + read common */
.magashot2501_wrapper .faqBlock .inner .openBtn,
.magashot2501_wrapper .readOne .openBtn {
	width: 9vmin;
}

/* ------------------------------------------------ 
      footer
---------------------------------------------------  */
footer.magashot2501Ft {
	padding: 6vmin 4vmin 7.6vmin;
}

footer.magashot2501Ft ul {
	padding-bottom: 6vmin;
}

footer.magashot2501Ft p.copyRt {
	padding-top: 7vmin;
}


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

.magashot2501_wrapper #item {
	padding: 12vmin 4vmin 26vmin;
}

.magashot2501_wrapper #item .tabs li {
	width: calc(33.3% - 0.8vmin);
	margin-right: 1vmin;
}


.magashot2501_wrapper #item .tabs li .inner {
	height: 22vmin;
	border-radius: 3vmin 3vmin 0 0;
}

.magashot2501_wrapper #item .tabs li .inner figure img {
	width: 23.2vmin;
	margin-top: -6vmin;
}

.magashot2501_wrapper #item .tabs li .inner:before {
	height: 4vmin;
}

.magashot2501_wrapper #item .itemWrap {
	padding: 2vmin;
}

.magashot2501_wrapper #item .itemWrap .inner {
	padding-bottom: 5.6vmin;
}

.magashot2501_wrapper #item .itemName {
	margin-bottom: 7.2vmin;
}

.magashot2501_wrapper #item .itemName .icon {
	width: 20vmin;
}

.magashot2501_wrapper #item .itemName .itemNameTxt {
	width: calc(100% - 20vmin);
}

.magashot2501_wrapper #item .itemName.single .itemNameTxt {
	width: 100%;
	padding-top: 4.6vmin;
}

.magashot2501_wrapper #item .itemImage {
	width: 100%;
	margin-bottom: 4.8vmin;
}

.magashot2501_wrapper #item .itemImageFile {
	width: 74.6vmin;
}

.magashot2501_wrapper #item .itemImage .offMark {
	width: 26.4vmin;
	top: -2.6vmin;
	right: 0;
}

.magashot2501_wrapper #item .itemNameBtm {
	padding-bottom: 4vmin;
}

.magashot2501_wrapper #item .itemNameBtm.lastBox {
	margin-bottom: 4vmin;
}

.magashot2501_wrapper #item img.offImg {
	width: 80vmin;
	margin-bottom: 2.4vmin;
}

.magashot2501_wrapper #item .itemPrice {
	padding-bottom: 2.4vmin;
}

.magashot2501_wrapper #item .itemPriceNext h3 {
	max-width: calc(100% - 8vmin);
	margin: 4vmin auto 2.4vmin;
}

.magashot2501_wrapper #item .itemPriceNext {
	margin-bottom: 4vmin;
}

}


/* 追加CSS */
.nayamiBlock h3 img {
	margin-top: -8px;
}

.txCn dt {
	font-size: 0.6em;
	font-weight: 400;
}

.txCn dd {
	font-size: 0.9em;
}

.birthContent .fs115em {
	font-size: 1.5em;
	font-weight: 400;
}

.faqOne p {
	font-size: 1.3em;
	font-weight: 400;
}

.magashot2501_wrapper #item .itemName {
	align-items: flex-start !important;
}

.itemName .fs120em {
	font-size: 1.05em !important;
	margin-bottom: 0;
	padding-top: 10px;
}

.itemName .fw4 {
	font-size: 1.2em;
	margin-top: 0;
}

.itemNameBtm .fcRed {
	font-size: 0.8em;
	font-weight: 600;
}

.fs125em .fcRed {
	font-weight: bold;
}

/* ------------------------------------------------ 
      FastView
---------------------------------------------------  */
@media screen and (max-width: 768px) {

	#magashot2501_typeBWrap .fvBlock {
		padding-top: 162vmin;
	}

	#magashot2501_typeBWrap .fvBlock h1 {
		width: 113vmin;
		top: 34.8vmin;
		left: -6.4vmin;
	}

	#magashot2501_typeBWrap .fvBlock .fvb-morning h2 {
		width: 71.2vmin;
		top: -10px;
		left: 4vmin;
	}

	#magashot2501_typeBWrap .fvBlock .point01 {
		width: 52.6vmin;
		top: 33vmin;
		left: 4vmin;
	}

	#magashot2501_typeBWrap .fvBlock .illust01 {
		width: 35.8vmin;
		top: 0;
		right: -4vmin;
	}

	#magashot2501_typeBWrap .fvBlock .fvb-night h2 {
		width: 63.6vmin;
		bottom: 22vmin;
		right: 4.6vmin;
	}

	#magashot2501_typeBWrap .fvBlock .point02 {
		width: 24.8vmin;
		bottom: 51.2vmin;
		left: 39.2vmin;
	}

	#magashot2501_typeBWrap .fvBlock .illust02 {
		width: 32.8vmin;
		bottom: 24vmin;
		left: 3.6vmin;
	}

	#magashot2501_typeBWrap .fvBlock .mask {
		width: 34.2vmin;
		bottom: 50vmin;
		right: 2.4vmin;
	}

	#magashot2501_typeBWrap .fvBlock #bubble_a {
		width: 23.2vmin;
		bottom: 49.2vmin;
		left: -1.8vmin;
	}

	#magashot2501_typeBWrap .fvBlock #bubble_b {
		width: 25.6vmin;
		top: 27.2vmin;
		right: -20vmin;
	}

	.magashot2501_wrapper .nayamiBlock h3 img {
		width: 300px;
	}

	.magashot2501_wrapper .nayamiBlock ol {
		margin-left: 50px;
	}

	.magashot2501_wrapper .nayamiBlock ol {
		margin-left: 50px;
		margin-top: 0;
	}

	.magashot2501_wrapper .nayamiBlock li {
		max-width: 300px;
		font-size: 15px;
		padding: 18px 0 18px 52px;
	}

	.magashot2501_wrapper .awardBlock h4 {
		top: 320px;
	}

	.awardBlock-btm .txCn {
		font-size: 1.1em;
		font-weight: 400;
	}

	.itemInfo h3 {
		font-size: 1.3em;
	}

	.itemInfo h4 {
		font-size: 1.5em;
		letter-spacing: 0;
	}

	.itemInfo .fs125em {
		font-size: 1.4em;
	}

	.fs74em {
		font-size: 0.8em;
	}

	.magashot2501_wrapper .birthBlock h2 {
		font-size: 1.35em;
	}

	.txCn dt {
		font-size: 0.5em;
	}

	.txCn dd {
		font-size: 0.75em;
	}

	.birthContent .fs115em {
		font-size: 1.2em;
	}

	.itemName .fs120em {
		font-size: 0.9em !important;
	}

	.itemNameTxt h2 {
		font-size: 1em !important;
	}

	.itemNameBtm .fs150em {
		font-size: 1.2em;
		line-height: 35px;
	}

	.itemNameBtm .fs115em {
		font-size: 0.9em;
	}

	.itemPriceNext .fs120em {
		font-size: 0.9em;
	}
}

/* ==============================================
   Slider Navigation Custom Style
   (矢印と数字のナビゲーション用) - Color修正版
============================================== */

/* --- ナビゲーション全体の配置 --- */
.slider-navigation {
	display: flex;
	align-items: center;
	gap: 30px;
	padding-bottom: 20px;
	position: relative;
	z-index: 100;
	justify-content: space-between;
	margin: -30px 15px 0;
}

/* --- 矢印ボタンのベースデザイン --- */
.nav-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: #fff;
	/* 背景は常に白 */
	border-style: solid;
	border-width: 2px;
	transition: all 0.3s;
}

/* --- 矢印の形（CSSで描画） --- */
.arrow-shape {
	display: block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 2px 2px 0 0;
	margin-top: -2px;
}

/* 左矢印（戻る）：「＜」の向きに回転 */
.prev-btn .arrow-shape,
.prev-btn-night .arrow-shape {
	transform: rotate(-135deg);
	margin-left: 4px;
}

/* 右矢印（進む）：「＞」の向きに回転 */
.next-btn .arrow-shape,
.next-btn-night .arrow-shape {
	transform: rotate(45deg);
	margin-right: 4px;
}

/* --------------------------------------------------
   カラー設定（朝・夜で色を分ける）
-------------------------------------------------- */

/* ▼▼▼ 朝用（デフォルト）の設定 ▼▼▼ */
/* 矢印ボタン */
.prev-btn,
.next-btn {
	border-color: #db5635;
	color: #db5635;
}

.prev-btn .arrow-shape,
.next-btn .arrow-shape {
	border-color: #db5635;
}


/* ▼▼▼ 夜用（-night）の設定 ▼▼▼ */
/* 矢印ボタン */
.prev-btn-night,
.next-btn-night {
	border-color: #282e78;
	color: #282e78;
}

.prev-btn-night .arrow-shape,
.next-btn-night .arrow-shape {
	border-color: #282e78;
}


/* ==============================================
   Pagination (Numbers) Style
   (ページ番号のデザイン)
============================================== */

/* リストのレイアウト（共通） */
.custom-pagination .slick-dots,
.custom-pagination-night .slick-dots {
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-pagination .slick-dots li,
.custom-pagination-night .slick-dots li {
	margin: 0;
}

/* 数字自体のスタイル（共通ベース） */
.custom-pagination .slick-dots li button,
.custom-pagination-night .slick-dots li button {
	border: none;
	background: transparent;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	outline: none;
	transition: color 0.3s;
}

/* ▼ 朝用の数字の色（非アクティブ） */
.custom-pagination .slick-dots li button {
	color: #f4df9e;
}

/* ▼ 夜用の数字の色（非アクティブ）★変更箇所 */
.custom-pagination-night .slick-dots li button {
	color: #aabbdc;
}

/* 選択中の数字（アクティブ）：朝用 */
.custom-pagination .slick-dots li.slick-active button {
	color: #db5635;
	transform: scale(1.2);
}

/* 選択中の数字（アクティブ）：夜用 */
.custom-pagination-night .slick-dots li.slick-active button {
	color: #282e78;
	transform: scale(1.2);
}


/* ==============================================
   Slide Size & Layout
   (スライド本体の調整)
============================================== */

/* --- 既存の矢印を消す --- */
.morningslider .slick-prev,
.morningslider .slick-next,
.nightslider .slick-prev,
.nightslider .slick-next {
	display: none !important;
}

/* --- スライドの幅を固定する設定 --- */
.morningslider .slick-slide,
.nightslider .slick-slide {
	width: 500px;
	/* 幅500px固定 */
	margin: 0 15px;
	/* スライド同士の横の間隔 */
	outline: none;
}

/* 画像自体の調整 */
.morningslider .slick-slide img,
.nightslider .slick-slide img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

/* スマホ対応（768px以下） */
@media screen and (max-width: 768px) {

	/* 1. 全体の枠（500px固定）を解除し、画面いっぱいに広げる */
	.magashot2501_wrapper .contentWrap {
		width: 100% !important;
		/* 幅500pxを解除して100%に */
		margin-left: 0 !important;
		/* 左のPC用余白を削除 */
		overflow: hidden;
		/* はみ出し防止 */
	}

	/* 2. 左側のPC用メニュー（画像）を消す */
	.notMobileLeft {
		display: none !important;
	}

	/* 3. スライド1枚のサイズを画面幅に合わせる */
	.morningslider .slick-slide,
	.nightslider .slick-slide {
		width: 100vw !important;
		/* 画面幅いっぱいにする */
		margin: 0 !important;
		/* 隙間をなくす */
	}

	/* 4. 画像自体も枠内にきっちり収める */
	.morningslider .slick-slide img,
	.nightslider .slick-slide img {
		width: 100% !important;
		height: auto !important;
		border-radius: 0;
	}

	/* 5. 矢印と数字ナビゲーションの調整 */
	.slider-navigation {
		margin: 0;
		/* 位置調整 */
		padding: 10px 0 30px;
		/* 上下の余白 */
		gap: 15px;
		/* ボタンの間隔 */
		justify-content: center;
		/* 真ん中寄せ */
	}

	.nav-arrow {
		width: 40px;
		height: 40px;
	}

	.arrow-shape {
		width: 8px;
		height: 8px;
	}

	.slick-initialized .slick-slide {
		padding: 0 !important;
	}

	.slider-navigation {
		justify-content: space-around;
		margin-top: -30px;
	}
}

/* --- 以前のFontAwesome用スタイルを無効化 --- */
.nav-arrow i {
	display: none;
}