@charset "UTF-8";

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


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


	reset

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


/* ボディ */
body{ color: #191919; font-size: 100%; line-height: 2; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; min-width: 1040px; width: 100%; }
body.mceContentBody{ min-width: 0; }
@media screen and (max-width: 767px) { 
	body { min-width: 0; font-size: 94%; }
}




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


	common

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


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

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

/* セクション */
.section { margin-bottom: 100px; }
.section:last-child{ margin-bottom: 0 }
@media screen and (max-width: 767px) { .section { margin-bottom: 35px; } }

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


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

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

.borderbox1{ border:10px solid #f3f3f3; }
@media screen and (max-width: 767px) { 
	.bgbox1, .borderbox1{ padding: 20px 6%; }
	.borderbg{ border:20px solid #f3f3f3; }
	.borderbox1{ border:5px solid #f3f3f3; }
}










/* -------------------テキスト装飾-------------------- */
/* sectitle */
.sectitle { line-height: 1.6; position: relative; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; font-size: 2.25em; margin-bottom: 30px; }
@media screen and (max-width: 767px) { 
	.sectitle{ font-size: 1.47em; margin-bottom: 10px; }
}


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: bold }

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

/* 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: 639px) { 
	.txtbig1 { font-size: 1.14em; }
	.txtbig1 { font-size: 1.29em; }
}

/* 赤字 */
p.ermsg, .required { color: #ff0000; 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: #e5384c; }

.bgcolor1 { background: #e5384c; }

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

.txtcolor2 { color: #001a37; }

.bgcolor2 { background: #001a37; }

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

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

.yuminfont{ font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
.yugofont{ font-family: "游ゴシック", YuGothic, "Yu Gothic", "YuGothic"; }


/* ---------------リンクスタイル------------------- */
/* 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 { text-decoration: none; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { opacity: 0.7; }
a.tel_link { text-decoration: none; cursor: default; color: inherit; background: transparent; }
a.tel_link:hover, a.tel_link:active { opacity: 1; }

/* 背景ベタボタン */
a.btnlink { background: #001a37; border: 1px solid #001a37; color: #fff; }
a.btnlink:hover { background: #fff !important; color: #001a37; }
a.btnlink, a.borderbtnlink{ display: inline-block; padding:15px 35px; font-weight: 700; font-size: 0.88em; text-decoration: none!important; letter-spacing: 0.07em; line-height: 1.6; }
a.btnlink:hover, a.borderbtnlink:hover{ opacity: 1 }
@media screen and (max-width: 767px) {
	a.btnlink, a.borderbtnlink{ padding:15px 31px; font-size: 0.93em; }
}

/* ボーダーボタン */
a.borderbtnlink { background: #fff; color: #e5384c; border: 1px solid #e5384c; }
a.borderbtnlink:hover { background: #e5384c; 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; }

/* txtlink */
a.txtlink{ text-decoration: none; font-size: 0.88em;  }
a.txtlink>span{ position: relative; display: inline-block;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
a.txtlink:before{ content:""; width: 7px; height: 7px; border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; margin-right: 10px; }
a.txtlink>span:after{ content:""; background-color: #191919; position: absolute; bottom: 0; left: 0; height: 1px;-webkit-transition: .5s all; transition: .5s all; -moz-transition : .5s all; width: 0; }
a.txtlink:hover{ opacity: 1 }
a.txtlink:hover>span:after{  width: 100%; }












/* ---------------テーブルスタイル------------------- */
/* テーブルクラスの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: 12px 2%; line-height: 1.5; border: 1px solid #a3a3a3; }

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

/* styletable2ヘッダー */
.table_type1 th, .table_type2 th { background: #f4f4f4; }

.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: #e5384c }
th.colorcell2, td.colorcell2{ background: #001a37 }



/* -------------------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; }


/* reset */
.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; }


/* para */
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; } @media screen and (max-width: 639px) { .para2 { margin-bottom: 15px!important; } }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 639px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 639px) { .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: 639px) { .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: 639px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 639px) { .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: 639px) { .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: 639px) { .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: 639px) { .para10 { margin-bottom: 70px!important; } } @media screen and (max-width: 479px) { .para10 { margin-bottom: 50px!important; } }


.listpara1{ overflow:hidden; }
.listpara1>ul { margin-bottom: -10px; } @media screen and (max-width: 639px) { .listpara1>ul { margin-bottom: -10px; } }
.listpara1>ul>li { margin-bottom: 10px; } @media screen and (max-width: 639px) { .listpara1>ul>li { margin-bottom: 10px; } }
.listpara2{ overflow:hidden; }
.listpara2>ul { margin-bottom: -20px; } @media screen and (max-width: 639px) { .listpara2>ul { margin-bottom: -15px; } }
.listpara2>ul>li { margin-bottom: 20px; } @media screen and (max-width: 639px) { .listpara2>ul>li { margin-bottom: 15px; } }
.listpara3{ overflow:hidden; }
.listpara3>ul { margin-bottom: -30px; } @media screen and (max-width: 639px) { .listpara3>ul { margin-bottom: -20px; } }
.listpara3>ul>li { margin-bottom: 30px; } @media screen and (max-width: 639px) { .listpara3>ul>li { margin-bottom: 20px; } }
.listpara4{ overflow:hidden; }
.listpara4>ul { margin-bottom: -40px; } @media screen and (max-width: 639px) { .listpara4>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: -20px; } }
.listpara4>ul>li { margin-bottom: 40px; } @media screen and (max-width: 639px) { .listpara4>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: 20px; } }
.listpara5{ overflow:hidden; }
.listpara5>ul { margin-bottom: -50px; } @media screen and (max-width: 639px) { .listpara5>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: -30px; } }
.listpara5>ul>li { margin-bottom: 50px; } @media screen and (max-width: 639px) { .listpara5>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: 30px; } }
.listpara6{ overflow:hidden; }
.listpara6>ul { margin-bottom: -60px; } @media screen and (max-width: 639px) { .listpara6>ul { margin-bottom: -40px; } }
.listpara6>ul>li { margin-bottom: 60px; } @media screen and (max-width: 639px) { .listpara6>ul>li { margin-bottom: 40px; } }
.listpara7{ overflow:hidden; }
.listpara7>ul { margin-bottom: -70px; } @media screen and (max-width: 639px) { .listpara7>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: -40px; } }
.listpara7>ul>li { margin-bottom: 70px; } @media screen and (max-width: 639px) { .listpara7>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: 40px; } }
.listpara8{ overflow:hidden; }
.listpara8>ul { margin-bottom: -80px; } @media screen and (max-width: 639px) { .listpara8>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: -40px; } }
.listpara8>ul>li { margin-bottom: 80px; } @media screen and (max-width: 639px) { .listpara8>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: 40px; } }
.listpara9{ overflow:hidden; }
.listpara9>ul { margin-bottom: -90px; } @media screen and (max-width: 639px) { .listpara9>ul { margin-bottom: -60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: -40px; } }
.listpara9>ul>li { margin-bottom: 90px; } @media screen and (max-width: 639px) { .listpara9>ul>li { margin-bottom: 60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: 40px; } }
.listpara10{ overflow:hidden; }
.listpara10>ul { margin-bottom: -100px; } @media screen and (max-width: 639px) { .listpara10>ul { margin-bottom: -70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: -50px; } }
.listpara10>ul>li { margin-bottom: 100px; } @media screen and (max-width: 639px) { .listpara10>ul>li { margin-bottom: 70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: 50px; } }







/* -------------------画像-------------------- */
/* 画像リスト */
.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%; }


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


/* 画像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; } }






/* ---------------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: -30px }
.boxblock.yoko>ul>li{ margin-left: 30px; margin-bottom: 30px }
.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); }











/* ---------------newslist------------------- */
.swiper-button-prev, .swiper-button-next{ width: 40px; height: 40px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../img/common/prev.svg); left: 0; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(../img/common/next.svg); right: 0; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.newslist.swiper-container{ margin-left: auto; margin-right: auto; padding-left: 20px;padding-right: 20px; width: calc(100% - 40px) }
.newslist:not(.swiper-container)>ul{ margin-left: -20px; }
.newslist:not(.swiper-container)>ul>li{ margin-left: 20px; }
.newslist>ul{ 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; }
.newslist>ul>li>a{ text-decoration: none; }
.newslist>ul>li>a:hover{ opacity: 1; }
.newslist>ul>li>a .txtbox{ background-color: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.newslist>ul>li>a .txtbox .title{ font-size: 0.94em; margin-bottom: 10px; line-height: 1.8; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; }
.newslist>ul>li>a:hover .txtbox .title{ color: #e5384c; }
.newslist>ul>li>a .txtbox .date,
.newslist>ul>li>a .txtbox .author{ font-size: 0.81em; }
.newslist>ul>li>a .txtbox .author{ color: #b2b2b2; padding: 0; }
.newslist>ul>li>a .img1{ overflow: hidden; }
.newslist>ul>li>a .img1>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.newslist>ul>li>a:hover .img1>img{ opacity: 0.7; }
@media screen and (max-width: 767px) { 
	.newslist.swiper-container{ padding-left: 0; padding-right: 0; width: 100%; }
	.newslist:not(.swiper-container)>ul{ margin-left: 0; }
	.newslist:not(.swiper-container)>ul>li{ margin-left: 0; }
	.newslist>ul{ display: block; }
	.newslist>ul>li{ margin-bottom: 20px; display: block; }
	.newslist>ul>li:last-child{ margin-bottom: 0; }
	.newslist>ul>li>a .txtbox .title{ font-size: 1em; }
	.newslist>ul>li>a .txtbox .date,
	.newslist>ul>li>a .txtbox .author{ font-size: 0.87em; }
	.newslist>ul>li>a .img1{ width: 100%; height: 200px; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-color: transparent; display: none; }
}

.newslist.office>ul>li>a{ height: 200px; 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; width: 100%; }
.newslist.office>ul>li>a .img1{ width: 280px; }
.newslist.office>ul>li>a .txtbox{ width: calc(100% - 280px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 30px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; text-align: left; justify-content: center; }
.newslist.office>ul>li{ width: 50% }
@media screen and (max-width: 767px) { 
	.newslist.office>ul>li>a{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; height: auto; }
	.newslist.office>ul>li>a .img1{ width: 100%; }
	.newslist.office>ul>li>a .txtbox{ width: 100%; padding: 15px 20px 20px; }
	.newslist.office>ul>li{ width: 100% }
}

.newslist.shop>ul>li>a .img1{ height: 200px; }
.newslist.shop>ul>li>a .txtbox{ padding: 20px 30px; height: calc(100% - 200px); }
.newslist.shop>ul>li{ width: 25%; }
@media screen and (max-width: 767px) { 
	.newslist.shop>ul>li>a .txtbox{ height: auto; padding: 15px 20px 20px; }
	.newslist.shop>ul>li{ width: 100% }
}





.shopguidebox>ol>li{ margin-bottom: 40px; }
.shopguidebox>ol>li:last-child{ margin-bottom: 0; }
.shopguidebox .title{ margin-bottom: 30px; position: relative; font-feature-settings : "palt"; }
.shopguidebox .title:before{ content:""; position: absolute; top: 0; bottom: 0; margin: auto; background-color: #333; height: 2px; width: 100%; display: inline-block; }
.shopguidebox .title>.inwrap{ background-color: #fff; position: relative; z-index: 2; display: inline-block; }
.shopguidebox .title>.inwrap>span{ display: inline-block; vertical-align: middle; }
.shopguidebox .title .floor{ font-size: 1.69em; color: #fff; line-height: 1; background-color: #001a37; padding: 7px 0 5px; text-align: center; min-width: 78px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.shopguidebox .title .category{ font-size: 1.13em; padding: 0px 20px; }
.shopguidebox .mapbox{ 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; justify-content: space-between; }
.shopguidebox .mapbox .map{ width: 686px; }
.shopguidebox .mapbox .map>img{ border: 20px solid #f5f5f5; }
.shopguidebox .mapbox .shoplist{ width: calc(100% - 760px); }
.shopguidebox .mapbox .shoplist>li>a{ line-height: 1.6; padding: 12px 15px; display: block; text-decoration: none; }
.shopguidebox .mapbox .shoplist>li>a:hover{ opacity: 1; }
.shopguidebox .mapbox .shoplist>li:nth-child(odd)>a{ background-color: #f5f5f5; }
.shopguidebox .mapbox .shoplist>li>a>span,
.shopguidebox .mapbox .shoplist>li>a>p{ display: inline-block; vertical-align: middle; }
.shopguidebox .mapbox .shoplist .num{ margin-right: 10px; }
.shopguidebox .mapbox .shoplist .num>.inwrap{ font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; color: #fff; background-color: #b2b2b2; border-radius: 50%; width: 30px; height: 30px; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; }
.shopguidebox .mapbox .shoplist>li>a .shopname{ -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; width: calc(100% - 40px) }
.shopguidebox .mapbox .shoplist>li>a:hover .shopname{ color: #e5384c; }
@media screen and (max-width: 767px) { 
	#index #sec_3{ padding-top: 75px; }
	.shopguidebox>ol>li{ margin-bottom: 0; }
	.shopguidebox .title{ margin-bottom: 25px; }
	.shopguidebox .title:before{ content:none; }
	.shopguidebox .title>.inwrap{ background-color: transparent; }
	.shopguidebox .title .floor{ font-size: 1.2em; padding: 9px 0 6px; min-width: 53px; }
	.shopguidebox .title .category{ font-size: 1.07em; padding: 0px 15px; }
	.shopguidebox .mapbox{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.shopguidebox .mapbox .map{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.shopguidebox .mapbox .map{ background-color: #f5f5f5; padding: 20px 6%; margin-bottom: 25px; text-align: center; }
	.shopguidebox .mapbox .map>img{ border: none; max-width: 686px; width: 100%; }
	.shopguidebox .mapbox .shoplist{ width: 88%; padding-bottom: 50px;  }
	.shopguidebox>ol>li:last-child .mapbox .shoplist{ padding-bottom: 0; }
	.shopguidebox .mapbox .shoplist>li>a{ padding: 10px 15px; font-size: 1.07em; }
}



/* campainbnr */
.campainbnr{ max-width: 880px; width: 88%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 80px; }
.campainbnr>a{ display: flex; text-decoration: none; }
.campainbnr>a:hover{ opacity: 1; }
.campainbnr>a>.inwrap{ display: flex; flex-direction: row; width: 100%; }
.campainbnr .titlebox{ width: 427px; position: relative; overflow: hidden; }
.campainbnr .titlebox img{  }
.campainbnr .txtbox1{ width: calc(100% - 427px); background: #fdf1d7; padding: 25px 25px; text-align: center; box-sizing: border-box; font-size: 1em!important; height: 260px; display: flex; flex-direction: column; justify-content: center; }
.campainbnr .txtbox1 .captxt{  }
.campainbnr .txtbox1 .captxt img{ max-width: 388px; width: 100%; }
.campainbnr .txtbox1 .link{ text-align: center; margin-top: 20px; }
.campainbnr .txtbox1 .link .birthdaybtn{ display: flex; background: #cb3d3a; color: #fff; font-weight: bold; padding: 10px 4% 10px 6%; text-decoration: none; box-sizing: border-box; width: 100%; align-items: center; justify-content: center; line-height: 1.8; border-radius: 50px; letter-spacing: 0.1em; box-shadow: 0 6px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; max-width: 297px; margin-left: auto; margin-right: auto; border: 2px solid #db7775; position: relative; }
.campainbnr .txtbox1 .link .birthdaybtn svg{ width: 20px; height: 20px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 30px; }
.campainbnr .txtbox1 .link .birthdaybtn svg .arr_st1.st1{ stroke: #cb3d3a; }
.campainbnr>a:hover .txtbox1 .link .birthdaybtn{ background: #fff; color: #cb3d3a; }
@media screen and (max-width: 767px) { 
	.campainbnr>a>.inwrap{ display: block; }
	.campainbnr .titlebox{ width: 100%; }
	.campainbnr .titlebox img{ position: static; margin-left: 0; width: 100%; }
	.campainbnr .txtbox1{ width: 100%; height: auto; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	.campainbnr{ margin-bottom: 50px; }
}