@charset "UTF-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap');


/*
base #000000
blue #06318F

font-family: 'Oswald', sans-serif;
font-weight: 400;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
*/


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


// Common


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



body { font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 1.6rem; color: #000000; line-height: 2; letter-spacing: 0.05em; }
@media screen and (max-width: 767px) { 
	body { font-size: 1.4rem; }
}



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

.mincho { font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.gothic { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.tategaki { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; text-align: left; }
.roboto { font-family: Roboto, 'Roboto', sans-serif; letter-spacing: 0.05em; }
.noto { font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.14em; }
.kumbh{ font-family: 'Kumbh Sans', sans-serif; letter-spacing: 0.05em; }

.txtsmall { font-size: 1.4rem; }
.txtbig.s1 { font-size: 2.4rem; }
.txtbig.s2 { font-size: 2.0rem; }
@media screen and (max-width: 767px) {
	.txtbig.s1,
	.txtbig.s2 { font-size: 1.8rem; }
}

.txtblue { color: #06318F; }
.txtskyblue { color: #7CD0F1; }
.txtblack { color: #000000; }
.txtwhite { color: #fff; }
.txtlight { color: #f7f7f7; }
.txtgrey { color: #aaa; }
.txtred { color: #CD0113; }
.txtyellow { color: #ffff00; }

.bgblue { background: #06318F; }
.bgskyblue { background: #7CD0F1; }
.bgblack { background: #000000; }
.bgwhite { background: #fff; }
.bglight { background: #f7f7f7; }
.bggrey { background: #aaa; }
.bgred { background: #CD0113; }
.bgyellow { background: #ffff00; }

.borderblue { border: 1px solid #06318F; }
.borderskyblue { border: 1px solid #7CD0F1; }
.borderblack { border: 1px solid #000000; }
.borderwhite { border: 1px solid #fff; }
.borderlight { border: 1px solid #f7f7f7; }
.bordergrey { border: 1px solid #aaa; }
.borderyellow { border: 1px solid #ffff00; }
.borderred { border: 1px solid #CD0113; }

.markerblue { background: linear-gradient(transparent 60%, #06318F 0%); }
.markerskyblue { background: linear-gradient(transparent 60%, #7CD0F1 0%); }
.markerblack { background: linear-gradient(transparent 60%, #000000 0%); }
.markerwhite { background: linear-gradient(transparent 60%, #fff 0%); }
.markerlight { background: linear-gradient(transparent 60%, #f7f7f7 0%); }
.markergrey { background: linear-gradient(transparent 60%, #aaa 0%); }
.markerred { background: linear-gradient(transparent 60%, #CD0113 0%); }
.markeryellow { background: linear-gradient(transparent 60%, #ffff00 0%); }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
blockquote{ border-left: 4px solid #ccc; padding-left: 10px; font-style: italic; color: #aaa; }
blockquote p { font-style: italic; }

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

p.indent,
ul.indent li,
ol.indent li { padding-left: 1em!important; text-indent: -1em; }

p.caution,
ul.caution li { padding-left: 1em!important; text-indent: -1em; }
p.caution:before,
ul.caution li:before { content:"※"!important; }

ul.none li,
.editbody ul.none li { padding-left: 0!important; text-indent: 0!important; }
ul.none li:before { content: ""!important; }

ul.inbrock li { display: inline-block; margin-right: 1em; }
ul.inbrock li:last-child { margin-right: 0; }
@media screen and (max-width: 639px){
	ul.inbrock li { display: block; }
}

ul.dotlist li { padding-left: 1em!important; text-indent: -1em; }
ul.dotlist li:before { content:"●"!important; color: #06318F; font-size: 0.7em; margin-right: 0.3em; }


a { transition: 0.3s; text-decoration: none; color: inherit; }
a.btn, button { transition: 0.6s; }
a.opacity:hover, a.opacity:active { opacity: 0.7; color: #000000; }
@media screen and (max-width: 640px) {
	a { transition: none; }
	a.opacity:hover, a.opacity:active { opacity: 1; }
}


.bottomlink{margin-top: 50px;text-align: center;}
@media screen and (max-width: 767px) {
	.bottomlink{margin-top: 40px}
}

.linklist.bottomlink{ margin-left: -15px; margin-bottom: -20px; }
.linklist.bottomlink>li{ display: inline-block; margin-left: 15px; margin-bottom: 20px; max-width: 340px; width: 100%; }
@media screen and (max-width: 767px) {
	.linklist.bottomlink{ margin-left: 0; }
	.linklist.bottomlink>li{display: block;margin-left: auto;margin-right: auto;}
}

a.linkbtn,
.linkbtn{ font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; font-size: 1.8rem; display: inline-block; position: relative; max-width: 340px; width: 100%; background: #06318f;color: #fff; letter-spacing: 0.1em; text-indent: 0.1em; cursor: pointer; }
a.linkbtn>.inwrap,
.linkbtn>.inwrap{display: inline-block;padding: 17px 80px;padding-right: 90px;width: 100%;box-sizing: border-box;position: relative;z-index: 10;font-weight: bold;}
a.linkbtn>.inwrap:after,
.linkbtn>.inwrap:after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; width: 40px; height: 6px; z-index: 10; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; display: inline-block; }
a.linkbtn:before,
.linkbtn:before{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#000; width: 100%; height: 100%; transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
a.linkbtn:hover:before,
.linkbtn:hover:before{ transform-origin:left top; transform:scale(1, 1); }
a.linkbtn._whiteborder,
.linkbtn._whiteborder{ border: 1px solid #fff; background: transparent; }
a.linkbtn._blueborder,
.linkbtn._blueborder{border: 1px solid #06318F;color: #06318f;background: transparent;}
a.linkbtn._blueborder>.inwrap:after,
.linkbtn._blueborder>.inwrap:after{ content: ""; background: url(../img/common/arr1.svg) no-repeat; }
a.linkbtn._blueborder:hover,
.linkbtn._blueborder:hover{ color: #fff; transition-delay: .1s; }
a.linkbtn._blueborder>.inwrap:after,
.linkbtn._blueborder>.inwrap:after{ transition: .4s; transition-delay: .1s; }
a.linkbtn._blueborder:hover>.inwrap:after,
.linkbtn._blueborder:hover>.inwrap:after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; }
a.linkbtn._en,
.linkbtn._en{ font-family: 'Kumbh Sans', sans-serif; }
@media screen and (max-width: 767px) {
	a.linkbtn,
	.linkbtn{ font-size: 1.6rem; }
	a.linkbtn>.inwrap,
	.linkbtn>.inwrap{padding: 17px 60px;padding-right: 70px;line-height: 1.6;}
	a.linkbtn>.inwrap:after,
	.linkbtn>.inwrap:after{ width: 30px; right: 15px; }
}

table.base, table.type1 { width: 100%; margin: 10px 0; margin-bottom: 5px; }

table.base th, table.base td,
table.type1 th, table.type1 td { padding: 20px 2%; line-height: 1.5; border: 1px solid #ccc; }

table.type1 thead th { background: #eee; text-align: center; } 
table.type1 tbody th { background: #f7f7f7; }


.copy{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: bold;font-size: 2.8rem;line-height: 1.6;margin-bottom: 20px;letter-spacing: 0.1em;}
body:not(#index) .copy{ color: #06318f; }
.copy.s2{ font-size: 4.2rem; }
.copy span{ font-weight: bold; }
@media screen and (max-width: 1200px) {
	#index .copy,
	.copy.s2{font-size: 3.6rem;}
}
@media screen and (max-width: 1040px) {
	.copy,
	#index .copy,
	.copy.s2{font-size: 2.4rem;}
}
@media screen and (max-width: 767px) { 
	.copy,
	#index .copy,
	.copy.s2{font-size: 2.2rem;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.copy,
	#index .copy,
	.copy.s2{font-size: 2rem;}
}

.toptitlebox{ color: #06318f; margin-bottom: 30px; }
.toptitlebox .en{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 4.8rem; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; line-height: 1.4; }
.toptitlebox .jn{ font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 767px){
	.toptitlebox .en{ font-size: 4rem; }
	.toptitlebox .jn{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	body:not(#index) .toptitlebox .en{ font-size: 3.4rem; }
	.toptitlebox .en{ font-size: 3.6rem; }
}


.inboxtitle{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: bold;font-size: 2.4rem; text-align: center; margin-bottom: 10px;line-height: 1.6;letter-spacing: 0.1em;text-indent: 0.1em;color: #06318f;}
.inboxtitle span{ font-weight: bold; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	.inboxtitle{font-size: 2.2rem;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.inboxtitle{font-size: 2rem;}
}


.mask{overflow: hidden;position: relative;}
.mask_anim,.mask_anim2{ position: absolute!important; left: 0; top: 0; width: 101%; height: 100%; background-color: #06318f; -webkit-transition-timing-function: ease; transition-timing-function: ease; z-index: 2; visibility: hidden; margin-left: -1px; }
.mask_anim_inner{visibility: hidden;z-index: 1;}
.mask_anim_inner.is-animated{visibility: visible;}
.mask_anim.is-animated,.mask_anim2.is-animated{ -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: translateX(0) scaleX(0)!important; transform: translateX(0) scaleX(0)!important; }

.secwrap { padding: 100px 0 120px; }
.secwrap.min { padding: 40px 0; }
.secwrap.fin { margin-bottom: 60px; }
.secwrap>.section:last-child { margin-bottom: 0; }
.secwrap.grey{ background: #f7f7f7; }
.secwrap.black{ background: #000000; }
@media screen and (max-width: 767px){
	.secwrap { padding: 80px 0 100px; }
	.secwrap.min,
	.secwrap.wide { padding: 50px 0 60px; }
	.secwrap.fin { margin-bottom: 60px; } 
	.secwrap:not(section) { padding: 60px 0 70px; }
}


.section { margin-bottom: 160px; }
.section.middle{ margin-bottom: 120px; }
.section.fin { margin-bottom: 100px; }
.section:last-child { margin-bottom: 0; }
.insec{ margin-bottom: 70px; }
.insec:last-child{ margin-bottom: 0; }
@media screen and (max-width: 767px){
	.section { margin-bottom: 80px; }
	.section.middle{ margin-bottom: 80px; }
	.section.fin { margin-bottom: 80px; }
	.insec{ margin-bottom: 50px; }
}



.incnt { max-width: 1040px; width: 88%; margin: 0 auto; position: relative; }
.incnt.min { max-width: 880px; }
.incnt.wide { max-width: 1180px; }
.incnt.wider { max-width: 1380px; }
.incnt.fix { max-width: none; width: calc(100% - 120px); margin: 0 60px; }
.incnt.max { max-width: none; width: 100%; }
@media screen and (max-width: 1280px){
	.incnt.fix { width: calc(100% - 80px); margin: 0 40px; }
}
@media screen and (max-width: 1040px){
	.incnt, .incnt.max, .incnt.wider, .incnt.wide, .incnt.min { width: 88%; }
}
@media screen and (max-width: 767px){
	.incnt, .incnt.max, .incnt.wider, .incnt.wide, .incnt.min, .incnt.fix { width: 88%; margin: 0 auto; }
	.incnt.none { width: 100%; }
}

.bgbox { background: #f7f7f7; padding: 40px 60px; }
.bgbox.white { background: #fff; }
.bgbox.blue { background: #06318F;}
.bgbox.min { padding: 40px; }
.bgbox.wide { padding: 60px; }
@media screen and (max-width: 767px) { 
	.bgbox, .bgbox.wide { padding: 60px; }
}
@media screen and (max-width: 639px) { 
	.bgbox, .bgbox.wide { padding: 40px 8%; }
}

.borderbox { border: 1px solid #06318F; padding: 40px 60px; box-sizing: border-box; }
.borderbox.black { background: #000000; }
.borderbox.min { padding: 40px; }
.borderbox.wide { padding: 60px; }
@media screen and (max-width: 767px) { 
	.borderbox, .borderbox.wide { padding: 60px; }
}
@media screen and (max-width: 639px) { 
	.borderbox { padding: 8%; }
}


.bloglist{ display: flex; flex-direction: row; margin-bottom: -40px; margin-left: -70px; overflow: hidden; flex-wrap: wrap; padding-top: 10px; }
.bloglist>li{ margin-bottom: 40px; margin-left: 70px; width: calc(50% - 70px); display: flex; }
.bloglist>li>.inwrap{ display: flex; width: 100%; }
.bloglist>li>.inwrap .txtbox{ width: 100%; }
.bloglist>li>.inwrap .txtbox .title{ position: relative; margin: 10px 0; text-align: left; }
.bloglist>li>.inwrap .imgbox{ display: flex; width: 180px; flex-shrink: 0; margin-left: 6%; overflow: hidden; position: relative; }
.bloglist>li>.inwrap .imgbox img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; transition: .4s; }
.bloglist>li>.inwrap:hover{ color: #000; }
.bloglist>li>.inwrap:hover .imgbox img{ transform: scale(1.1); }
.bloglist>li>.inwrap .imgbox:before{content: '';position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, .4);width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);transform-origin: right top;}
.bloglist>li>.inwrap:hover .imgbox:before{ transform-origin:left top; transform:scale(1, 1); }
.datetxt{ color: #06318f; font-family: 'Kumbh Sans', sans-serif; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; }
.taglist{ font-size: 1.4rem; margin-left: -15px; text-align: left; }
.taglist>li{ display: inline-block; margin-left: 15px; }
.taglist>li>.inwrap:before{ content: "#"; }
@media screen and (max-width: 1040px) {
	.bloglist{ display: block; margin-left: 0; }
	.bloglist>li{ margin-left: 0; width: 100%; display: block; }
}
@media screen and (max-width: 767px) { 
	.bloglist>li>.inwrap .imgbox{ width: 40%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}





.slickbox .mask{padding-left: 50px;padding-right: 50px;}
.slickbox li.slick-slide{ overflow: hidden; }
.slickbox li img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;transform: scale(1.05);}
.slickbox .slick-arrow{ font-size: 0; width: 80px; height: 80px; background: #06318f; position: relative; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; z-index: 100; }
.slickbox .slick-arrow:before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; }
.slickbox .slick-arrow:after{ content: ""; background: url(../img/common/arr1.svg) no-repeat; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; opacity: 0; }
.slickbox .slick-arrow:hover{ background: #fff; }
.slickbox .slick-arrow:hover:before{ opacity: 0; }
.slickbox .slick-arrow:hover:after{ opacity: 1; }
.slickbox .slick-prev{ left: -40px; }
.slickbox .slick-prev.slick-arrow:before,
.slickbox .slick-prev.slick-arrow:after{ transform: scale(-1, 1); }
.slickbox .slick-next{ right: -40px; }
.slickbox .slick-arrow:hover.slick-prev{ left: -50px; }
.slickbox .slick-arrow:hover.slick-next{ right: -50px; }
.slickbox a{ display: block; }
.slickbox a:hover{ opacity: 0.8; }
@media screen and (max-width: 1040px) {
	.slickbox .mask{padding-left: 40px;padding-right: 40px;}
	.slickbox .slick-arrow{ width: 60px; height: 60px; }
	.slickbox .slick-prev{ left: -30px; }
	.slickbox .slick-next{ right: -30px; }
	.slickbox .slick-arrow:hover.slick-prev{ left: -30px; }
	.slickbox .slick-arrow:hover.slick-next{ right: -30px; }
}
@media screen and (max-width: 767px) { 
	.slickbox .mask{padding-left: 30px;padding-right: 30px;}
	.slickbox .slick-arrow{ width: 40px; height: 40px; }
	.slickbox .slick-arrow:before,
	.slickbox .slick-arrow:after{ width: 30px; }
	.slickbox .slick-prev{ left: -20px; }
	.slickbox .slick-next{ right: -20px; }
	.slickbox .slick-arrow:hover.slick-prev{ left: -20px; }
	.slickbox .slick-arrow:hover.slick-next{ right: -20px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.slickbox .mask{padding-left: 20px;padding-right: 20px; padding-bottom: 20px;}
	.slickbox{ padding-bottom: 20px; }
	.slickbox .slick-arrow{ width: 30px; height: 30px; top: auto; bottom: -20px; }
	.slickbox .slick-arrow:before,
	.slickbox .slick-arrow:after{ width: 20px; }
	.slickbox .slick-prev{ left: -10px; }
	.slickbox .slick-next{ right: -10px; }
	.slickbox .slick-arrow:hover.slick-prev{ left: -10px; }
	.slickbox .slick-arrow:hover.slick-next{ right: -10px; }
}



.onlineshopbnr>.incnt>.inwrap{background: #06318f;padding: 50px 70px;color: #fff;position: relative;display: block;text-align: center;}
.onlineshopbnr>.incnt>.inwrap:after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; right: 40px; margin: auto; z-index: 10; transition: .4s; }
.onlineshopbnr>.incnt>.inwrap .bnrtitle{  font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; letter-spacing: 0.1em; text-indent: 0.1em;line-height: 1.4; margin-bottom: 10px; }
.onlineshopbnr>.incnt>.inwrap .bnrtxt{ font-size: 1.8rem; line-height: 1.6; }
.onlineshopbnr>.incnt>.inwrap:before{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#000; width: 100%; height: 100%; transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.onlineshopbnr>.incnt>.inwrap:hover{ color: #fff; }
.onlineshopbnr>.incnt>.inwrap:hover:after{ right: 30px; }
.onlineshopbnr>.incnt>.inwrap .txtbox{ position: relative; z-index: 10; }
.onlineshopbnr>.incnt>.inwrap:hover:before{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (max-width: 1040px){
	.onlineshopbnr>.incnt>.inwrap .bnrtitle{ font-size: 3rem; }
	.onlineshopbnr>.incnt>.inwrap .bnrtxt{ line-height: 1.8; }
}
@media screen and (max-width: 767px){
	.onlineshopbnr>.incnt>.inwrap{ padding-bottom: 40px; }
	.onlineshopbnr>.incnt>.inwrap .bnrtitle{ font-size: 2.6rem; }
	.onlineshopbnr>.incnt>.inwrap:after{ width: 30px; right: 20px; }
	.onlineshopbnr>.incnt>.inwrap .bnrtxt{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.onlineshopbnr>.incnt>.inwrap{padding: 40px 8%;}
	.onlineshopbnr>.incnt>.inwrap:after{width: 30px;right: 15px;content:none}
}



.instabnr>.inwrap{position: relative;background: #f7f7f7;max-width: 500px;margin-left: auto;margin-right: auto;display: flex;justify-content: center;transition-delay: .2s; width: 80%;}
.instabnr>.inwrap>.inwrap{display: flex;flex-direction: row;padding: 35px 4% 25px;position: relative;z-index: 10;box-sizing: border-box;align-items: center;}
.instabnr>.inwrap>.inwrap .bnricon{display: flex;flex-direction: column;justify-content: center;flex-shrink: 0;margin-right: 20px;}
.instabnr>.inwrap>.inwrap .bnricon img{ width: 78px; height: 78px; }
.instabnr>.inwrap>.inwrap .txtbox{width: 100%;display: flex;flex-direction: column;justify-content: center;}
.instabnr>.inwrap>.inwrap .txtbox .bnrsubtitle{ line-height: 1.8; }
.instabnr>.inwrap>.inwrap .txtbox .bnrtitle{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; letter-spacing: 0.1em; text-indent: 0.1em;line-height: 1.4; }
.instabnr>.inwrap>.inwrap{ position: relative; z-index: 10; }
.instabnr>.inwrap:before{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#06318f; width: 100%; height: 100%; transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.instabnr>.inwrap:hover{ color: #fff; }
.instabnr>.inwrap:hover:before{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (max-width: 1040px){
	.instabnr>.inwrap>.inwrap .txtbox .bnrtitle{ font-size: 3rem; }
}
@media screen and (max-width: 767px){
	.instabnr>.inwrap>.inwrap .txtbox .bnrtitle{ font-size: 2.6rem; }
	.instabnr>.inwrap>.inwrap .bnricon img{ width: 58px; height: 58px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.instabnr>.inwrap>.inwrap .bnricon img{ width: 48px; height: 48px; }
	.instabnr>.inwrap>.inwrap{ padding: 25px 4% 25px; }
	/* .instabnr>.inwrap>.inwrap{ display: block; }
	.instabnr>.inwrap>.inwrap .bnricon{ display: block; margin-right: 0; margin-bottom: 20px; text-align: center; }
	.instabnr>.inwrap>.inwrap .txtbox{ display: block; }
	.instabnr>.inwrap>.inwrap .txtbox .bnrsubtitle{ text-align: center; }
	.instabnr>.inwrap>.inwrap .txtbox .bnrtitle{ text-align: center; margin-top: 10px; } */
}



.businesslinklist{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-bottom: -12px; overflow: hidden; text-align: center; }
.businesslinklist>li{ width: calc(16.66% - 10px); margin-left:10px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; box-sizing: border-box; position: relative; }
.businesslinklist>li:before {content: "";display: block;padding-top: 51%;}
.businesslinklist>li .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.businesslinklist>li img{width: 92%;height: 92%;object-fit: contain;font-family: 'object-fit: contain;';object-position: center center;}
@media screen and (max-width: 1200px) {
	.businesslinklist>li{ width: calc(20% - 10px); }
}
@media screen and (max-width: 1040px) {
	.businesslinklist>li{ width: calc(25% - 10px); }
}
@media screen and (max-width: 767px) { 
	.businesslinklist>li{ width: calc(33.33% - 10px); }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.businesslinklist>li{ width: calc(50% - 10px); }
}




.shopbox{ display: flex; flex-direction: row-reverse; }
.shopbox .mapbox{ position: relative; flex-shrink: 0; width: 50%; flex-shrink: 0; }
.shopbox .mapbox .mask,
.shopbox .mapbox .mask_anim,
.shopbox .mapbox .mask_anim_inner{ height: 100%; }
.shopbox .mapbox .mask_anim_inner{ position: relative; }
.shopbox .mapbox .link{ position: absolute; bottom: 0; right: 0; }
.shopbox .txtbox{ background: #f7f7f7; text-align: center; padding: 70px 8%; box-sizing: border-box; width: 100%; font-size: 1.8rem; min-height: 598px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.shopbox .txtbox .logo{margin-bottom: 30px;}
#shop.sportsquest #sec_3 .shopbox .txtbox .logo img{ max-width: 416px; width: 100%; }
#shop.sakaehigashi #sec_4 .shopbox .txtbox .logo img{ max-width: 388px; width: 100%; }
.shopbox .txtbox .sitetitle{ margin-bottom: 20px; }
.shopbox .txtbox .address{margin-bottom: 15px;}
@media screen and (max-width: 1040px) {
	.shopbox{ display: block; }
	.shopbox .mapbox{ width: 100%; height: 400px; }
	.shopbox .txtbox{ min-height: inherit; font-size: 1.6rem;  }
	.shopbox .txtbox .bottomlink{ margin-top: 30px; }
}
@media screen and (max-width: 767px) { 
	.shopbox .txtbox{ padding: 50px 8%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}




.shopimglist{ display: flex; flex-direction: row; flex-wrap: wrap; }
.shopimglist>li{ width: 50%; }
.shopimglist:not(._lastnot)>li:nth-last-child(-n+4){ width: 25%; }
@media screen and (max-width: 1040px) {
	.shopimglist:not(._lastnot)>li:nth-last-child(-n+4){ width: 50%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



.dllist{ border-top: 1px solid #06318f; }
.dllist>li{ border-bottom: 1px solid #06318f; }
.dllist>li>dl{ display: flex; flex-direction: row; }
.dllist>li>dl>dt{flex-shrink: 0;width: 180px;box-sizing: border-box;font-weight: bold; letter-spacing: 0.1em;  color: #06318f;}
.dllist>li>dl>dt span{ font-weight: bold; }
.dllist>li>dl>dt,
.dllist>li>dl>dd{padding: 25px 30px;text-align: left;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	.dllist>li>dl>dt{ width: 35%; }
	.dllist>li>dl>dt,
	.dllist>li>dl>dd{padding: 15px 20px;}
	.dllist>li>dl>dd{ padding-left: 0; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}




.historylist {margin: 0;position: relative;overflow: hidden;margin-bottom: -50px;}
.historylist:before { position: absolute; left: 50%; width: 5px; height: calc(100% - 56px); content: ''; background: #e5e5e5; top: 6px; }
.historylist>li {position: relative;margin-bottom: 50px;width: 50%;box-sizing: border-box;}
.historylist>li:before{content: "";display: inline-block;border: 6px solid #06318f;width: 40px;height: 40px;box-sizing: border-box;position: absolute;top: 0px;background: #fff;border-radius: 50%;}
.historylist>li:after{content: "";display: inline-block;width: 60px;height: 1px;box-sizing: border-box;position: absolute;top: 19px;background: #06318f;z-index: -1;}
.historylist>li:nth-child(odd) {float: left;padding-right: 11%;}
.historylist>li:nth-child(odd) .mainbox{ text-align: right; }
.historylist>li:nth-child(odd):before {right: -20px;}
.historylist>li:nth-child(odd):after {right: 0;}
.historylist>li:nth-child(even) {float: right;margin-top: 100px;padding-left: 11%;}
.historylist>li:nth-child(even) .mainbox{ text-align: left; }
.historylist>li:nth-child(even):before { left: -20px; }
.historylist>li:nth-child(even):after { left: 0; }
.historylist>li:nth-of-type(2n+1) { clear: both; }
.historylist>li .mainbox .yearbox{color: #06318f;margin-bottom: 5px;}
.historylist>li .mainbox .yearbox .num{font-family: 'Kumbh Sans', sans-serif;font-weight: bold;font-size: 4rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.historylist>li .mainbox .yearbox .jn{ font-size: 1.8rem; }
.historylist>li .mainbox .imgbox{ margin-top: 20px; overflow: hidden; }
.historylist>li .mainbox .imgbox img{ width: 100%; }
.historylist>li .mainbox .imgbox .imglist{ margin-left: -10px; margin-bottom: -10px; display: flex; flex-direction: row; flex-wrap: wrap; }
.historylist>li .mainbox .imgbox .imglist>li{ margin-left: 10px; width: calc(50% - 10px); margin-bottom: 10px; }
.historylist>li .mainbox .imgbox .imglist>li._1{ width: calc(100% - 10px); }
.historylist>li .mainbox .imgbox .imglist._1{ margin-left: 0; margin-bottom: -10px; }
.historylist>li .mainbox .imgbox .imglist._1>li{ margin-left: 0; width: calc(100% - 10px); }
@media screen and (max-width: 1040px) {
	.historylist>li .mainbox .yearbox .num{ font-size: 3rem; }
	.historylist>li {width: 100%;}
	.historylist>li { float: none!important; }
	.historylist>li:nth-child(odd),
	.historylist>li:nth-child(even) {float: right;margin-top: 0;padding-left: 85px;padding-right: 0%;}
	.historylist>li:nth-child(odd) .mainbox,
	.historylist>li:nth-child(even) .mainbox{ text-align: left; }
	.historylist>li:nth-child(odd):before,
	.historylist>li:nth-child(even):before {right: auto;left: 0;top: 5px;}
	.historylist>li:nth-child(odd):after,
	.historylist>li:nth-child(even):after {right: auto;left: 20px;}
	.historylist>li .mainbox .imgbox .imglist{ margin-left: 0; margin-bottom: -10px; }
	.historylist>li .mainbox .imgbox .imglist>li{ margin-left: 0; width: calc(100% - 10px); }
	.historylist>li:before{border: 4px solid #06318f;width: 30px;height: 30px;}
	.historylist>li:after{top: 20px;width: 50px;}
	.historylist:before { width: 3px; left: 15px;}
	.historylist>li .mainbox .yearbox .num{ line-height: 1.4; }
}
@media only screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



.teltxt{ text-align: center; color: #06318f; }
.teltxt>.inwrap{ position: relative; display: inline-block; padding-left: 40px; }
.teltxt>.inwrap:before{ content: ""; background: url(../img/common/telicon_blue.svg) no-repeat; background-size: contain; width: 34px; height: 34px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.teltxt .tel{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; letter-spacing: 0.1em; text-align: center; line-height: 1.4; display: inline-block; vertical-align: middle; margin-left: 10px; }
.teltxt .tel:hover{ color: #06318f; }
.teltxt .txt{ display: inline-block; vertical-align: middle; margin-left: 10px; font-weight: bold; font-size: 1.8rem;  letter-spacing: 0.1em;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	.teltxt{ padding-top: 10px; }
	.teltxt>.inwrap{  padding-left: 28px; }
	.teltxt>.inwrap:before{ width: 26px;height: 26px; }
	.teltxt .tel{ font-size: 2.8rem; }
	.teltxt .txt{font-size: 1.6rem; }
	.teltxt>.inwrap:before{ bottom: auto; top: 8px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.teltxt{ padding-top: 5px; padding-right: 15px; }
	.teltxt>.inwrap{ text-align: left; }
	.teltxt .txt{ display: block; text-align: center; margin-left: 0; padding-right: 20px; }
}


.shopproductlist{display: flex;flex-direction: row;margin-left: -20px;position: relative;z-index: 100;}
.shopproductlist>li{margin-left: 20px;width: calc(33.33% - 20px);display: flex;}
.shopproductlist>li>.inwrap{display: flex;position: relative;width: 100%;overflow: hidden;}
.shopproductlist>li>.inwrap>.inwrap{display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;color: #fff;font-weight: bold;line-height: 1.6;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;width: 100%;box-sizing: border-box;padding: 50px 8%;font-size: 3.6rem;height: 300px;text-align: center;}
.shopproductlist>li>.inwrap:before{content: '';position: absolute;top: 0;left: 0;z-index: 2;background: rgba(6, 4, 149, .4);width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);transform-origin: right top;}
.shopproductlist>li>.inwrap .bg{position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';transition: .4s;}
@media screen and (max-width: 1200px) {
	.shopproductlist>li>.inwrap>.inwrap{ height: 250px; font-size: 3rem; }
}
@media screen and (max-width: 1040px) {
	.shopproductlist>li>.inwrap{ font-size: 2rem; }
	.shopproductlist>li>.inwrap>.inwrap{font-size: 2.6rem;height: 200px;}
	.shopproductlist{ display: block; margin-left: 0; margin-bottom: -20px; }
	.shopproductlist>li{ margin-left: 0; width: 100%; display: block; margin-bottom: 20px; }
}
@media screen and (max-width: 767px) { 
	.shopproductlist>li>.inwrap>.inwrap{padding: 40px 8%;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.shopproductlist>li>.inwrap>.inwrap{padding: 30px 8%;height: 160px; font-size: 2rem;}
}





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


Base


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

#loadingunder {position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1000000000;transition: ease 1.2s .8s; }
#loadingunder.fadeUp{left: 100vw;}
#loadingunder .bg{background-color: #06318f;width: 100%;height: 100%;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#header .mainbox .logobox{position: fixed;top: 0;left: 0;z-index: 1000;background: rgba(255,255,255,.9);padding-left: 4%; width: 100%;display: flex;}
#header .mainbox .logobox .logo>a{display: flex;flex-direction: row;align-items: center;height: 100px;color: inherit;}
#header .mainbox .logobox .logo>a img{width: 292px;height: 34px;}
#header .mainbox .logobox .logo>a .sitetitle{font-size: 1.5rem;margin-left: 20px;padding-top: 10px;}
#header .mainbox .rightbox{ position: fixed; top: 0; right: 142px; z-index: 1000; }
#header .mainbox .rightbox .contactbtn>a{ display: flex; align-items: center; justify-content: center; background: #cd0113; color: #fff; font-weight: bold; font-size: 1.8rem; letter-spacing: 0.2em; text-indent: 0.2em; font-family: 'Kumbh Sans', sans-serif; font-weight: bold; width: 178px; height: 100px; }
#header .mainbox .rightbox .contactbtn>a>.inwrap{ position: relative; z-index: 10; }
#header .mainbox .rightbox .contactbtn>a:before{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#000; width: 100%; height: 100%; transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
#header .mainbox .rightbox .contactbtn>a:hover:before{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (max-width: 1040px) {
	#header .mainbox .logobox .logo>a .sitetitle{ display: none; }
	#header .mainbox .logobox .logo>a{ height: 80px; }
	#header .mainbox .logobox .logo>a img{ width: 262px; height: auto; }
	#header .mainbox .rightbox{ display: none; }
	#header .mainbox .rightbox .contactbtn>a{ font-size: 1.6rem; width: 138px; height: 80px; }
}
@media screen and (max-width: 767px) { 
	#header .mainbox .logobox .logo>a img{ width: 192px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



#gnav{  z-index: 100000000; position: fixed; top: 0; bottom: 0; left: -100vw; right: 0; height: 100vh!important; display: block; overflow: hidden; width: 100vw!important; opacity: 1; visibility: visible; color: #fff; transition: all 0.6s; }
#gnav .navbox{ position: relative; z-index: 10; display: flex; flex-direction: row; }
#gnav.navlist .mainlistcover{ display: flex; flex-direction: column; justify-content: center; height: 100vh; width: 100% }
#gnav.navlist .mainlistcover>.inwrap{overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; width: 100%;padding: 110px 8% 100px;box-sizing: border-box;}
#gnav.navlist .mainlistcover>.inwrap::-webkit-scrollbar { display: none; }
#gnav.navlist .mainlist>li,
#gnav.navlist .inlist,
#gnav.navlist .contactbox{  transition: 3s; opacity: 0 }
#gnav.navlist .contactbox{margin-top: 80px;}
#gnav.navlist .contactbox .opentxt{ font-size: 1.5rem; }
#gnav.navlist .inlist>li{margin-left: 30px;display: inline-block;vertical-align: middle;}
#gnav.navlist .inlist{ margin-left: -30px; }
#gnav.navlist .mainlist>li{margin-bottom: 20px;}
#gnav.navlist .mainlist>li>div{ line-height: 1.4; display: inline-block; }
#gnav.navlist .mainlist>li>a,
#gnav.navlist .mainlist>li>div>p,
#gnav.navlist .inlist>li>a{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; color: #fff; letter-spacing: 0.1em; text-indent: 0.1em; position: relative; overflow: hidden; display: inline-block; line-height: 1.4; }
#gnav.navlist .mainlist>li>a::before,
#gnav.navlist .inlist>li>a:before{ content: ""; background: #fff; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: .4s; }
#gnav.navlist .mainlist>li>a:hover::before,
#gnav.navlist .inlist>li>a:hover:before{ width: 100%; }
#gnav.navlist .mainlist>li.hassub .sub{ font-size: 1.8rem; margin-left: -15px; margin-top: -15px; color: #fff; }
#gnav.navlist .mainlist>li.hassub .sub>li{ margin-left: 15px; display: inline-block; vertical-align: middle; line-height: 1.6; }
#gnav.navlist .mainlist>li.hassub .sub>li:before{content: "-";margin-right: 5px;vertical-align: middle;}
#gnav.navlist .mainlist>li.hassub .sub>li>a{position: relative;overflow: hidden;display: inline-block;vertical-align: middle;padding-top: 4px;}
#gnav.navlist .mainlist>li.hassub .sub>li>a:before{ content: ""; background: #fff; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: .4s; }
#gnav.navlist .mainlist>li.hassub .sub>li>a:hover:before{ width: 100%; }

#gnav .bg .bluebg{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 2; background-color: #06318F; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; }
#gnav.is-open{ left: 0; }
#gnav.is-open .bluebg{ opacity: 1; visibility: visible; }
#gnav.navlist.is-open .mainlist>li,
#gnav.navlist.is-open .inlist,
#gnav.navlist.is-open .contactbox { opacity:1; transition: 3s; }
#gnav.navlist.is-open .mainlist>li:nth-child(1){ -webkit-transition-delay: .2s; transition-delay: .2s; }
#gnav.navlist.is-open .mainlist>li:nth-child(2){ -webkit-transition-delay: .25s; transition-delay: .25s; }
#gnav.navlist.is-open .mainlist>li:nth-child(3){ -webkit-transition-delay: .3s; transition-delay: .3s; }
#gnav.navlist.is-open .mainlist>li:nth-child(4){ -webkit-transition-delay: .35s; transition-delay: .35s; }
#gnav.navlist.is-open .inlist{ -webkit-transition-delay: .4s; transition-delay: .4s; }
#gnav.navlist.is-open .contactbox{ -webkit-transition-delay: .45s; transition-delay: .45s; }
@media screen and (max-width: 1040px){
	#gnav.navlist .contactbox .numberlist>li{ display: block; }
	#gnav.navlist .contactbox .numberlist>li._tel:after{ content: none; }
	#gnav.navlist .contactbox .numberlist>li._fax{ padding-top: 10px; }
	#gnav.navlist .contactbox .opentxt{ font-size: 1.5rem; margin-top: 10px; }
	#gnav.navlist .mainlist>li>a,
	#gnav.navlist .mainlist>li>div>p,
	#gnav.navlist .inlist>li>a{ font-size: 3rem; }
	#gnav.navlist .mainlist>li.hassub .sub{ font-size: 1.6rem; }
	#gnav.navlist .mainlistcover>.inwrap>.inwrap{ padding: 0 8% 80px;}
}
@media screen and (max-width: 767px){
	#gnav.navlist .inlist>li{margin-left: 0;display: block;margin-bottom: 15px;}
	#gnav.navlist .inlist>li:last-child{margin-bottom: 0;}
	#gnav.navlist .inlist{ margin-left: -0; }
	#gnav.navlist .mainlist>li>a,
	#gnav.navlist .mainlist>li>div>p,
	#gnav.navlist .inlist>li>a{ font-size: 2.6rem; }
	#gnav.navlist .mainlist>li.hassub .sub{ font-size: 1.5rem; }
	#gnav.navlist .mainlist>li{margin-bottom: 15px;}
	#gnav.navlist .contactbox{margin-top: 60px;}
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 500px){
}


#menubtn { z-index: 100000001; position: fixed; top: 0; right: 0; display: block; background: transparent; width: 142px; height: 100px; cursor: pointer; }
#menubtn a {text-decoration: none;position: relative;height: 100%;width: 100%;background: #06318f;display: flex;flex-direction: row;align-items: center;justify-content: center;}
#menubtn a .linebox{position: relative;width: 72px;height: 22px;display: inline-block;vertical-align: middle;overflow: hidden;}
#menubtn a .linebox .line { height: 2px; background: #fff; position: absolute; transition: all 0.6s; left: 0; width: 72px; }
#menubtn a #line1 { top: 0; }
#menubtn a #line2 {bottom: calc(50% - 1px);}
#menubtn a #line3 { bottom: 0; }
#menubtn a .menutxt {opacity: 0;visibility: hidden;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: -70px;color: #fff;font-family: 'Kumbh Sans', sans-serif;font-weight: bold;font-size: 1.8rem;letter-spacing: 0.2em;text-indent: 0.2em;display: flex;align-items: center;transition: .2s;}
#menubtn.active a #line1 {
	left: 100%;
	/* -webkit-transform:translateY(10px) translateX(0) rotate(44deg);
	transform: translateY(10px) translateX(0) rotate(44deg); */
}
#menubtn.active a #line3 {
	left: 100%;
	/* -webkit-transform:translateY(-10px) translateX(0) rotate(-44deg);
	transform: translateY(-10px) translateX(0) rotate(-44deg); */
}
#menubtn.active a .menutxt { opacity: 1; visibility: visible; }
@media screen and (max-width: 1040px) {
	#menubtn { width: 102px; height: 80px; }
	#menubtn a .linebox{width: 45px;}
	#menubtn a .linebox .line { height: 1px; width: 45px; }
	#menubtn a .menutxt{ font-size: 1.6rem; left: -60px; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}


#fonlineshop { padding: 100px 0 90px; background: #f7f7f7; }
#fonlineshop .bnrlist{display: flex;flex-direction: row;/*margin-left: -20px;*/position: relative;z-index: 100;}
#fonlineshop .bnrlist>li{margin: 0 auto; /*margin-left: 20px;width: calc(50% - 20px);*/ width: 60%; display: flex;}
/* #fonlineshop .bnrlist>li>.inwrap{display: flex;position: relative;width: 100%;overflow: hidden;} */
#fonlineshop .bnrlist>li>.inwrap{display: flex; aspect-ratio: 960 /380; justify-content:center; align-items: center; width: 100%;overflow: hidden;}
#fonlineshop .bnrlist>li>.inwrap>.inwrap{display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;color: #fff;font-weight: bold;line-height: 1.6;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;width: 100%;box-sizing: border-box;padding: 50px 80px;padding-right: 90px;}
#fonlineshop .bnrlist>li>.inwrap>.inwrap:after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; width: 40px; height: 6px; z-index: 10; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; display: inline-block; }
#fonlineshop .bnrlist>li>.inwrap:before{content: '';position: absolute;top: 0;left: 0;z-index: 2;background: rgba(6, 4, 149, .4);width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);transform-origin: right top;}
#fonlineshop .bnrlist>li:nth-child(1)>.inwrap>.inwrap{ font-size: 2.6rem; }
#fonlineshop .bnrlist>li:nth-child(2)>.inwrap>.inwrap{font-size: 2.2rem;}
#fonlineshop .bnrlist>li>.inwrap>.logo { width: 60%; position: relative; z-index:1;}
#fonlineshop .bnrlist>li>.inwrap .bg{position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';transition: .4s;}
#fonlineshop .bnrlist>li>.inwrap:hover .bg{ transform: scale(1.05); }
#fonlineshop .bnrlist>li>.inwrap:hover:before{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (max-width: 1040px) {
	#fonlineshop .bnrlist>li:nth-child(1)>.inwrap>.inwrap{ font-size: 2rem; }
	#fonlineshop .bnrlist>li:nth-child(2)>.inwrap>.inwrap{ font-size: 2rem; }
}
@media screen and (max-width: 767px) { 
	#fonlineshop { padding: 80px 0 80px; }
	#fonlineshop .bnrlist{ display: block; margin-left: 0; margin-bottom: -20px; }
	#fonlineshop .bnrlist>li{ margin-left: 0; width: 100%; display: block; margin-bottom: 20px; }
	#fonlineshop .bnrlist>li>.inwrap>.inwrap{padding: 40px 50px;padding-right: 70px;height: 140px;}
	#fonlineshop .bnrlist>li>.inwrap>.inwrap:after{ width: 30px; right: 15px; }
	#fonlineshop .bnrlist>li:nth-child(1)>.inwrap>.inwrap,
	#fonlineshop .bnrlist>li:nth-child(2)>.inwrap>.inwrap{font-size: 1.6rem;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#fonlineshop { padding: 80px 0 60px; }
	#fonlineshop .bnrlist>li>.inwrap>.inwrap{padding: 30px 50px;height: 120px;}
}

#footer #contactbox{ padding-top: 130px; background: #06318F; color: #fff; padding-bottom: 150px; }
#footer #contactbox .toptitlebox{ color: #fff; }
#footer #contactbox .txt{ text-align: center; margin-bottom: 20px; }
.contactlist{ text-align: center; margin-bottom: -20px; }
.contactlist>li{ display: inline-block; vertical-align: top; margin-bottom: 20px; }
.contactlist>li._mail:after{ content: "/"; margin: 0 20px 0 30px; font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; line-height: 1.4;  }
.contactlist>li._mail>a{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; letter-spacing: 0.15em; text-indent: 0.15em; line-height: 1.4; position: relative; overflow: hidden; }
.contactlist>li._mail>a svg{ width: 32px; height: 24px; margin-right: 15px; }
.contactlist>li._mail>a:after{ content: ""; background: #fff; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; display: inline-block; transition: .4s; }
.contactlist>li._mail>a:hover:after{ width: 100%; }
.numberlist>li{ display: inline-block; vertical-align: top; position: relative; }
.numberlist>li._tel{ padding-right: 30px; }
.numberlist>li._tel:after{ content: "/"; position: absolute; top: 15px; right: 10px; }
.numberlist>li._tel .numbertxt .tel{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.6rem; letter-spacing: 0.15em; text-indent: 0.15em; display: inline-block; line-height: 1.4; color: #fff; }
.numberlist>li._tel .numbertxt .tel:before{content: "";background: url(../img/common/telicon.svg) no-repeat;background-size: contain;width: 34px;height: 34px;display: inline-block;margin-right: 15px;vertical-align: -1px;}
.numberlist>li._tel .opentxt{font-size: 1.4rem;text-align: center;letter-spacing: 0.1em;padding-left: 50px;line-height: 1.6;}
.numberlist>li._fax{padding-top: 13px;font-size: 1.8rem;letter-spacing: 0.05em;}
@media screen and (max-width: 1040px) {
	#footer #contactbox .txt{margin-bottom: 40px;}
	.contactlist>li{ display: block; margin-bottom: 30px; }
	.contactlist>li._mail:after{ content: none; }
	.contactlist>li._mail{ padding-right: 20px; }
	.contactlist>li._mail>a{ font-size: 3rem; letter-spacing: 0.1em; text-indent: 0.1em; }
	.contactlist>li._mail>a svg{ width: 32px; height: 24px; margin-right: 15px; }
}
@media screen and (max-width: 767px) { 
	#footer #contactbox{ padding-top: 80px; padding-bottom: 70px; }
	.contactlist>li{ margin-bottom: 35px; }
	.numberlist>li{ display: block; }
	.numberlist>li._tel:after{ content: none; }
	.numberlist>li._tel{ padding-right: 30px; }
	.numberlist>li._tel .numbertxt .tel{ font-size: 3rem; letter-spacing: 0.1em; text-indent: 0.1em; }
	.numberlist>li._tel .numbertxt .tel:before{width: 26px;height: 26px;margin-right: 10px;}
	.numberlist>li._tel .opentxt{padding-left: 35px;margin-top: 5px;}
	.numberlist>li._fax{padding-top: 20px;font-size: 1.6rem;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#footer #contactbox{ padding-top: 80px; padding-bottom: 60px; }
	#footer #contactbox .txt{ text-align: left; margin-bottom: 30px; }
	.contactlist>li._mail>a{ font-size: 2.6rem;}
	.numberlist>li._tel .numbertxt .tel{ font-size: 2.6rem; }
	.numberlist>li._tel .opentxt{ font-size: 1.2rem; }
}

#footer #groupbox{ background: #f7f7f7; padding: 60px 0; }
#footer #groupbox .toptitlebox .en{ font-size: 3.6rem; }
#footer #groupbox .toptitlebox .jn{ font-size: 1.6rem; color: #000; }
#footer #groupbox .link{ text-align: center; max-width: 560px; width: 100%; margin-left: auto; margin-right: auto; }
#footer #groupbox .link>a{ display: inline-block; background: #fff; position: relative; }
#footer #groupbox .link>a>.inwrap{display: flex;align-items: center;justify-content: center;padding: 31px 30px;}
#footer #groupbox .link>a>.inwrap .logo{ width: 205px; display: flex; flex-shrink: 0; margin-right: 20px; }
#footer #groupbox .link>a>.inwrap .txt{ line-height: 1.8; text-align: left; }
#footer #groupbox .link>a:hover{ opacity: 0.7; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#footer #groupbox .link>a>.inwrap{display: block;text-align: center;}
	#footer #groupbox .link>a>.inwrap .logo{ width: 100%; margin-right: 0; margin-bottom: 20px; display: block; text-align: center; }
	#footer #groupbox .link>a>.inwrap .logo img{ max-width: 205px; width: 80%; }
	#footer #groupbox .link>a>.inwrap .txt{ text-align: center; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#footer #mainfooter{ padding: 90px 0; }
#footer #mainfooter .incnt>.inwrap{ display: flex; flex-direction: row; justify-content: space-between; }
#footer #mainfooter .footerinfo{ display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; font-size: 1.5rem; }
#footer #mainfooter .footerinfo .logo{ margin-bottom: 30px; }
#footer #mainfooter .footerinfo .logo img{ max-width: 292px; width: 88%; }
#footer #mainfooter #fnav{ text-align: right; margin-bottom: -20px; overflow: hidden; }
#footer #mainfooter #fnav .mainlist,
#footer #mainfooter #fnav .inlist{ margin-left: -20px; margin-bottom: 10px; }
#footer #mainfooter #fnav .mainlist>li,
#footer #mainfooter #fnav .inlist>li{ display: inline-block; vertical-align: top; margin-left: 20px; margin-bottom: 15px; text-align: left; }
#footer #mainfooter #fnav .mainlist>li>a,
#footer #mainfooter #fnav .mainlist>li>div>p,
#footer #mainfooter #fnav .inlist>li>a{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 1.8rem; color: #06318f; letter-spacing: 0.1em; text-indent: 0.1em; position: relative; overflow: hidden; display: inline-block; line-height: 1.4; }
#footer #mainfooter #fnav .mainlist>li>a::before,
#footer #mainfooter #fnav .inlist>li>a:before{ content: ""; background: #06318f; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: .4s; }
#footer #mainfooter #fnav .mainlist>li>a:hover::before,
#footer #mainfooter #fnav .inlist>li>a:hover:before{ width: 100%; }
#footer #mainfooter #fnav .mainlist>li.hassub .sub{ font-size: 1.4rem; }
#footer #mainfooter #fnav .mainlist>li.hassub .sub>li>a{ position: relative; overflow: hidden; display: inline-block; line-height: 1.6; }
#footer #mainfooter #fnav .mainlist>li.hassub .sub>li>a:before{ content: ""; background: #000; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: .4s; }
#footer #mainfooter #fnav .mainlist>li.hassub .sub>li>a:hover:before{ width: 100%; }
@media screen and (max-width: 1040px) {
	#footer #mainfooter{ padding: 60px 0 50px; }
	#footer #mainfooter .incnt>.inwrap{ display: block; }
	#footer #mainfooter .footerinfo{ display: block; text-align: center; }
	#footer #mainfooter #fnav{ display: none; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#footer #cr{background: #06318f;color: #fff;text-align: center;padding: 17px 8%;font-family: 'Kumbh Sans', sans-serif;font-weight: bold;font-size: 1.4rem;letter-spacing: 0.2em;text-indent: 0.2em;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#footer #cr{ font-size: 1.2rem; }
}


#mainv.under { height: 560px; position: relative; margin-top: 100px; }
#mainv.under .pagetitlebox {display: flex;flex-direction: column;justify-content: flex-end;background: rgba(0,0,0,.4);width: 100%;height: 100%;color: #fff;padding: 90px 10%;box-sizing: border-box;text-align: left;}
#mainv.under .pagetitlebox .en{font-family: 'Kumbh Sans', sans-serif;font-weight: bold;font-size: 6rem;letter-spacing: 0.1em;line-height: 1.4;display: block;}
#mainv.under .pagetitlebox .en .small{font-size: 3.6rem;line-height: 1.2;margin-bottom: 10px;display: block;}
#mainv.under .pagetitlebox .jn{ font-size: 2.4rem; font-weight: bold; }
#mainv.under .pagetitlebox+.bg{ position: absolute; bottom: 0; left: 0; top: 0; right: 0; z-index: -1; }
#mainv.under .pagetitlebox+.bg img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
@media screen and (max-width: 1040px){
	#mainv.under { height: 480px; margin-top: 80px; }
	#mainv.under .pagetitlebox{ padding: 70px 10%; }
	#mainv.under .pagetitlebox .en{ font-size: 4.8rem; }
	#mainv.under .pagetitlebox .jn{ font-size: 1.8rem; }
	#mainv.under .pagetitlebox .en .small{font-size: 2.6rem;margin-bottom: 20px;}
}
@media screen and (max-width: 767px){
	#mainv.under { height: 380px; }
	#mainv.under .pagetitlebox{ padding: 45px 6%; }
	#mainv.under .pagetitlebox .en{ font-size: 3.6rem; margin-bottom: 5px; }
	#mainv.under .pagetitlebox .en .small{font-size: 2rem; line-height: 1.4;margin-bottom: 5px; margin-top: 5px;}
}
@media screen and (max-width: 500px){
	#mainv.under .pagetitlebox .en .small{ font-size: 1.8rem;margin-bottom: 10px; margin-top: 10px; }
	#mainv.under .pagetitlebox .jn{ font-size: 1.6rem; }
}


#pankuzu { line-height: 1.4; padding: 18px 4%; padding-left: 0%; text-align: right; position: relative; }
#pankuzu:after{ content: ""; width: 92%; height: 100%; position: absolute; bottom: 0; right: 0; top: 0; background: #f7f7f7; display: block; }
#pankuzu ol{ position: relative; z-index: 1; }
#pankuzu ol li { display:inline; font-size: 1.4rem; }
#pankuzu ol li:before {content:">";display: inline-block;margin: 0 8px 0 5px;font-size: 1rem;vertical-align: 2px;}
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li:first-child img{width: 14px;height: 14px;vertical-align: -1px;}
#pankuzu ol li a{ text-decoration: none; }
#pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 767px) { 
	#pankuzu{ display: none; }
}


body:not(#index) #main { padding-top: 100px;  padding-bottom: 150px; }
@media screen and (max-width: 1040px) { 
	body:not(#index) #main{ padding-top: 80px; padding-bottom: 100px; }
}
@media screen and (max-width: 767px) {
	body:not(#index) #main { padding-top: 60px; padding-bottom: 60px; }
}



#iealertbox {position: fixed;top: 0;right: 0;height: 100%;width: 100%;background: #262626;z-index: 100000000000;display: none;justify-content: center;align-items: center;pointer-events: none;}
#iealertbox.is-ie { display: flex; pointer-events: auto; }
#iealertbox .inbox { text-align: center; margin: 10%; color: #fff; }
#iealertbox .inbox .copy{ color: #fff; }
#iealertbox .inbox .txt { margin-bottom: 20px; }
#iealertbox .inbox .browser { text-align: center; display: flex; justify-content: center; }
#iealertbox .inbox .browser li { margin: 20px;  }
#iealertbox .inbox .browser li a { width: 280px; border: 2px solid #fff; padding: 40px; display: block; border-radius: 10px; box-sizing: border-box; text-decoration: none; color: #fff; }
#iealertbox .inbox .browser li a:hover { background: #666; }
#iealertbox .inbox .browser li a img { width: 120px; }
#iealertbox .inbox .browser li a .txt1 { margin-top: 20px; line-height: 1.8; }
@media screen and (max-width: 767px) {
	#iealertbox .inbox .browser { display: block; }
	#iealertbox .inbox .browser li { margin: 0; margin-bottom: 20px; }
	#iealertbox .inbox .browser li a { width: 100%; padding: 30px 8%; }
	#iealertbox .inbox .browser li a img { width: 80px; }
	#iealertbox .inbox .txt { text-align: justify; }
	#iealertbox .inbox .txt br { display: none;  }
}