@charset "UTF-8";

/* フォント */
@import url(fonts/barlowcondensed.css);




/*-----------------


	reset

-----------------*/


/* ボディ */
body{ color: #191919; font-size: 94%; line-height: 2; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" ,"Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.bodywrap{ padding:0; }
.bodywrap.grey{ background: #f8f6f2; }
.bodywrap.inwhite .bodyinwrap{ max-width: 1180px; width: 92%; margin:0 auto; background-color: #fff; padding: 40px 50px 50px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bodywrap.inwhite.last .bodyinwrap{ margin-bottom: 0; padding-bottom: 60px; }
.noside.bodywrap.first{ padding-top: 40px; }
.noside.bodywrap.last{ padding-bottom: 115px; }
@media screen and (max-width: 1040px) { 
	.bodywrap{ width: 1040px; }
}
@media screen and (max-width: 767px) { 
	body{ font-size: 88%; }
	.bodywrap{ width: 100%; padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.bodyinwrap{ padding:0 6%; }
	.noside.bodywrap.first{ padding-top: 30px; }
	.noside.bodywrap.last{ padding-bottom: 20px; }
	.bodywrap.inwhite .bodyinwrap{ padding: 25px 15px 30px; }
}





/*-----------------


	common

-----------------*/


/* ---------------基本構成------------------- */

.noscrpt p { padding: 5px; background: #ff0000; font-weight: bold; text-align: center; }

/* セクションタイトル */
.posttitle { font-weight: 900; line-height: 1.6; font-feature-settings: "palt"; font-size: 2.5em; text-indent: 0; padding-left: 0; letter-spacing: 0.05em; margin-bottom: 0; }
@media screen and (max-width: 767px) { .posttitle { font-size: 2em; } }
@media screen and (max-width: 479px) { .posttitle { font-size: 1.5em; } }
.sectitle { letter-spacing: 0em; margin-bottom: 50px; font-size: 1.6em; font-weight: bold; }
@media screen and (max-width: 767px) { .sectitle { margin-bottom: 30px; } }

/* ブロック */
.insec { margin-bottom: 40px; }
.insec:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	.insec { margin-bottom: 20px; }
}

/* 画面幅(狭い) */
.narrowwrap { max-width: 880px ;  margin-bottom: 10px !important; }

/* 下層通常 */
.formatblock, .incnt, .bgbox1, .borderbox1, .sectitle { max-width: 1040px; }

/* 画面幅(通常) */
.normalwrap { max-width: 1280px ; }

/* 画面幅(ワイド) */
.widewrap { max-width: 1380px ; }

/* エレメント余白(通常) */
.elementparts { margin-bottom: 25px; }

.insec .incnt:last-child .elementparts:last-child,
.insec .elementparts:last-child,
ul>li>.inwrap .elementparts:last-child{ margin-bottom: 0 }
@media screen and (max-width: 767px) {
	.insec .elementparts:last-child{ margin-bottom: 10px; }
}

/* マージン狭い */
.narrowmargin { margin-bottom: 5px; }

/* マージン広い */
.widemargin { margin-bottom: 40px; }

/* マージン広い */
.insec.widemargin { margin-bottom: 55px; }

/* ブロックスタイル(背景BOX) */
.bgbox1, .borderbox1{ padding: 30px; }
.bgbox1 { background: #f7f7f7; }
.borderbg{ border:30px solid #f7f7f7; }

.borderbox1{ border:1px solid #191919; }
@media screen and (max-width: 767px) { 
	.bgbox1, .borderbox1{ padding: 20px; }
	.borderbg{ border:20px solid #f7f7f7; }
	.insec.widemargin { margin-bottom: 30px; }
}


/* -------------------エレメント-------------------- */

/* h3タイトル */
.insectitle { font-weight: bold; font-size: 1.6em; font-feature-settings: "palt"; margin-bottom: 25px; line-height: 1.6; }
.insectitle span.inbtxt{ font-weight: bold; }
.insectitle.acc{ position: relative; }
.inseclist .insectitle.acc+.inbox{ padding-bottom: 30px; }
.insectitle.acc>span.accicon{  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; position: absolute; top: -5px; bottom: 0; margin:auto 0; right:15px; width: 10px; height: 10px; }
.insectitle.acc>span.accicon:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto; right:0; left:0; width: 10px; height: 10px;  border-top:2px solid #191919; border-right:2px solid #191919; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; }
.insectitle.acc.isopen>span.accicon{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); top:0; bottom:-5px }
@media screen and (max-width: 767px) { 
	.insectitle { font-size: 1.57em; margin-bottom: 10px; }
	.insectitle.middlecenter{ font-size: 1.33em; text-align: center; margin-bottom: 20px; }
}
@media screen and (max-width: 479px) { 
	.insectitle { font-size: 1.42em; }
}

/* h3タイトル */
.subtitle { font-weight: bold; font-size: 1.2em; font-feature-settings: "palt"; margin-bottom: 15px; line-height: 1.6; }
@media screen and (max-width: 767px) { 
	.subtitle { margin-bottom: 10px; }
}
@media screen and (max-width: 479px) { 
	.subtitle { font-size: 1.15em; }
}

/* h4タイトル */
.intitle { font-weight: bold; font-size: 1.1em; font-feature-settings: "palt"; margin-bottom: 15px; line-height: 1.6; }
@media screen and (max-width: 767px) { 
	.intitle { margin-bottom: 5px; }
}
@media screen and (max-width: 479px) { 
	.intitle { font-size: 1em; }
}

/* コピーテキスト */
.copy .copytxt { font-weight: 900; line-height: 1.6; font-feature-settings: "palt"; font-size: 2em; }
.copy .copytxt span{ font-weight: 900 }
@media screen and (max-width: 767px) { .copy .copytxt { font-size: 1.1em; } }









/* -------------------本文-------------------- */

li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }
table { border-collapse: collapse; border-spacing:0; text-align: left; font-style:normal; font-weight:normal; width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; word-break: break-all; }
table th{ font-weight: normal }
@media screen and (max-width: 767px) { 
	table{ font-size: 0.93em; }
}

/* p indext */
p.indent, p.indent,
ul.indent li, ol.indent li,
p.caution,ul.caution li,
.text ul li, .text ol li,
body.mceContentBody ul li { padding-left: 1em!important; text-indent: -1em; font-feature-settings : "palt"; }

/* リストデザイン */
.text ul li:before,
body.mceContentBody ul li:before { content: "・"; }
.text ul li,
body.mceContentBody ul li{ padding-left: 0.5em!important; text-indent: -0.5em; }
.text ol li,
body.mceContentBody ol li{ counter-increment: number; padding-left: 1.1em; text-indent: -1.1em; font-feature-settings : "palt"; }
.text ol li:before,
body.mceContentBody ol li:before { content: counter(number) "."; }
.text ul li, .text ol li,
body.mceContentBody ul li, body.mceContentBody ol li{ margin-bottom: 3px; line-height: 1.6; }

/* li caution */
ul.caution, p.caution { padding-top: 0px; }
ul.caution li:before, p.caution:before { content:"※"!important; }


/* テキスト寄せ */
.tl { text-align: left!important; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }

/* float */
.cnt_left { float: left; }
.cnt_right { float: right; }


/* 英語のみ */
input.enonly{ ime-mode:disabled; }

/* inbtxt */
.inbtxt { display: inline-block; }

/* 文字詰め */
.palttxt{ font-feature-settings : "palt"; }

/* 太字 */
.txtbold, .txtbold span, .txtbold li { font-weight: bold; }

/* 下線 */
.txtunderline{ text-decoration: underline; }

/* 取り消し線 */
.txtlinethrough{ text-decoration: line-through; }

/* 小さい文字 */
.txtsmall { font-size: 0.86em; }

/* 大きい文字 */
.txtbig1 { font-size: 1.2em; font-weight: bold; }
.txtbig2 { font-size: 1.47em; font-weight: bold; }
@media screen and (max-width: 767px) { 
	.txtbig1 { font-size: 1.14em; }
	.txtbig1 { font-size: 1.29em; }
}

/* 赤字 */
p.ermsg, .required { color: #e30d20; line-height: 1.5; }

/* グレー文字 */
.txtblackgrey { color: #a3a3a3; }

.bgblackgrey { background: #a3a3a3; }

.markerblackgrey { background: linear-gradient(transparent 60%, #a3a3a3 0%); }

.txtgrey { color: #d1d1d1; }

.bggrey { background: #d1d1d1; }

.markergrey { background: linear-gradient(transparent 60%, #d1d1d1 0%); }

/* 黒文字 */
.txtblack { color: #191919; }

.bgblack { background: #191919; }

.markerblack { background: linear-gradient(transparent 60%, #191919 0%); }

/* 白文字 */
.txtwhite { color: #fff; }

.bgwhite { background: #fff; }

.markerwhite { background: linear-gradient(transparent 60%, #fff 0%); }

/* 赤文字 */
.txtred { color: #ff0000; }

.bgred { background: #ff0000; }

.markerred { background: linear-gradient(transparent 60%, #ff0000 0%); }

/* キーカラー */
.txtcolor1 { color: #e30d20; }

.bgcolor1 { background: #e30d20; }

.markercolor1 { background: linear-gradient(transparent 60%, #e30d20 0%); }

.txtcolor2 { color: #fce800; }

.bgcolor2 { background: #fce800; }

.markercolor2 { background: linear-gradient(transparent 60%, #fce800 0%); }

/* スクロールのメッセージ */
.scrollmsg{ color:#ccc; font-size: 0.86em; font-weight: bold; }

.modelname{ margin-left: -15px; }
.modelname .name{ margin-left: 15px; display: inline-block; }
.modelname .icon{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; margin-left: 15px; }
.modelname .icon.pachinkoicon{ background-color: #e30d20; width: 65px; height: 25px; }
.modelname .icon.pachinkoicon>img{ width: 52px; height: 12px; }
.modelname .icon.slot{ background-color: #182987; width: 65px; height: 25px; }
.modelname .icon.slot>img{ width: 28px; height: 12px; }
.point{ font-size: 0.8em; }
.point:before{ content:""; background: url(../img/common/pointcoin.svg) no-repeat; -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; display: inline-block; vertical-align: sub; margin-right: 10px; }
.account:before{ content:""; background: url(../img/common/accounticon.svg) no-repeat; -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; display: inline-block; vertical-align: sub; margin-right: 10px; }
@media screen and (max-width: 767px) { 
	.modelname{ font-size: 1.07em; margin-bottom: 5px; margin-left: -10px; }
	.modelname .name{ margin-left: 10px; }
	.modelname .icon{ margin-left: 10px; }
	.reachname{ font-size: 1.07em; }
	.point{ font-size: 0.86em; }
	.point:before{ margin-right: 5px; }
}



/* ---------------リンクスタイル------------------- */
/* normallink */
a { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
@media screen and (max-width: 640px) { a { -webkit-transition: none; -moz-transition: none; transition: none; } }
a.nodeco, a:hover, a:active, a.tel_link { text-decoration: none; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { opacity: 0.7; }
a.tel_link { cursor: default; color: inherit; background: transparent; }
a.tel_link:hover, a.tel_link:active { opacity: 1; }

/* 背景ベタボタン */
a.btnlink { background: #191919; border: 1px solid #191919; color: #fff; border-radius: 5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.btnlink:hover { background: #fff !important; color: #191919; }
a.btnlink, a.borderbtnlink{ display: inline-block; padding:16px 12px; font-weight: 700; font-size: 1.07em; text-decoration: none!important; letter-spacing: 0.07em; line-height: 1.6; }
a.btnlink:hover, a.borderbtnlink:hover{ opacity: 1 }

a.btnoklink { background: #e30d20; border: 1px solid #e30d20; color: #fff; border-radius: 5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.btnoklink:hover { background: #fff !important; color: #e30d20; }
a.btnoklink, a.borderbtnlink{ display: inline-block; padding:16px 12px; font-weight: 700; font-size: 1.07em; text-decoration: none!important; letter-spacing: 0.07em; line-height: 1.6; }
a.btnoklink:hover, a.borderbtnlink:hover{ opacity: 1 }

@media screen and (max-width: 767px) {
	a.btnlink, a.borderbtnlink{ padding:13px; font-size: 1em; }
}

/* ボーダーボタン */
a.borderbtnlink { background: #fff; color: #e30d20; border: 1px solid #e30d20; }
a.borderbtnlink:hover { background: #e30d20; color: #fff !important; }

/* blanklinktxt */
a.blanklinktxt{ text-decoration: none!important; }
a.blanklinktxt svg{ width: 18px; height: 18px; display: inline-block; vertical-align: -2px; margin-right: 10px; }



/* ---------------テーブルスタイル------------------- */
/* テーブルクラスのtableリセット */
.table_normal, .table_type1, .table_type2 { width: 100%; margin: 10px 0; table-layout: fixed; margin-bottom: 5px; }

.table_normal th, .table_normal td, .table_type1 th, .table_type1 td, .table_type2 th, .table_type2 td { padding: 26px 20px; line-height: 1.5; border-bottom: 1px solid #d9d9d9; }
.table_normal tr:last-child th, .table_normal tr:last-child td, .table_type1 tr:last-child th, .table_type1 tr:last-child td, .table_type2 tr:last-child th, .table_type2 tr:last-child td{ border-bottom: none; }

.table_type2 thead th, .table_type2 thead td { text-align: center; font-weight: bold; }

/* styletable2ヘッダー */
.table_type1 th, .table_type2 th { background: #f2f2f2; width: 170px; box-sizing: border-box; }

.table_type2 thead th, .table_type2 thead td { background: #d1d1d1; }

/* グレー文字 */
th.blackgreycell, td.blackgreycell{ background: #a3a3a3 }
th.greycell, td.greycell{ background: #d1d1d1 }
th.blackcell, td.blackcell{ background: #191919 }
th.whitecell, td.whitecell{ background: #fff }
th.redcell, td.redcell{ background: #f00 }
th.colorcell1, td.colorcell1{ background: #e30d20 }
th.colorcell2, td.colorcell2{ background: #fce800 }
@media screen and (max-width: 767px) { 
	.table_type1 th, .table_type2 th{ width: 130px; }
	.table_normal th, .table_normal td, .table_type1 th, .table_type1 td, .table_type2 th, .table_type2 td { padding: 15px 20px; }
}


/* -------------------svgアイコン設定-------------------- */
/* svg矢印アイコン設定 */
.svgline-black_color { stroke: #191919; }

.svgline-white_color { stroke: #fff; }

.svgfill-black_color { fill: #191919; }

.svgfill-white_color { fill: #fff; }




/* -------------------paddding-margin-------------------- */

/* border */
.bt0{ border-top:0!important; }
.bb0{ border-bottom:0!important; }
.br0{ border-right:0!important; }
.bl0{ border-left:0!important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.pr60 { padding-right: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.mr60 { margin-right: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.pr70 { padding-right: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.mr70 { margin-right: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
.pr80 { padding-right: 80px !important; }
.mt80 { margin-top: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml80 { margin-left: 80px !important; }
.mr80 { margin-right: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pl90 { padding-left: 90px !important; }
.pr90 { padding-right: 90px !important; }
.mt90 { margin-top: 90px !important; }
.mb90 { margin-bottom: 90px !important; }
.ml90 { margin-left: 90px !important; }
.mr90 { margin-right: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl100 { padding-left: 100px !important; }
.pr100 { padding-right: 100px !important; }
.mt100 { margin-top: 100px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml100 { margin-left: 100px !important; }
.mr100 { margin-right: 100px !important; }
.mb165 { margin-bottom: 165px !important; }


/* reset */
.reset_p { padding: 0 !important; }
.reset_mpb{ margin:0!important; padding:0!important; border:0!important; }
.reset_bottom{ margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: 0!important; }
.reset_bottom:after{ content: none; }
.reset_top{ margin-top: 0!important; padding-top: 0!important; border-top: 0!important; }
.reset_top:before{ content: none; }
.reset_right{ margin-right: 0!important; padding-right: 0!important; border-right: 0!important; }
.reset_right:after{ content: none; }
.reset_left{ margin-left: 0!important; padding-left: 0!important; border-left: 0!important; }
.reset_left:before{ content: none; }

/* 高さクラス */
.height_short { height: 70px; }
.height_middle { height: 105px; }

/* 幅クラス */
.width_short { width: 100px; }
.width_middle { width: 120px; }
.width_middleshort { width: 180px; }
.width_middlelong { width: 220px; }
.width_long { width: 300px; }
.width_longshort { width: 400px; }
.width_full { width: 100%; }

/* positionクラス */
.is_relative { position: relative; }

/* para */
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; } @media screen and (max-width: 767px) { .para2 { margin-bottom: 15px!important; } }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 767px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 767px) { .para4 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para4 { margin-bottom: 20px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 767px) { .para5 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 767px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 767px) { .para7 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para7 { margin-bottom: 40px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 767px) { .para8 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para8 { margin-bottom: 40px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 767px) { .para9 { margin-bottom: 60px!important; } } @media screen and (max-width: 479px) { .para9 { margin-bottom: 40px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 767px) { .para10 { margin-bottom: 70px!important; } } @media screen and (max-width: 479px) { .para10 { margin-bottom: 50px!important; } }





/* -------------------メディア-------------------- */

/* iframe */
.iframe { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
.iframe iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }





/* -------------------画像-------------------- */


/* 画像が下 */
.imgbottombox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }

.imgbottombox .imgbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.imgbottombox .elementparts.imgbox{ margin-bottom: 0; margin-top: 20px; }
@media screen and (max-width: 767px) { .imgbottombox .elementparts.imgbox { margin-top: 15px; } }


/* 画像リスト */
.txtbox { width: 100%; }

/* ギャラリー */
.imgbox p{ padding-bottom: 5px; text-align: left }
.imgbox p.title{ font-weight: bold; line-height: 1.8; }

/* imgrightbox, imgleftbox */
.imgrightbox{ margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row-reverse; }
.imgleftbox{ margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row; }
.imgrightbox.center, .imgleftbox.center{ justify-content: center; }
.imgrightbox.center .imgbox,
.imgrightbox.center .txtbox,
.imgleftbox.center .imgbox,
.imgleftbox.center .txtbox{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; }
.imgrightbox .imgbox, .imgleftbox .imgbox { width: 40%; }
.imgrightbox .imgbox, .imgleftbox .imgbox, .imgrightbox .imgbox .img, .imgleftbox .imgbox .img, .imgrightbox .contframe.imgbox .img, .imgleftbox .contframe.imgbox .img{ margin-bottom: 0; }
.imgrightbox .imgbox { margin-left: 4%; }
.imgleftbox .imgbox { margin-right: 4%; }
.imgrightbox .txtbox, .imgleftbox .txtbox { width: 56%; }

/* 画像回り込み */
.contwraparound { display: block; }
.contwraparound.imgrightbox .imgbox{ float: right }
.contwraparound.imgleftbox .imgbox{ float: left }
.contwraparound .txtbox { float: none; width: 100%!important; }


/* svg矢印アイコン設定 */
.svgline-black_color, .svgline-white_color, .fillnone{ fill:none; }
[class*="svgline-"]{ stroke-width:2;stroke-miterlimit:10; }


/* wideimg */
.wideimg, .bgcolorbox{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; padding:30px 4%; box-sizing: border-box; overflow: hidden; }
.topdownmargin .wideimg, .topdownmargin .bgcolorbox{ padding:50px 4%; }
.wideimg.elementparts{ height: 500px; }
@media screen and (max-width: 767px) { 
	.wideimg.elementparts{ height: 300px; }
	.wideimg, .bgcolorbox{ padding:20px 6%; }
	.topdownmargin .wideimg, .topdownmargin .bgcolorbox{ padding:30px 4%; }
}

/* 画像overflow */
.contframe:not(.imgbox), .contframe.imgbox .img { overflow: auto; text-align: center; }
.contframe.imgbox .img{ padding-bottom: 0; margin-bottom: 10px }
.contframe.w400 table,
.contframe.w400 img { min-width: 400px; width: 100% !important; }
.contframe.w450 table,
.contframe.w450 img { min-width: 450px; width: 100% !important; }
.contframe.w500 table,
.contframe.w500 img { min-width: 500px; width: 100% !important; }
.contframe.w550 table,
.contframe.w550 img { min-width: 550px; width: 100% !important; }
.contframe.w600 table,
.contframe.w600 img { min-width: 600px; width: 100% !important; }
.contframe.w650 table,
.contframe.w650 img { min-width: 650px; width: 100% !important; }
.contframe.w700 table,
.contframe.w700 img { min-width: 700px; width: 100% !important; }
.contframe.w750 table,
.contframe.w750 img { min-width: 750px; width: 100% !important; }
.contframe.w800 table,
.contframe.w800 img { min-width: 800px; width: 100% !important; }








/* -------------------表示非表示切り替え-------------------- */

.imgleftbox .contframe.imgbox .img, .imgrightbox .contframe.imgbox .img{ overflow: visible; }
.imgleftbox .contframe.imgbox.w400 .img img, .imgleftbox .contframe.imgbox.w450 .img img, .imgleftbox .contframe.imgbox.w500 .img img, .imgleftbox .contframe.imgbox.w550 .img img, .imgleftbox .contframe.imgbox.w600 .img img, .imgleftbox .contframe.imgbox.w650 .img img, .imgleftbox .contframe.imgbox.w700 .img img, .imgleftbox .contframe.imgbox.w750 .img img, .imgleftbox .contframe.imgbox.w800 .img img,
.imgrightbox .contframe.imgbox.w400 .img img, .imgrightbox .contframe.imgbox.w450 .img img, .imgrightbox .contframe.imgbox.w500 .img img, .imgrightbox .contframe.imgbox.w550 .img img, .imgrightbox .contframe.imgbox.w600 .img img, .imgrightbox .contframe.imgbox.w650 .img img, .imgrightbox .contframe.imgbox.w700 .img img, .imgrightbox .contframe.imgbox.w750 .img img, .imgrightbox .contframe.imgbox.w800 .img img{ min-width:auto; }
.imgleftbox .contframe.imgbox .scrollmsg, .imgrightbox .contframe.imgbox .scrollmsg{ display: none }


.middlehide { display: block; }
.middlehide.inlineblock { display: inline-block; }
.middlehide.inline { display: inline; }

.middleblock { display: none; }

@media screen and (max-width: 767px) { .middlehide { display: none !important; }
	.middleblock { display: block; }
	.middleblock.inlineblock { display: inline-block; }
	.middleblock.inline { display: inline; }
	.middlefit.imgleftbox .imgbox, .middlefit.imgleftbox .txtbox, .middlefit.imgrightbox .imgbox, .middlefit.imgrightbox .txtbox, .middlefit.cntfloatbox .cnt_left, .middlefit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.middlefit.imgleftbox, .middlefit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
	.middlefit.imgrightbox .imgbox, .middlefit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.middlefit.imgrightbox .imgbox .img, .middlefit.imgleftbox .imgbox .img, .middlefit.imgrightbox .contframe.imgbox .img, .middlefit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }

	.middlefit.imgleftbox .contframe.imgbox .scrollmsg, .middlefit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.middlefit.imgleftbox .contframe.imgbox .img, .middlefit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.middlefit.imgleftbox .contframe.imgbox.w400 .img img, .middlefit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.middlefit.imgleftbox .contframe.imgbox.w450 .img img, .middlefit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.middlefit.imgleftbox .contframe.imgbox.w500 .img img, .middlefit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.middlefit.imgleftbox .contframe.imgbox.w550 .img img, .middlefit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.middlefit.imgleftbox .contframe.imgbox.w600 .img img, .middlefit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.middlefit.imgleftbox .contframe.imgbox.w650 .img img, .middlefit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.middlefit.imgleftbox .contframe.imgbox.w700 .img img, .middlefit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.middlefit.imgleftbox .contframe.imgbox.w750 .img img, .middlefit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.middlefit.imgleftbox .contframe.imgbox.w800 .img img, .middlefit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.middlefit.imgleftbox .imgbox, .middlefit.imgleftbox .txtbox, .middlefit.imgrightbox .imgbox, .middlefit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.middlefit.imgleftbox, .middlefit.imgrightbox, .middlefit.cntfloatbox { margin-bottom: -10px; }
	.middlefit.tc, .middlefit.tl, .middlefit.tr { text-align: left !important; } }
.landhide { display: block; }
.landhide.inlineblock { display: inline-block; }
.landhide.inline { display: inline; }

.landblock { display: none; }

@media screen and (max-width: 639px) { .landhide { display: none !important; }
	.landblock { display: block; }
	.landblock.inlineblock { display: inline-block; }
	.landblock.inline { display: inline; }
	.landfit.imgleftbox .imgbox, .landfit.imgleftbox .txtbox, .landfit.imgrightbox .imgbox, .landfit.imgrightbox .txtbox, .landfit.cntfloatbox .cnt_left, .landfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.landfit.imgleftbox, .landfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
	.landfit.imgrightbox .imgbox, .landfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.landfit.imgrightbox .imgbox .img, .landfit.imgleftbox .imgbox .img, .landfit.imgrightbox .contframe.imgbox .img, .landfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.landfit.imgleftbox .contframe.imgbox .scrollmsg, .landfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.landfit.imgleftbox .contframe.imgbox .img, .landfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.landfit.imgleftbox .contframe.imgbox.w400 .img img, .landfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.landfit.imgleftbox .contframe.imgbox.w450 .img img, .landfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.landfit.imgleftbox .contframe.imgbox.w500 .img img, .landfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.landfit.imgleftbox .contframe.imgbox.w550 .img img, .landfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.landfit.imgleftbox .contframe.imgbox.w600 .img img, .landfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.landfit.imgleftbox .contframe.imgbox.w650 .img img, .landfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.landfit.imgleftbox .contframe.imgbox.w700 .img img, .landfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.landfit.imgleftbox .contframe.imgbox.w750 .img img, .landfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.landfit.imgleftbox .contframe.imgbox.w800 .img img, .landfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.landfit.imgleftbox .imgbox, .landfit.imgleftbox .txtbox, .landfit.imgrightbox .imgbox, .landfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.landfit.imgleftbox, .landfit.imgrightbox, .landfit.cntfloatbox { margin-bottom: -10px; }
	.landfit.tc, .landfit.tl, .landfit.tr { text-align: left !important; } }
.sphide { display: block; }
.sphide.inlineblock { display: inline-block; }
.sphide.inline { display: inline; }

.spblock { display: none; }

@media screen and (max-width: 479px) { .sphide { display: none !important; }
	.spblock { display: block; }
	.spblock.inlineblock { display: inline-block; }
	.spblock.inline { display: inline; }
	.spfit.imgleftbox .imgbox, .spfit.imgleftbox .txtbox, .spfit.imgrightbox .imgbox, .spfit.imgrightbox .txtbox, .spfit.cntfloatbox .cnt_left, .spfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.spfit.imgleftbox, .spfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
	.spfit.imgrightbox .imgbox, .spfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.spfit.imgrightbox .imgbox .img, .spfit.imgleftbox .imgbox .img, .spfit.imgrightbox .contframe.imgbox .img, .spfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.spfit.imgleftbox .contframe.imgbox .scrollmsg, .spfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.spfit.imgleftbox .contframe.imgbox .img, .spfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.spfit.imgleftbox .contframe.imgbox.w400 .img img, .spfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.spfit.imgleftbox .contframe.imgbox.w450 .img img, .spfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.spfit.imgleftbox .contframe.imgbox.w500 .img img, .spfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.spfit.imgleftbox .contframe.imgbox.w550 .img img, .spfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.spfit.imgleftbox .contframe.imgbox.w600 .img img, .spfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.spfit.imgleftbox .contframe.imgbox.w650 .img img, .spfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.spfit.imgleftbox .contframe.imgbox.w700 .img img, .spfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.spfit.imgleftbox .contframe.imgbox.w750 .img img, .spfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.spfit.imgleftbox .contframe.imgbox.w800 .img img, .spfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.spfit.imgleftbox .imgbox, .spfit.imgleftbox .txtbox, .spfit.imgrightbox .imgbox, .spfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.spfit.imgleftbox, .spfit.imgrightbox, .spfit.cntfloatbox { margin-bottom: -10px; }
	.spfit.tc, .spfit.tl, .spfit.tr { text-align: left !important; } }
.porthide { display: block; }
.porthide.inlineblock { display: inline-block; }
.porthide.inline { display: inline; }

.portblock { display: none; }

@media screen and (max-width: 400px) { .porthide { display: none !important; }
	.portblock { display: block; }
	.portblock.inlineblock { display: inline-block; }
	.portblock.inline { display: inline; }
	.portfit.imgleftbox .imgbox, .portfit.imgleftbox .txtbox, .portfit.imgrightbox .imgbox, .portfit.imgrightbox .txtbox, .portfit.cntfloatbox .cnt_left, .portfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.portfit.imgleftbox, .portfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
	.portfit.imgrightbox .imgbox, .portfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.portfit.imgrightbox .imgbox .img, .portfit.imgleftbox .imgbox .img, .portfit.imgrightbox .contframe.imgbox .img, .portfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.portfit.imgleftbox .contframe.imgbox .scrollmsg, .portfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.portfit.imgleftbox .contframe.imgbox .img, .portfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.portfit.imgleftbox .contframe.imgbox.w400 .img img, .portfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.portfit.imgleftbox .contframe.imgbox.w450 .img img, .portfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.portfit.imgleftbox .contframe.imgbox.w500 .img img, .portfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.portfit.imgleftbox .contframe.imgbox.w550 .img img, .portfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.portfit.imgleftbox .contframe.imgbox.w600 .img img, .portfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.portfit.imgleftbox .contframe.imgbox.w650 .img img, .portfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.portfit.imgleftbox .contframe.imgbox.w700 .img img, .portfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.portfit.imgleftbox .contframe.imgbox.w750 .img img, .portfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.portfit.imgleftbox .contframe.imgbox.w800 .img img, .portfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.portfit.imgleftbox .imgbox, .portfit.imgleftbox .txtbox, .portfit.imgrightbox .imgbox, .portfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.portfit.imgleftbox, .portfit.imgrightbox, .portfit.cntfloatbox { margin-bottom: -10px; }
	.portfit.tc, .portfit.tl, .portfit.tr { text-align: left !important; } }



/* ---------------newstopics------------------- */
#index .newstopics{ max-height: 345px; overflow-y: auto; padding-top: 5px; padding-bottom: 5px; padding-right: 5px }
.newstopics>dt{ color:#666666; font-size: 0.75em; margin-bottom: 5px; }
.newstopics>dd{ text-align: left;  margin-bottom: 35px; }
.newstopics>dd:last-child{ margin-bottom: 0 }




/* ---------------basicblkparts------------------- */
.basicblkparts>ul{ margin-bottom: -40px;  }
.basicblkparts>ul>li{ margin-bottom: 40px; line-height: 1.8 }

.basicblkparts>ul>li .simpletxt{ font-weight: 900; font-size: 1.5em; font-feature-settings: "palt"; word-break: break-all; }

.marks>ul>li .simpletxt:before { content: ""; background: #274185; border-radius: 50%; width: 10px; height: 10px; display: inline-block; margin-right: 8px; vertical-align: 2px; margin-left: 5px }
.marks>ul>li .simpletxt{  padding-left: 1.2em; text-indent: -1.2em; font-feature-settings : "palt"; }

.number>ul{ counter-reset:number }
.number>ul>li{ counter-increment: number; }
.number>ul>li .simpletxt{  padding-left: 1.2em; text-indent: -1.2em; font-feature-settings : "palt"; }
.number>ul>li .simpletxt:before { content: counter(number) ". "; }
.borderboxtype>ul>li>.inwrap,
.slidelist.borderboxtype .swiper-slide>.inwrap,
.bgboxtype>ul>li>.inwrap,
.slidelist.bgboxtype .swiper-slide>.inwrap{ padding: 45px 45px; }
.borderboxtype>ul>li>.inwrap,
.slidelist.borderboxtype .swiper-slide>.inwrap { border:10px solid #f7f7f7; }
.bgboxtype>ul>li>.inwrap,
.slidelist.bgboxtype .swiper-slide>.inwrap { background: #f7f7f7; }
.kugirilinetype:not(.yoko)>ul>li>.inwrap{ padding-bottom: 45px; margin-bottom: 45px; border-bottom:10px dashed #f7f7f7; }
.kugirilinetype:not(.yoko)>ul>li:last-child>.inwrap{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
.kugirilinetype:not(.yoko)>ul,
.kugirilinetype:not(.yoko)>ul>li,
.borderboxtype.boxnointervaltype:not(.yoko)>ul,
.borderboxtype.boxnointervaltype:not(.yoko)>ul>li{ margin-bottom: 0!important; }
.borderboxtype.boxnointervaltype:not(.yoko)>ul>li>.inwrap{ border-bottom: 0!important; }
.borderboxtype.boxnointervaltype:not(.yoko)>ul>li:last-child>.inwrap{ border-bottom: 10px solid #f7f7f7; }
.kugirilinetype.yoko>ul>li>.inwrap{ padding-left: 45px; margin-left: 45px; border-left:10px dashed #f7f7f7; }
.slidelist.kugirilinetype.yoko .swiper-slide>.inwrap,
.slidelist.borderboxtype.boxnointervaltype .swiper-slide>.inwrap{ margin-left: 0; margin-right: 0 }
.slidelist.kugirilinetype.yoko .swiper-slide>.inwrap{ padding-left: 45px; padding-right: 45px; border-left:10px dashed #f7f7f7; }
.kugirilinetype.yoko>ul>li:first-child>.inwrap,
.slidelist.kugirilinetype.yoko .swiper-slide:first-child>.inwrap{ padding-left: 0; margin-left: 0; border-left: 0 }
.kugirilinetype.yoko>ul,
.kugirilinetype.yoko>ul>li,
.slidelist.kugirilinetype.yoko .swiper-wrapper,
.borderboxtype.boxnointervaltype.yoko>ul,
.borderboxtype.boxnointervaltype.yoko>ul>li,
.slidelist.borderboxtype.boxnointervaltype.yoko .swiper-wrapper,
.slidelist.borderboxtype.boxnointervaltype.yoko .swiper-slide>.inwrap{ margin-left: 0!important; }
.borderboxtype.boxnointervaltype.yoko>ul>li>.inwrap,
.slidelist.borderboxtype.boxnointervaltype.yoko .swiper-slide>.inwrap{ border-left: 0!important; }
.borderboxtype.boxnointervaltype.yoko>ul>li:first-child>.inwrap,
.slidelist.borderboxtype.boxnointervaltype.yoko .swiper-slide:first-child>.inwrap{ border-left: 10px solid #f7f7f7!important; }
.boxblock.borderboxtype.boxnointervaltype.yoko.c4>ul>li,
.boxblock.kugirilinetype.yoko.c4>ul>li{ width: 25%;  }
.boxblock.borderboxtype.boxnointervaltype.yoko.c3>ul>li,
.boxblock.kugirilinetype.yoko.c3>ul>li{ width: 33.3%; }
.boxblock.borderboxtype.boxnointervaltype.yoko.c2>ul>li,
.boxblock.kugirilinetype.yoko.c2>ul>li{ width: 50%; }
@media screen and (max-width: 767px) { 
	.basicblkparts>ul{ margin-bottom: -30px;  }
	.basicblkparts>ul>li{ margin-bottom: 30px; }
	.borderboxtype>ul>li>.inwrap,
	.bgboxtype>ul>li>.inwrap,
	.slidelist.borderboxtype .swiper-slide>.inwrap,
	.slidelist.bgboxtype .swiper-slide>.inwrap{ padding: 30px 6%; }
	.borderboxtype>ul>li>.inwrap,
	.slidelist.borderboxtype .swiper-slide>.inwrap { border:5px solid #f7f7f7; }
	.kugirilinetype.yoko>ul>li>.inwrap,
	.kugirilinetype:not(.yoko)>ul>li>.inwrap{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:5px dashed #f7f7f7; }
	.borderboxtype.boxnointervaltype.yoko>ul>li>.inwrap,
	.borderboxtype.boxnointervaltype:not(.yoko)>ul>li:last-child>.inwrap{ border-bottom: 5px solid #f7f7f7; }
	.kugirilinetype.yoko>ul>li>.inwrap{ padding-left: 0; margin-left: 0; border-left:0; }
	.kugirilinetype.yoko>ul>li:first-child>.inwrap{ padding-left: 0; margin-left: 0; border-left: 0 }
	.kugirilinetype.yoko>ul,
	.kugirilinetype.yoko>ul>li,
	.borderboxtype.boxnointervaltype.yoko>ul,
	.borderboxtype.boxnointervaltype.yoko>ul>li{ margin-left: 0!important; margin-bottom: 0!important }
	.borderboxtype.boxnointervaltype.yoko>ul>li:first-child>.inwrap{ border-left: 5px solid #f7f7f7!important; }

	.kugirilinetype.yoko>ul>li:last-child>.inwrap{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
	.kugirilinetype.yoko>ul,
	.kugirilinetype.yoko>ul>li,
	.borderboxtype.boxnointervaltype.yoko>ul,
	.borderboxtype.boxnointervaltype.yoko>ul>li{ margin-bottom: 0!important; }
	.borderboxtype.boxnointervaltype.yoko>ul>li>.inwrap{ border-bottom: 0!important; border-left: 5px solid #f7f7f7!important }
	.borderboxtype.boxnointervaltype:not(.yoko)>ul>li:last-child>.inwrap,
	.borderboxtype.boxnointervaltype.yoko>ul>li:last-child>.inwrap{ border-bottom: 5px solid #f7f7f7!important; }
	.kugirilinetype.yoko>ul>li>.inwrap{ padding-bottom: 45px; margin-bottom: 45px; border-bottom:5px dashed #f7f7f7; }
	.slidelist.kugirilinetype.yoko .swiper-slide>.inwrap{ padding-left: 45px; padding-right: 45px; border-left:5px dashed #f7f7f7; }
}




/* ---------------boxblock------------------- */
.boxblock.yoko>ul{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; margin-left: -30px; margin-bottom: -20px }
.boxblock.yoko>ul>li{ margin-left: 30px; margin-bottom: 20px }
.boxblock.yoko>ul>li>.inwrap{ box-sizing: border-box; height: 100% }
.boxblock.yoko.c4>ul>li{ width: calc(25% - 30px);  }
.boxblock.yoko.c3>ul>li{ width: calc(33.3% - 30px); }
.boxblock.yoko.c2>ul>li{ width: calc(50% - 30px); }
@media screen and (max-width: 767px) { 
	.boxblock.yoko>ul{ display: block; }
	.boxblock.yoko.c4>ul>li, .boxblock.yoko.c3>ul>li, .boxblock.yoko.c2>ul>li{ width: 100%!important;  }
	.boxblock.yoko>ul{  margin-left: 0;  }
	.boxblock.yoko>ul>li{ margin-left: 0; }
	.boxblock.yoko>ul>li>.inwrap{ height: auto; }
}


/* withthumb */
.boxblock.tate>ul>li>.inwrap{ margin: 0 0 10px; padding: 30px; }
.boxblock.tate>ul>li:last-child>.inwrap{ margin-bottom: 0; }
.boxblock>ul>li>.inwrap{ display: block; position:relative; }
.boxblock>ul>li>.withthumb{display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.boxblock>ul>li>.withthumb>.txtbox1 .text { margin-bottom: 40px; }
.boxblock>ul>li>.withthumb>.img1{ position: relative; }
.boxblock>ul>li>.withthumb>.img1 .newicon{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; background-color: #fce000; width: 40px; height: 25px; position: absolute; top: 0; left: 0; -ms-align-items: center; align-items: center; justify-content: center; }
.boxblock>ul>li>.withthumb>.img1 .newicon>img{ width: 24px; height: 12px; }
.boxblock>ul>li>.inwrap:not(.withthumb) .newicon{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; background-color: #fce000; width: 40px; height: 25px; position: absolute; top: 0; left: 0; -ms-align-items: center; align-items: center; justify-content: center; }
.boxblock>ul>li>.inwrap:not(.withthumb) .newicon>img{ width: 24px; height: 12px; }
.boxblock>ul>li .replies { display: none; width: 100%; }
.boxblock>ul>li .replies .replyform { padding-left: 20px; margin-top: 15px; }
.boxblock>ul>li>.withthumb .replies .replyform { padding-left: 30px; }
.boxblock>ul>li>.withthumb .replies .text { margin-bottom: 10px; }
.boxblock>ul>li .txtbox1{ word-break: break-all; position: relative; }
.boxblock>ul>li .txtbox1.reply { display: block; margin-top: 20px; padding-left: 30px; }
.boxblock>ul>li .txtbox1 .modelname{ margin-bottom: 10px; text-align: left; }
.boxblock>ul>li .txtbox1 .timingname,
.boxblock>ul>li .txtbox1 .otherinfo{ font-size: 0.8em; margin-bottom: 7px; }
.boxblock>ul>li .txtbox1 .otherinfo{ margin-top: 10px; text-align: left; margin-left: -10px; }
.boxblock>ul>li .txtbox1 .otherinfo.sed { margin-top: 0; }
.boxblock>ul>li .txtbox1 .otherinfo.sed.parent{ position: absolute; bottom: 0; width: 100%; }
.boxblock>ul>li .txtbox1 .otherinfo ul{ display: inline-block; width: 100%; margin-left: -10px; }
.boxblock>ul>li>.withthumb .otherinfo{ margin-left: 0; }
.boxblock>ul>li>.withthumb .otherinfo ul{ display: block; margin-left: -10px;  }
.boxblock>ul>li .txtbox1 .otherinfo ul>li{ margin-left: 10px; display: inline-block; }
.boxblock>ul>li .txtbox1 .otherinfo span.status{ float: right }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.point{ font-size: 1em; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li:before{ margin-right: 5px; vertical-align: -5px; }
.boxblock>ul>li>.inwrap:not(.withthumb) .txtbox1 .otherinfo{ margin-top: -15px; margin-bottom: 0; }
.boxblock>ul>li>.inwrap:not(.withthumb) .txtbox1 .otherinfo ul:nth-child(2){ margin-top: 10px; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.alert { float:right; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.alert a { display: inline-block; border: 1px solid #e30d20; color:#e30d20; padding: 0 8px; text-decoration: none; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.alert a:hover { background: #855d60; color:#fff; transition : 0.3s; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.tweet a { display: inline-block; border: 1px solid #00acee; color:#00acee; padding: 0 8px; text-decoration: none; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.tweet a:hover { background: #00acee; color:#fff; transition : 0.3s; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; text-decoration: none; padding: 5px; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a:hover { opacity: 1; } 
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_display:hover { opacity: 0.7; } 
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_active { color: #e30d20; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a svg { margin-right: 5px; fill: #ffffff; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a svg path:last-child { stroke: #e30d20; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_display:hover svg,
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_active svg { fill: #e30d20; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_display:hover svg path:last-child,
.boxblock>ul>li .txtbox1 .otherinfo ul>li.good a.is_active svg path:last-child { stroke: #e30d20; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.icon a { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; text-decoration: none; padding: 5px; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.icon a svg { margin-right: 5px; fill: #ffffff; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.icon a svg path:last-child { stroke: #e30d20; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.replyaccordion { float:right; cursor: pointer; }
.boxblock>ul>li .txtbox1 .otherinfo.sed.parent ul>li.replyaccordion { position: absolute; right: 0; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.replyaccordion > a.accordion { display: block; width: 61px; height: 34px; text-align: center; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.replyaccordion > a.accordion span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; vertical-align: middle; margin:auto 0; width: 14px; height: 14px; margin-top: 15px; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.replyaccordion > a.accordion span:before { content:""; margin:auto; width: 14px; height: 14px;  border-top:2px solid #191919; border-right:2px solid #191919; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; }
.boxblock>ul>li .txtbox1 .otherinfo ul>li.replyaccordion > a.accordion.is_active span { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: 0px; }
.boxblock>ul>li .replies .replyform .forminputlist .list1 { display: block; }
.boxblock>ul>li .replies .replyform .forminputlist .list1 dt { padding-top: 0; text-align: left !important; margin-bottom: 0 !important; }
.boxblock>ul>li .replies .replyform .forminputlist .list1 dd { width: calc(100% - 30px); }
.boxblock>ul>li .replies .replyform .forminputlist .list1 dd textarea { min-height: 120px; }
.boxblock>ul>li .replies .replyform .checklicense { margin-top: 10px; margin-bottom: 10px; }
.boxblock>ul>li .replies .replyform .checklicense input { background: transparent; }
.boxblock>ul>li .replies .replyform .checklicense + .replybtnarea .replysubmit { display: block !important; margin: 0; }
.boxblock>ul>li .replies .replyform .replybtnarea { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; justify-content: center; }
.boxblock>ul>li .replies .replyform .replybtnarea .replysubmit { background-color: #ccc; border: 1px solid #ccc; }
.boxblock>ul>li .replies .replyform .replybtnarea .replysubmit:hover { color: #fff; }
.boxblock>ul>li .replies .replyform .replybtnarea .replysubmit.is_checked { background-color: #e30d20; border: 1px solid #ee30d2; }
.boxblock>ul>li .replies .replyform .replybtnarea .replysubmit.is_checked:hover { background: #fff; color: #e30d20; }

.boxblock>ul>li>a.inwrap{ text-decoration: none; }
.boxblock>ul>li>a.inwrap:hover{ opacity: 1; }
.boxblock>ul>li>a.inwrap .img1{ position: relative; overflow: hidden; }
.boxblock>ul>li>a.inwrap .img1>img{ object-fit: cover; font-family: 'object-fit: cover;'; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; display: block; }
.boxblock>ul>li>a.inwrap:hover .img1>img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);  }
.boxblock>ul>li>a.inwrap:hover .txtbox1 .title1{ color: #e30d20; }
@media screen and (max-width: 767px) { 
	.boxblock.tate>ul>li>.inwrap{ padding: 25px 20px; }
	.boxblock>ul>li>.withthumb{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.boxblock>ul>li>.withthumb>.img1{ width: 100%!important; margin: 0 auto 10px; }
	.boxblock>ul>li>.withthumb>.txtbox1{ width: 100%!important; }
	.boxblock>ul>li .txtbox1 .timingname,
	.boxblock>ul>li .txtbox1 .otherinfo{ font-size: 0.86em; }
	.boxblock>ul>li .txtbox1 .otherinfo{ margin-top: 15px; }
}
@media screen and (max-width: 479px) { 
	.boxblock>ul>li .txtbox1 .otherinfo ul>li.alert { float:none; }
	.boxblock>ul>li .inwrap.withthumb{ position: relative; }
	.boxblock>ul>li .txtbox1 .otherinfo span.status{ position: absolute; right: 20px; top:25px; }
}


/* prefselectbox */
.boxblock.prefselectbox{  }
.boxblock.prefselectbox.yoko.c6>ul>li{ width: calc(16.6% - 30px) }
.prefselectbox .title1{ background-color: #eeeeee; padding: 5px 4%; margin-bottom: 10px; text-align: center; }
.prefselectbox .title1.acc{ position: relative; }
.prefselectbox .title1.acc>span.accicon{  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; position: absolute; top: -5px; bottom: 0; margin:auto 0; right:15px; width: 8px; height: 8px; }
.prefselectbox .title1.acc>span.accicon:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto; right:0; left:0; width: 8px; height: 8px;  border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; }
.prefselectbox .title1.acc.isopen>span.accicon{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); top:0; bottom:-5px }
.prefselectbox .list1{ margin-left: -15px; text-align: left; }
.prefselectbox .list1>li{ display: inline-block; margin-left: 15px; line-height: 1.8; }
@media screen and (max-width: 767px) { 
	.boxblock.prefselectbox.yoko.c6>ul{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; margin-left: -10px; margin-bottom: -15px }
	.boxblock.prefselectbox.yoko.c6>ul>li{ margin-left: 10px; margin-bottom: 15px }
	.boxblock.prefselectbox.yoko.c6>ul>li>.inwrap{ box-sizing: border-box; height: 100% }
	.boxblock.prefselectbox.yoko.c6>ul>li{ width: calc(50% - 10px) }
	.prefselectbox .list1{ margin-left: -10px; }
	.prefselectbox .list1>li{ margin-left: 10px; }
}




/* shoplist */
.boxblock.yoko.shoplist>ul{ margin-left: -40px; }
.boxblock.yoko.shoplist>ul>li{ margin-left: 40px; }
.boxblock.yoko.shoplist.c3>ul>li{ width: calc(33.3% - 40px); }
.boxblock.yoko.shoplist .img1>img{ width: 100%; height: 166px;  }
.boxblock.shoplist .img1 .newicon{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; background-color: #fce000; width: 40px; height: 25px; position: absolute; top: 0; left: 0; -ms-align-items: center; align-items: center; justify-content: center; }
.boxblock.shoplist .img1 .newicon>img{ width: 24px; height: 12px; }
.boxblock.shoplist .txtbox1{ margin-top: 5px; }
body:not(#index) .boxblock.shoplist .txtbox1 .title1{ font-size: 1.2em; }
.boxblock.shoplist .txtbox1 .txt1{ font-size: 0.8em; margin-top: 10px; }
@media screen and (max-width: 767px) { 
	.boxblock.yoko.shoplist>ul{ margin-left: 0; margin-bottom: 0; }
	.boxblock.yoko.shoplist>ul>li{ margin-left: 0; margin-bottom: 15px; }
	.boxblock.yoko.shoplist.c3>ul>li{ width: 100%; }
	.boxblock.yoko.shoplist .img1>img{ height: 148px; }
	.boxblock.shoplist .txtbox1 .title1{ font-size: 1.07em; }
	.boxblock.shoplist .txtbox1 .txt1{ font-size: 0.86em; margin-top: 0; }
}




/* commenlist */
.boxblock.commenlist>ul>li>.withthumb>.img1{ width: 160px; }
.boxblock.commenlist>ul>li>.withthumb>.txtbox1{ width: calc(100% - 190px); }
@media screen and (max-width: 767px) { 
	.boxblock.commenlist>ul>li>.withthumb>.img1{ max-width: 160px; }
}


/* reachlist */
.boxblock.tate.shoplist>ul>li>.withthumb>.img1,
.boxblock.reachlist>ul>li>.withthumb>.img1{ width: 300px; }
.boxblock.tate.shoplist>ul>li>.withthumb>.txtbox1,
.boxblock.reachlist>ul>li>.withthumb>.txtbox1{ width: calc(100% - 330px); }



/* ---------------definelist------------------- */
.definelist.yoko>ul>li>.inwrap>dl{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
.definelist.yoko>ul>li>.inwrap>dl>dt{ padding-right: 20px; }
.definelist.yoko.pcw40>ul>li>.inwrap>dl>dt{ width: 40px; }
.definelist.yoko.pcw40>ul>li>.inwrap>dl>dd{ width: calc(100% - 60px); }
.definelist.yoko.pcw50>ul>li>.inwrap>dl>dt{ width: 50px; }
.definelist.yoko.pcw50>ul>li>.inwrap>dl>dd{ width: calc(100% - 70px); }
.definelist.yoko.pcw60>ul>li>.inwrap>dl>dt{ width: 60px; }
.definelist.yoko.pcw60>ul>li>.inwrap>dl>dd{ width: calc(100% - 80px); }
.definelist.yoko.pcw70>ul>li>.inwrap>dl>dt{ width: 70px; }
.definelist.yoko.pcw70>ul>li>.inwrap>dl>dd{ width: calc(100% - 90px); }
.definelist.yoko.pcw80>ul>li>.inwrap>dl>dt{ width: 80px; }
.definelist.yoko.pcw80>ul>li>.inwrap>dl>dd{ width: calc(100% - 100px); }
.definelist.yoko.pcw90>ul>li>.inwrap>dl>dt{ width: 90px; }
.definelist.yoko.pcw90>ul>li>.inwrap>dl>dd{ width: calc(100% - 110px); }
.definelist.yoko.pcw100>ul>li>.inwrap>dl>dt{ width: 100px; }
.definelist.yoko.pcw100>ul>li>.inwrap>dl>dd{ width: calc(100% - 120px); }
.definelist.yoko.pcw120>ul>li>.inwrap>dl>dt{ width: 120px; }
.definelist.yoko.pcw120>ul>li>.inwrap>dl>dd{ width: calc(100% - 140px); }
.definelist.yoko.pcw140>ul>li>.inwrap>dl>dt{ width: 140px; }
.definelist.yoko.pcw140>ul>li>.inwrap>dl>dd{ width: calc(100% - 160px); }
.definelist.yoko.pcw160>ul>li>.inwrap>dl>dt{ width: 160px; }
.definelist.yoko.pcw160>ul>li>.inwrap>dl>dd{ width: calc(100% - 180px); }
.definelist.yoko.pcw180>ul>li>.inwrap>dl>dt{ width: 180px; }
.definelist.yoko.pcw180>ul>li>.inwrap>dl>dd{ width: calc(100% - 200px); }
.definelist.yoko.pcw200>ul>li>.inwrap>dl>dt{ width: 200px; }
.definelist.yoko.pcw200>ul>li>.inwrap>dl>dd{ width: calc(100% - 220px); }
.definelist.tate>ul>li>.inwrap>dl{ margin-bottom: -30px }
.definelist.tate>ul>li>.inwrap>dl>dt{ margin-bottom: 20px; position: relative; }
.definelist.tate>ul>li>.inwrap>dl>dd{ margin-bottom: 30px; }
.definelist.tate.acc>ul>li>.inwrap>dl>dt{ cursor: pointer; }
.definelist.tate.acc>ul>li>.inwrap>dl>dt:before { content: ""; width: 27px; background: #e30d20; height: 2px; position: absolute; top: 50%; margin-top: 0px; right: 30px; }
.definelist.tate.acc>ul>li>.inwrap>dl>dt:after { content: ""; width: 2px; background: #e30d20; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 43px; }
.definelist.tate.acc>ul>li>.inwrap>dl>dt.open:after { display: none; }
@media screen and (max-width: 767px) { 
	.definelist.yoko>ul>li>.inwrap>dl{ display: block; }
	.definelist.yoko>ul>li>.inwrap>dl>dt{ padding-right: 0; margin-bottom: 30px; }
	.definelist.yoko>ul>li>.inwrap>dl>dt,
	.definelist.yoko>ul>li>.inwrap>dl>dd{ width: 100%!important; }
	.definelist.tate.acc>ul>li>.inwrap>dl>dt:before { height: 1px; right:20px; }
	.definelist.tate.acc>ul>li>.inwrap>dl>dt:after { width: 1px; right:33px; }
}




/* ---------------gallery------------------- */
.gallery>ul{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; margin-left: -30px; margin-bottom: -30px; }
.gallery>ul>li{ margin-left: 30px; margin-bottom: 30px;  }
.gallery>ul>li>.inwrap{ box-sizing: border-box; height: 100% }
.gallery>ul>li>.inwrap img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
.gallery>ul>li>.inwrap .imgbox p.img{ padding-bottom: 0; }
.gallery>ul>li>.inwrap .imgbox p.title{ padding-top: 5px; }
.gallery.c4>ul>li{ width: calc(25% - 30px);  }
.gallery.c3>ul>li{ width: calc(33.3% - 30px); }
.gallery.c2>ul>li{ width: calc(50% - 30px); }
.gallery.boxnointervaltype>ul,
.gallery.boxnointervaltype>ul>li{ margin-left: 0; margin-bottom: 0; }
.gallery.boxnointervaltype.c4>ul>li{ width: 25%  }
.gallery.boxnointervaltype.c3>ul>li{ width: 33.3% }
.gallery.boxnointervaltype.c2>ul>li{ width: 50% }




/* ---------------qalist------------------- */
.qalist>ul>li>.inwrap>dl{ margin-bottom: -30px }
.qalist>ul>li>.inwrap>dl>dt{ margin-bottom: 30px; position: relative; cursor: pointer; }
.qalist>ul>li>.inwrap>dl>dt:before { content: ""; width: 27px; background: #e30d20; height: 2px; position: absolute; top: 50%; margin-top: 0px; right: 30px; }
.qalist>ul>li>.inwrap>dl>dt:after { content: ""; width: 2px; background: #e30d20; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 43px; }
.qalist>ul>li>.inwrap>dl>dt.open:after { display: none; }
.qalist>ul>li>.inwrap>dl>dd{ margin-bottom: 30px; }
@media screen and (max-width: 767px) {
	.qalist>ul>li>.inwrap>dl>dt:before { height: 1px; right:20px; }
	.qalist>ul>li>.inwrap>dl>dt:after { width: 1px; right:33px; }
}




/* ---------------slidelist------------------- */
.slidelist{  padding-left: 30px; padding-right: 30px; position: relative; }
.slidelist>.inwrap{ overflow: hidden; }
.slidelist.borderboxtype.boxnointervaltype>.inwrap{ border-left: 10px solid #f7f7f7 }
.slidelist.kugirilinetype>.inwrap{ border-right: 10px dashed #f7f7f7 }
.slidelist .swiper-slide .inwrap{ margin-left: 10px; margin-right: 10px;  width: 100% }
.slidelist .swiper-slide .inwrap>a{ display: block; text-decoration: none }
.slidelist .swiper-slide .inwrap .img>img{ width: 100% }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0; }
@media screen and (max-width: 767px) {
	.slidelist.borderboxtype.boxnointervaltype>.inwrap{ border-left: 5px solid #f7f7f7 }
	.slidelist.kugirilinetype>.inwrap{ border-right: 5px dashed #f7f7f7 }
	.slidelist{ padding-left: 15px; padding-right: 15px }
	.slidelist .swiper-button-prev, .slidelist .swiper-button-next{ width: 13px; height: 22px; background-size:13px 22px; }
}




/* ---------------wideblock------------------- */
.wideblock .inwrap.txtarea{ max-width: 1000px; margin-left:auto; margin-right: auto; width: 88% }



/* ---------------bnrslist------------------- */
.bnrslist{  }
.bnrslist>ul{ margin-bottom: -30px; }
.bnrslist>ul>li{ margin-bottom: 30px; }
.bnrslist.normaltype>ul{ margin-bottom: -20px; }
.bnrslist.normaltype>ul>li{ margin-bottom: 20px; }
.bnrslist>ul>li>a{ display: block; text-decoration: none; }
.bnrslist>ul>li>div.nolink,
.bnrslist.normaltype>ul>li>a{ padding:20px 4% 10px; color: #fff; }
.bnrslist.normaltype>ul>li>a { background: #e30d20; border: 1px solid #e30d20; }
.bnrslist.normaltype>ul>li>a:hover { background: #fff; color: #e30d20; }
.bnrslist>ul>li>div.nolink{ background: #ccc; border: 1px solid #ccc; }
.bnrslist.imgtype .widetxtbox{ padding-left: 4%; padding-right: 4%; padding-top: 10px }
@media screen and (max-width: 767px) { 
	.bnrslist.imgtype .widetxtbox{ padding-left: 6%; padding-right: 6%; }
	.bnrslist>ul>li>div.nolink,
	.bnrslist.normaltype>ul>li>a{ padding:20px 6% 10px; }
}


/* ---------------flowlist------------------- */
.flowlist>ol{ margin-bottom: -40px;  }
.flowlist>ol>li{ padding-bottom: 40px; line-height: 1.8 }
.flowlist>ol>li>.inwrap>dl>dt{  font-feature-settings : "palt"; font-weight: 900; font-size: 1.5em; word-break: break-all; color:#5b332c; }

.flowlist:not(.arrow)>ol{ counter-reset:number }
.flowlist:not(.arrow)>ol>li{ counter-increment: number; }
.flowlist:not(.arrow)>ol>li>.inwrap>dl>dt{ padding-left: 1.2em; text-indent: -1.2em; }
.flowlist:not(.arrow)>ol>li>.inwrap>dl>dt:before { content: counter(number) ". ";  }

.flowlist.arrow>ol>li{ position: relative; } 
.flowlist.arrow>ol>li:after{ content:""; position: absolute; bottom: -8px; margin:0 auto; right:0; left:0; width: 48px; height: 20px; background:url(../img/common/flowarr.svg) no-repeat; background-size: contain; display: inline-block; z-index: 1 }
.flowlist.arrow>ol>li:last-child:after{ content:none; }
.flowlist.arrow>ol>li>.inwrap>dl>dt{ font-size: 1.25em; text-align: center; background-color: #efebea; padding:7px 4%; margin-bottom: 15px; }

.flowlist.yoko>ol>li>.inwrap>dl{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-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; }
.flowlist.yoko>ol>li>.inwrap>dl>dt{ padding-right: 20px; }
.flowlist.yoko.pcw100>ol>li>.inwrap>dl>dt{ width: 100px; }
.flowlist.yoko.pcw100>ol>li>.inwrap>dl>dd{ width: calc(100% - 120px); }
.flowlist.yoko.pcw120>ol>li>.inwrap>dl>dt{ width: 120px; }
.flowlist.yoko.pcw120>ol>li>.inwrap>dl>dd{ width: calc(100% - 140px); }
.flowlist.yoko.pcw140>ol>li>.inwrap>dl>dt{ width: 140px; }
.flowlist.yoko.pcw140>ol>li>.inwrap>dl>dd{ width: calc(100% - 160px); }
.flowlist.yoko.pcw160>ol>li>.inwrap>dl>dt{ width: 160px; }
.flowlist.yoko.pcw160>ol>li>.inwrap>dl>dd{ width: calc(100% - 180px); }
.flowlist.yoko.pcw180>ol>li>.inwrap>dl>dt{ width: 180px; }
.flowlist.yoko.pcw180>ol>li>.inwrap>dl>dd{ width: calc(100% - 200px); }
.flowlist.yoko.pcw200>ol>li>.inwrap>dl>dt{ width: 200px; }
.flowlist.yoko.pcw200>ol>li>.inwrap>dl>dd{ width: calc(100% - 220px); }
.flowlist.yoko.pcw220>ol>li>.inwrap>dl>dt{ width: 220px; }
.flowlist.yoko.pcw220>ol>li>.inwrap>dl>dd{ width: calc(100% - 240px); }
.flowlist.yoko.pcw240>ol>li>.inwrap>dl>dt{ width: 240px; }
.flowlist.yoko.pcw240>ol>li>.inwrap>dl>dd{ width: calc(100% - 260px); }
.flowlist.yoko.pcw260>ol>li>.inwrap>dl>dt{ width: 260px; }
.flowlist.yoko.pcw260>ol>li>.inwrap>dl>dd{ width: calc(100% - 280px); }
.flowlist.yoko.pcw280>ol>li>.inwrap>dl>dt{ width: 280px; }
.flowlist.yoko.pcw280>ol>li>.inwrap>dl>dd{ width: calc(100% - 300px); }
.flowlist.yoko.pcw300>ol>li>.inwrap>dl>dt{ width: 300px; }
.flowlist.yoko.pcw300>ol>li>.inwrap>dl>dd{ width: calc(100% - 320px); }
.flowlist.tate>ol>li>.inwrap>dl{ margin-bottom: -30px }
.flowlist.tate>ol>li>.inwrap>dl>dd{ margin-bottom: 30px; }
@media screen and (max-width: 767px) { 
	.flowlist.yoko>ol>li>.inwrap>dl{ display: block; }
	.flowlist.yoko>ol>li>.inwrap>dl>dt{ padding-right: 0; margin-bottom: 30px; }
	.flowlist.yoko>ol>li>.inwrap>dl>dt,
	.flowlist.yoko>ol>li>.inwrap>dl>dd{ width: 100%!important; }
	.flowlist.tate.acc>ol>li>.inwrap>dl>dt:before { height: 1px; right:20px; }
	.flowlist.tate.acc>ol>li>.inwrap>dl>dt:after { width: 1px; right:33px; }
}

/* ---------------modelselect------------------- */
.modelselect { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; justify-content: center; }
.modelselect .modelselectbox { flex: 0 1 50%; max-width: 50%; min-width: 50%; }
.modelselect .modelselectbox label { margin: 0 auto; font-size: 1.25rem; }
.modelselect .modelselectbox label input {  width: 20px; height: 20px; border: 2px solid #cecece; border-radius: 10px; position: relative; }
.modelselect .modelselectbox label input:checked:before { content: ""; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 6px; background-color: #e30d20; display: block; }












/*-----------------


	フォーム

-----------------*/
form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #d1d1d1 inset; }
form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="password"], form input[type="key"] { line-height: 2; padding: 18px 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
form input[type="file"] { padding: 3px 5px; }
form input[type="checkbox"] {  }
form input[type="checkbox"].checked:before, form input[type="checkbox"]:checked:before {  }
form input[type="radio"] {  }
form input[type="radio"].checked:before, form input[type="radio"]:checked:before {  }
form select { padding: 10px 20px; }
form textarea { padding: 3px 5px; resize: vertical; display: block; }
form textarea:focus { background: #fff; border: 1px solid #d1d1d1; color: inherit; }
form textarea:read-only { background: #a3a3a3; }

form input[type="checkbox"]{ background: #fff; width: 18px; height: 18px; margin-right: 10px; vertical-align: text-top; position: relative; cursor: pointer; }
form input[type="checkbox"]:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 1px solid #000000; }
form input[type="checkbox"].checked:before,
form input[type="checkbox"]:checked:before  { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: #191919; border-top-style: none; border-right-style: none; }
form input[type="text"],
form input[type="password"],
form input[type="tel"],
form input[type="key"]{ background-color: #eeeeee!important; border: 1px solid #eeeeee!important; height: 76px; font-family:'Noto Sans Japanese'; width: 100%; font-size: 15px; }
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="key"]:focus{ background-color: #fff !important; }
@media screen and (max-width: 767px) { 
	form input[type="text"], form input[type="password"], form input[type="tel"], form input[type="key"]{ height: 70px; }
}

form label.selectbox { height: 76px; background: #eeeeee; border: 1px solid #eeeeee; position: relative; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form label.selectbox.mini{ max-width: 120px; }
form label.selectbox.short{ max-width: 275px; }
form label.selectbox>select{ padding: 10px 20px; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form label.selectbox:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto 0; right:20px; width: 7px; height: 7px;  border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; }
@media screen and (max-width: 767px) { 
	form label.selectbox.mini{ max-width: 32%; }
	form label.selectbox.short{ max-width: 100%; }
}

.require { vertical-align: 1px; }

form textarea{ background: #eeeeee!important; padding: 25px 20px; border: 1px solid #eeeeee !important; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" ,"Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 15px; width: 100%; min-height:200px;  }
form textarea:focus{ background-color: #fff !important; }
.checklicense{ text-align: center; margin-top: 40px; margin-bottom: 30px; }
.checklicense+.btnarea .submit{ display: none; }
.checklicense+.btnarea .submit-comment{ display: none; }
.checklicense>label{ font-size: 1em; font-weight: normal;padding-left: 2em!important; text-indent: -2em; font-feature-settings : "palt"; }
.btnarea>ul{ margin-left: -10px; text-align: center; margin-bottom: -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
input.btn{ font-weight: bold; font-size: 1.07em; color: #fff; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; display : -ms-inline-flexbox; justify-content: center; -ms-align-items: center; align-items: center; width: 240px; height: 60px; margin-left: 10px; background-color: #e30d20; border-radius: 5px; border: 1px solid #ee30d2;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; margin-bottom: 10px; }
input.btn:hover{ background: #fff; color: #e30d20; }
input.btn.reset{ background-color: #ccc; border: 1px solid #ccc; }
input.btn.reset:hover{ background: #fff; color: #ccc; }
input.btn.black{ background-color: #191919; border: 1px solid #191919; }
input.btn.black:hover{ background: #fff; color: #191919; }
@media screen and (max-width: 767px) { 
	.checklicense{ margin-top: 30px; margin-bottom: 30px; text-align: left; }
	.btnarea>ul{ margin-left: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	input.btn{ width: 180px; font-size: 1.14em; margin-left: 0; }
}


.commentform .imgselectbox.bgbox1{ max-width: 100%; width: 100%; text-align: center; margin-bottom: 30px; }
.commentform .imgselectbox.bgbox1 .link1{ margin-bottom: 20px; }
.commentform .imgselectbox.bgbox1 .link1>label{  background-color: #191919; color: #fff; font-weight: bold; font-size: 1.07em; border-radius: 5px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; width: 250px; height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #191919; }
.commentform .imgselectbox.bgbox1 .link1>label>input{ display: none; }
.commentform .imgselectbox.bgbox1 .link1>label:hover{ -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; background-color: #fff; color: #191919; }
.commentform .selectbox.buyimgselect{ width: 160px; }
@media screen and (max-width: 767px) { 
	.commentform .imgselectbox.bgbox1{ text-align: left; }
	.commentform .imgselectbox.bgbox1 .link1>label{ width: 100%; }
	.commentform .imgselectbox.bgbox1
}



/* forminputlist */
.forminputlist>li{ margin-bottom: 20px; }
.forminputlist>li:last-child{ margin-bottom: 0; }
.forminputlist>li label{ vertical-align: middle; }
.forminputlist>li._1{ margin-left: -20px; margin-bottom: 10px; }
.forminputlist>li._1 label{ margin-left: 20px; margin-bottom: 10px; }
.forminputlist .list1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.forminputlist .list1>dt{ width: 115px; padding-top: 25px; font-feature-settings: "palt"; }
.forminputlist .list1>dd{ width: calc(100% - 115px) }
.forminputlist .list1>dd>p{ text-align: left; font-feature-settings: "palt"; margin-top: 5px; }
.forminputlist>li>label{  padding-left: 2em!important; text-indent: -2em; font-feature-settings : "palt";  }
@media screen and (max-width: 767px) { 
	.forminputlist>li dt{ margin-bottom: 10px; }
	.forminputlist .list1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.forminputlist .list1>dt, .forminputlist .list1>dd{ width: 100%!important; }
	.forminputlist .list1>dt{ text-align: center; font-size: 1.07em; padding-top: 0; margin-bottom: 20px; }
}





/* keywordselectbox */
.keywordselectbox form{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; }
.keywordselectbox form input[type="text"]{ width: calc(100% - 190px); }
.keywordselectbox button{ background-color: #191919; color: #fff; font-weight: bold; font-size: 1.07em; border-radius: 5px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; width: 180px; height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #191919; }
.keywordselectbox button svg.searchicon{ width: 22px; height: 22px; padding-bottom: 4px; margin-right: 5px; }
.keywordselectbox button svg.searchicon .st0{fill:#FFFFFF;}
.keywordselectbox button:hover{ -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; background-color: #fff; color: #191919; }
.keywordselectbox button:hover svg.searchicon .st0{ fill:#191919; }
@media screen and (max-width: 767px) { 
	.keywordselectbox form{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; }
	.keywordselectbox form input[type="text"]{ width: 100%; }
	.keywordselectbox button{ font-weight: bold; font-size: 1.14em; margin-top: 20px; }
}




/*-----------------


	siteunique

-----------------*/
/* nameselectbox */
.nameselectbox>ul{ margin-left: -5px; margin-bottom: -5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.nameselectbox>ul>li{ margin-left: 5px; margin-bottom: 5px; width: calc(20% - 5px); height: 50px; }
.nameselectbox>ul>li>a{ width: 100%; height: 100%; background-color: #eeeeee; text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; line-height: 1; }
.nameselectbox>ul>li>a:hover{ opacity: 1; color: #fff; background-color: #191919; }
@media screen and (max-width: 767px) { 
	body:not(#index) .nameselectbox>ul>li{ height: 40px; }
}

/* specificeffects */
.specificeffects{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: flex-start; margin-bottom: 25px; }
.specificeffects>.list1{ margin-left: -15px; }
.specificeffects>.list1>li{ margin-left: 15px; display: inline-block; vertical-align: middle; }
.specificeffects>.list1>li a,
.specificeffects>.list1>li a.current{ text-decoration: none; position: relative; padding-bottom: 13px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
.specificeffects>.list1>li a:after,
.specificeffects>.list1>li a.current:after{ content:""; background: #e30d20; width: 0; height: 2px; display: inline-block; position: absolute; bottom: 0; left: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.specificeffects>.list1>li a.current,
.specificeffects>.list1>li a:hover{ color: #e30d20; opacity: 1; }
.specificeffects>.list1>li a.current:after,
.specificeffects>.list1>li a:hover:after{ width: 100%; }
@media screen and (max-width: 767px) { 
	.specificeffects{ font-size: 1.07em; }
}

/* calendarbox */
.calendarbox{ padding-bottom: 40px; }
.calendarbox .calendartitle{ position: relative; text-align: center; }
.calendarbox .calendartitle .year_month{ font-size: 1.6em; }
.calendarbox .calendartitle .arr{ background-color: #f2f2f2; width: 40px; height: 40px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; position: absolute; top: 0; }
.calendarbox .calendartitle .arr:hover{ opacity: 1; background-color: #d3f0f1; }
.calendarbox .calendartitle .prev.arr{ left: 0; }
.calendarbox .calendartitle .prev.arr:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto; right:0; left:5px; width: 10px; height: 10px;  border-bottom:2px solid #191919; border-left:2px solid #191919; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); -o-transform: rotate(44deg); transform: rotate(44deg); display: inline-block; }
.calendarbox .calendartitle .next.arr{ right: 0; }
.calendarbox .calendartitle .next.arr:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto; right:5px; left:0; width: 10px; height: 10px;  border-top:2px solid #191919; border-right:2px solid #191919; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); -o-transform: rotate(44deg); transform: rotate(44deg); display: inline-block; }
.calendarbox .calendar{ color: #363636; }
.calendarbox .calendar thead th{ text-align: right; padding: 0px 10px 0; border-bottom: 1px solid #c6c6cb; }
.calendarbox .calendar thead .sun,
.calendarbox .calendar thead .sat{ color: #a8a8a8; }
.calendarbox .calendar tbody td{ padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14%; border-bottom: 1px solid #e5e4e5; border-left: 1px solid #e5e4e5; vertical-align: top }
.calendarbox .calendar tbody td.close{ background-color: #f5f5f5;  }
.calendarbox .calendar[data-switchedname="specific"] tbody td.specific{ background-color: #f1d3e2; }
.calendarbox .calendar[data-switchedname="general"] tbody td.general{ background-color: #d3f0f1; }
.calendarbox .calendar[data-switchedname="trend"] tbody td.trend{ background-color: #f1f0d3; }
.calendarbox .calendar tbody td>.day{ display: block; text-align: right; color: #363636; }
.calendarbox .calendar tbody td.close>.day{ color: #868686; }
.calendarbox .calendar tbody td>.day.grey{ color: #c2c2c2; }
.calendarbox .calendar tbody td>.day.red>span{ color: #fff; background: #e30d20; border-radius: 50%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; line-height: 1em; width: 30px; height: 30px;  font-feature-settings: "palt"; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 2px; padding-top: 2px; }
.calendarbox .calendar tbody td>.countnum{ color: #e30d20; font-size: 1.33em; padding: 0 10px 10px; text-align: center; }
.calendarbox .calendar tbody tr td:first-child{ border-left: 0; }
.calendarbox .calendar tbody tr:last-child td{ border-bottom: 0; }
@media screen and (max-width: 767px) { 
	.calendarbox .calendartitle{ margin-bottom: 5px; }
	.calendarbox .calendartitle .year_month{ font-size: 1.33em; line-height: 1.4 }
	.calendarbox .calendartitle .arr{ width: 30px; height: 30px; }
	.calendarbox .calendartitle .prev.arr:before{ width: 8px; height: 8px;  border-bottom:1px solid #191919; border-left:1px solid #191919; }
	.calendarbox .calendartitle .next.arr:before{ width: 8px; height: 8px;  border-top:1px solid #191919; border-right:1px solid #191919; }
	.calendarbox table.calendar{ font-size: 0.71em; }
	.calendarbox .calendar tbody td{ padding: 5px; }
	.calendarbox .calendar tbody td>.day.red>span{ width: 20px; height: 20px; }
	.calendarbox .calendar tbody td>.countnum{ padding: 5px 0 5px; font-size: 1.07em; font-feature-settings: "palt"; }
}


/* morelink */
.morelink{ text-align: center; margin-top: 35px; }
.morelink .btnlink{ min-width: 240px; }
 .morelink input.btn{ margin-left: auto; margin-right: auto; }
@media screen and (max-width: 767px) { 
	.morelink{ margin-top: 25px; }
	.morelink .btnlink{ font-size: 1.14em; min-width: 180px; }
}


/* commentform */
.commentform{ margin-top: 60px; padding: 50px 60px; max-width: 100%; width: 100%; }
.commentform .insectitle+ul.indent{ margin-bottom: 25px; }
@media screen and (max-width: 767px) { 
	.commentform{ margin-top: 50px; padding: 30px 20px; }
}




/* messagebox */
.messagebox p{ text-align: center; }
.messagebox .title1{ text-align: center; font-size: 1.33em; margin-bottom: 20px; }
.messagebox .nametxt{ margin-top: 10px; font-size: 1.5em; font-weight: bold; margin-bottom: 40px; }
.messagebox .ownedpointinfo .pointnum{ margin-left: 7px; margin-right: 3px; font-size: 1.5em; font-weight: bold; }
.messagebox .cumpointinfo .pointnum{ font-size: 1.25em; font-weight: bold; }
.messagebox .cautionlink{ margin-top: 40px; }
.messagebox .forminputlist{ margin-top: 30px; margin-bottom: 50px; max-width: 700px; width: 100%; margin-left:auto; margin-right:auto; }
.messagebox .forminputlist .list1>dt{ width: 170px; }
.messagebox .forminputlist .list1>dd{ width: calc(100% - 170px) }
.messagebox .distribution { margin: 80px 0; text-align: center; font-size: 1.2em; }
.messagebox .distribution .unread { display: inline-block; margin-left: 15px; border-radius: 15px; background: red; color: white; padding: 0px 8px; font-size: 0.8em; }
.messagebox .rank { text-align: center; }
.messagebox.shape { margin-bottom: 50px; padding: 20px 200px; background-color: #f9f9f9;}
.messagebox .posted-at { text-align: right; }
.messagebox .open { text-align: left; }
.messagebox .event-title { text-align: center; padding-top: 20px;}
.messagebox .distribution { margin: 30px; }
.messagebox .event-image { margin: 50px 0; text-align: center; }
.messagebox .event-image img { max-width: 100%; }
@media screen and (max-width: 767px) { 
	.messagebox .nametxt{ margin-bottom: 20px; margin-top: 0; }
	.messagebox p{ text-align: left; }
	.messagebox p.morelink{ text-align: center; }
	.messagebox .title1{ text-align: left; }
	.messagebox .cautionlink{ margin-top: 30px; }
	.messagebox.shape { padding: 20px 20px; }
}

/* distribution list */
.distributionlist .distribution { margin: 20px 0; text-align: center; font-size: 1.2em; }
.distributionlist .distribution .unread { display: inline-block; margin-left: 15px; border-radius: 15px; background: red; color: white; padding: 0px 8px; font-size: 0.8em; }


/* orderswitchlist */
.orderswitchlist{ margin-bottom: 25px; }
.orderswitchlist>ul{ margin-left: -20px; text-align: left; }
.orderswitchlist li{ margin-left: 20px; display: inline-block; }
.orderswitchlist li>a{ text-decoration: none; display: inline-block; position: relative; overflow: hidden; }
.orderswitchlist li>a:after{ content:""; background-color: #e30d20; height: 2px; width: 0; position: absolute; left: 0; bottom: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.orderswitchlist li>a:hover{ opacity: 1;  }
.orderswitchlist li>a:hover:after{ width: 100%; }
.orderswitchlist li.switched>a{ color: #e30d20; }
.orderswitchlist li.switched>a:after{ content:""; background-color: #e30d20; height: 2px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
@media screen and (max-width: 767px) { 
	.orderswitchlist{ font-size: 1.07em; margin-bottom: 20px; }
	.orderswitchlist li>a{ padding-bottom: 5px; }
}



/* titleinfobox1 */
#reach_action .titleinfobox1>.inwrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-end; align-items: flex-end; justify-content: space-between; }
.titleinfobox1 .singletitle{ font-weight: bold; font-size: 1.6em; margin-bottom: 15px;  font-feature-settings: "palt"; line-height: 1.6; margin-left: -20px; }
.titleinfobox1 .singletitle .name{ font-weight: bold; margin-left: 20px; vertical-align: middle; }
.titleinfobox1 .singletitle .newicon{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; background-color: #fce000; width: 40px; height: 25px; -ms-align-items: center; align-items: center; justify-content: center; margin-left: 20px; vertical-align: middle; }
.titleinfobox1 .singletitle .newicon>img{ width: 24px; height: 12px; }
.titleinfobox1 .mainbox .modelname{ font-size: 1.2em; margin-bottom: 15px; }
.titleinfobox1 .shopimglist.bgbox1{ max-width: 100%; width: 100%; }
.titleinfobox1 .shopimglist>ul{ margin-left: -20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
.titleinfobox1 .shopimglist>ul>li{ margin-left: 20px; width: calc(50% - 20px) }
.titleinfobox1 .shopimglist>ul>li>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; -webkit-backface-visibility:hidden; backface-visibility:hidden; display: block;  }
@media screen and (max-width: 767px) { 
	#reach_action .titleinfobox1>.inwrap{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: baseline; align-items: baseline; justify-content: flex-start; }
	.titleinfobox1 .singletitle{ font-size: 1.57em }
	.titleinfobox1 .singletitle{ margin-left: -5px; }
	.titleinfobox1 .singletitle .name{ margin-left: 5px; }
	.titleinfobox1 .singletitle .newicon{ margin-left: 5px; }
	.titleinfobox1 .date{ text-align: right; width: 100%; }
	.titleinfobox1 .shopimglist>ul{ margin-left: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-bottom: -10px; }
	.titleinfobox1 .shopimglist>ul>li{ margin-left: 0; width: 100%; margin-bottom: 10px; }
	.titleinfobox1 .shopimglist>ul>li>img{ height: 290px; }
}




/* pagenav */
.pagenav{ text-align: center; }
.pagenav .prev,
.pagenav .next{ display: inline-block; }
.pagenav .prev>a,
.pagenav .next>a{ background-color: #eeeeee; width: 50px; height: 27px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; }
.pagenav .prev>a:hover,
.pagenav .next>a:hover{ background-color: #e30d20; opacity: 1; }
.pagenav .prev>a>img,
.pagenav .next>a>img{ width: 28px; height: 12px; }
ol.page-numbers { display: inline-block; margin: 0 10px; padding: 0;  }
ol.page-numbers li { margin: 0 10px; padding: 0; display: inline-block; }
ol.page-numbers li a,
ol.page-numbers li span { font-size: 1.07em; text-decoration: none; }
ol.page-numbers li span.current { color: #e30d20; }
@media screen and (max-width: 767px) { 
	ol.page-numbers li{ margin: 0px 5px; }
	ol.page-numbers li a, ol.page-numbers li span{ font-size: 0.93em; }
	.pagenav .prev>a, .pagenav .next>a{ width: 42px; height: 23px; }
	.pagenav .prev>a>img, .pagenav .next>a>img{ width: 24px; height: 9px; }
}
@media screen and (max-width: 400px) { 
	ol.page-numbers { margin: 0 5px; }
	ol.page-numbers li { margin: 0 5px; }
	.pagenav .prev>a, .pagenav .next>a{ width: 37px; }
}


/* .archivetopsectitle */
.section.acccnt>.bodyinwrap{ margin-bottom: -20px; }
.archivetopsectitle{ text-align: center; font-size: 1.33em; margin-bottom: 20px; font-weight: bold; }
.archivetopsectitle.acc{ position: relative; }
.archivetopsectitle.acc+.insec{ margin-bottom: 20px; }
.archivetopsectitle.acc>span.accicon{  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; position: absolute; top: -5px; bottom: 0; margin:auto 0; right:15px; width: 10px; height: 10px; }
.archivetopsectitle.acc>span.accicon:before{ content:""; position: absolute; top: 0; bottom: 0; margin:auto; right:0; left:0; width: 10px; height: 10px;  border-top:2px solid #191919; border-right:2px solid #191919; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; }
.archivetopsectitle.acc.isopen>span.accicon{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); top:0; bottom:-5px }
@media screen and (max-width: 767px) { 
	.section.acccnt>.bodyinwrap{ margin-bottom: -15px; }
	.archivetopsectitle{ font-size: 1.29em; margin-bottom: 15px; }
	.archivetopsectitle.acc+.insec{ margin-bottom: 15px; }
}

/* .insec.prefselect */
.insec.prefselect .prefselectbox>ul>li{ margin-bottom: 10px; }
.insec.prefselect .prefselectbox .txtbox1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; }
.insec.prefselect .prefselectbox .txtbox1 .title1{ width: 145px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin-bottom: 0; height: 100%; }
.insec.prefselect .prefselectbox .txtbox1 .list1{ width: calc(100% - 160px); margin-left: 0; }
.insec.prefselect .prefkeywordselectbox{ margin-top: 30px; }
.insec.prefselect .prefkeywordselectbox.keywordselectbox form .title1{ width: 200px }
.insec.prefselect .prefkeywordselectbox.keywordselectbox form input[type="text"]{ width: 320px; margin:0 20px; }
@media screen and (max-width: 767px) { 
	.insec.prefselect .prefselectbox>ul{ margin-left: -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
	.insec.prefselect .prefselectbox>ul>li{ width: calc(50% - 10px); margin-left: 10px; }
	.insec.prefselect .prefselectbox .txtbox1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.insec.prefselect .prefselectbox .txtbox1 .title1,
	.insec.prefselect .prefselectbox .txtbox1 .list1{ width: 100%; }
	.insec.prefselect .prefselectbox .txtbox1 .title1{ margin-bottom: 10px; font-size: 1.07em; }
	.insec.prefselect .prefselectbox .txtbox1 .list1{ margin-left: -10px; font-size: 1.07em; }
	.insec.prefselect .prefkeywordselectbox{ margin-top: 0; }
	.insec.prefselect .prefkeywordselectbox.keywordselectbox form .title1{ width: 100%; margin-bottom: 15px; text-align: center; }
	.insec.prefselect .prefkeywordselectbox.keywordselectbox form input[type="text"]{ width: 100%; margin: 0; }
}


/* reachselect */
.insec.reachselect .box1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.insec.reachselect .box1 .title1{ margin-bottom: 15px; text-align: center; }
.insec.reachselect .box1>.leftbox1{ width: 260px; }
.insec.reachselect .box1>.rightbox1{ width: calc(100% - 285px); }
@media screen and (max-width: 767px) {
	.insec.reachselect .box1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.insec.reachselect .box1 .title1{ font-size: 1.07em; }
	.insec.reachselect .box1>.leftbox1{ width: 100%; }
	.insec.reachselect .box1>.rightbox1{ width: 100%; margin-top: 25px; }
}


/* preflist */
.preflist{ -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; column-count: 4; }
@media screen and (max-width: 767px) { 
	.preflist{ -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; }
}


/* オーバーレイ savepopup */
.savepopup { display: table; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 12000; }
.savepopup .bg { opacity: 0.3; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000; overflow: hidden; }
.savepopup .inwrap { display: table-cell; vertical-align: middle; text-align: center; }
.savepopup .insec { max-width: 480px; padding: 80px 40px; margin-top: 0; background: #fff; text-align: center; position: relative; margin-left: auto; margin-right: auto; }
.savepopup .insec .poplink{ margin-top: 30px; text-align: center; }
.savepopup .insec .poplinkok { float: right; margin-top: 50px; padding-right: 55px; }
.savepopup .insec .poplinkcancel { float: left;  margin-top: 50px; padding-left: 55px; }
.savepopup .insec .popupclose{ min-width: 180px; background-color: #ccc; border: 1px solid #ccc; }
.savepopup .insec .popupclose:hover{ background: #fff; color: #ccc; }
.savepopup .insec .popupokclose{ min-width: 180px; background-color: #e30d20; border: 1px solid #e30d20; }
.savepopup .insec .popupokclose:hover{ background: #fff; color: #e30d20; }

/* バナー */
.banner .banner-container .swiper-slide,
.bannerhall .banner-container .swiper-slide { overflow: hidden; justify-content: center; background-color: #efefef; }
.banner .banner-container .swiper-slide .bannerblock,
.bannerhall .banner-container .swiper-slide .bannerblock { display: inline-block; }
.banner .banner-container .swiper-slide .bannerblock .bannerimg,
.bannerhall .banner-container .swiper-slide .bannerblock .bannerimg {  width: auto; max-width: unset; height: 100%; }
@media screen and (min-width: 768px) {
	.banner .banner-container .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) { -webkit-transition: width 490ms 200ms; -moz-transition: width 490ms 200ms; transition: width 490ms 200ms; }
	.banner .banner-container .swiper-slide.swiper-slide-active { width: 70% !important; margin: 0 20px; }
	.banner .banner-container .swiper-slide.swiper-slide-prev { width: calc(15% - 20px) !important; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; }
	.banner .banner-container .swiper-slide.swiper-slide-next { width: calc(15% - 20px) !important; }
	.banner .banner-container .swiper-slide.swiper-slide-next { margin-right: 20px; }
	.banner .banner-container .swiper-slide .bannerblock,
	.bannerhall .banner-container .swiper-slide .bannerblock { height: 240px; }
}
@media screen and (max-width: 767px) {
	.banner { padding: 0 !important; }
	.bannerhall { position: absolute; left: 0; }
	.bannerhall + .bodywrap { margin-top: 150px; }
	.banner .banner-container { padding-top: 20px; }
	.banner .banner-container .swiper-slide .bannerblock,
	.bannerhall .banner-container .swiper-slide .bannerblock { height: 120px; }
}