@charset "UTF-8";

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


/*
base #333
blue #005188

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: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: 1.6rem; color: #333; line-height: 2;  }
body.selected_en { text-align: left; }
@media screen and (max-width: 767px) { 
	body { font-size: 1.4rem; }
}



.noscrpt p { padding: 5px; background: #005188; 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; }
.scheherazade{ font-family: 'Scheherazade New', serif; letter-spacing: 0.14em; }

.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: #005188; }
.txtskyblue { color: #7CD0F1; }
.txtblack { color: #333; }
.txtwhite { color: #fff; }
.txtlight { color: #f7f7f7; }
.txtgrey { color: #aaa; }
.txtred { color: #BD0A0F; }
.txtyellow { color: #ffff00; }

.bgblue { background: #005188; }
.bgskyblue { background: #7CD0F1; }
.bgblack { background: #333; }
.bgwhite { background: #fff; }
.bglight { background: #f7f7f7; }
.bggrey { background: #aaa; }
.bgred { background: #BD0A0F; }
.bgyellow { background: #ffff00; }

.borderblue { border: 1px solid #005188; }
.borderskyblue { border: 1px solid #7CD0F1; }
.borderblack { border: 1px solid #333; }
.borderwhite { border: 1px solid #fff; }
.borderlight { border: 1px solid #f7f7f7; }
.bordergrey { border: 1px solid #aaa; }
.borderyellow { border: 1px solid #ffff00; }
.borderred { border: 1px solid #BD0A0F; }

.markerblue { background: linear-gradient(transparent 60%, #005188 0%); }
.markerskyblue { background: linear-gradient(transparent 60%, #7CD0F1 0%); }
.markerblack { background: linear-gradient(transparent 60%, #333 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%, #BD0A0F 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: #005188; font-size: 0.7em; margin-right: 0.3em; }

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

.secwrap { padding: 80px 0; }
.secwrap.min { padding: 40px 0; }
.secwrap.wide { padding: 120px 0; }
.secwrap.fin { margin-bottom: 60px; }
.secwrap>.section:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px){
	.secwrap,
	.secwrap.min,
	.secwrap.wide { padding: 60px 0; }
	.secwrap.fin { margin-bottom: 60px; } 
}


.section { margin-bottom: 160px; }
.section.fin { margin-bottom: 100px; }
.section:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px){
	.section { margin-bottom: 60px; }
	.section.fin { margin-bottom: 60px; }
}

.insec{ margin-bottom: 60px; }
.insec:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px){
	.insec { margin-bottom: 40px; }
}



.incnt { max-width: 1040px; width: calc(100% - 240px); margin: 0 auto; position: relative; }
.incnt.min { max-width: 880px; }
.incnt.wide { max-width: 1180px; }
.incnt.wider { max-width: 1340px; }
.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: calc(100% - 200px); }
}
@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: #005188;}
.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 #005188; padding: 40px 60px; box-sizing: border-box; }
.borderbox.black { background: #333; }
.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%; }
}

.sectitlebox{ margin-bottom: 50px; text-align: center; }
.sectitlebox .en{ font-family: 'Scheherazade New', serif; font-size: 2.2rem; letter-spacing: 0.2em; }
.sectitlebox .jn{font-size: 4.4rem;font-weight: bold;letter-spacing: 0.05em;}
body.selected_en .sectitlebox .en{ font-size: 5rem; }
@media screen and (max-width: 1040px) {
	.sectitlebox{ margin-bottom: 30px; }
	.sectitlebox .en{ font-size: 2rem; }
	.sectitlebox .jn{ font-size: 3.4rem; }
	body.selected_en .sectitlebox .en{ font-size: 4rem; }
}
@media screen and (max-width: 767px) { 
	.sectitlebox{ margin-bottom: 20px; }
	.sectitlebox .en{ font-size: 1.8rem; }
	.sectitlebox .jn{ font-size: 2.4rem; }
	body.selected_en .sectitlebox .en{ font-size: 3rem; }
}

.copy { margin-bottom: 30px; line-height: 1.8; letter-spacing: 0.15em; font-feature-settings : "palt"; font-size: 2.8rem; font-weight: bold; }
.copy span{ font-weight: bold; }
body.selected_en .copy{ font-family: 'Scheherazade New', serif; font-weight: normal; letter-spacing: 0.1em; }
@media screen and (max-width: 1040px) {
	.copy { font-size: 2.4rem; text-align: center }
}
@media screen and (max-width: 767px) { 
	.copy { margin-bottom: 20px; font-size: 1.8rem; }
}


.imgtxtbox{ display: flex; flex-direction: row; justify-content: space-between; }
.imgtxtbox .txtbox{ width: 100%; }
.imgtxtbox .imgbox{ flex-shrink: 0; margin-left: 6%; width: 42%; position: relative; min-height: 328px; }
.imgtxtbox .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.imgtxtbox._reverse{ flex-direction: row-reverse; }
.imgtxtbox._reverse .imgtxtbox .imgbox{ margin-left: 0; margin-right: 6%; }
@media screen and (max-width: 1040px) {
	.imgtxtbox{ display: block; }
	.imgtxtbox .imgbox,
	.imgtxtbox._reverse .imgtxtbox .imgbox{ margin-left: 0%; margin-right: 0; width: 100%; margin-top: 50px }
	.imgtxtbox .imgbox{ min-height: inherit; }
	.imgtxtbox .imgbox img{ position: static; height: 350px; }
}

.txtcnt p{ margin-bottom: 20px; }
.txtcnt p:last-child{ margin-bottom: 0; }

.linklist{ margin-left: -25px; margin-bottom: -20px; }
.linklist>li{ display: inline-block; margin-left: 25px; vertical-align: middle; margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	.linklist{ text-align: center }
}
@media screen and (max-width: 500px) {
	.linklist>li{ display: block }
}

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



a.linkbtn { border: 1px solid #000; background: #fff; padding: 13px 30px; padding-right: 100px; box-sizing: border-box; display: inline-block; letter-spacing: 0.1em; position: relative; min-width: 280px; max-width: 100%; text-align: left; }
a.linkbtn:after { content: ""; width: 66px; height: 7px; background: url(../img/common/arr2.svg) no-repeat; background-size: contain; display: inline-block; position: absolute; top: 0; bottom: 5px; margin-top: auto; margin-bottom: auto; right: 15px; transition: .8s; }
a.linkbtn:hover:after { right: -30px; }
a.linkbtn:hover{ background: #000; color: #fff; }
@media screen and (max-width: 500px) {
	a.linkbtn{ min-width: 80% }
}

.btnbox{ text-align: center; margin-left: -40px; margin-bottom: -20px; display: flex; flex-direction: row; justify-content: center; overflow: hidden; }
.btnbox>li{ margin-left: 40px; margin-bottom: 20px; }
.btnbox>li>a{ width: 100%; }
@media screen and (max-width: 1040px) {
	.btnbox{ display: block; }
}

a.linktxt { color: #333; transition: 0.3s; }
a.linktxt:visited{ color: inherit; }
a.linktxt:hover{ color: #666; }

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


.dllist>li{ margin-bottom: 20px; }
.dllist>li:last-child{ margin-bottom: 0; }
.dllist>li>dl{ display: flex; flex-direction: row; text-align: left; }
.dllist>li>dl>dt{ flex-shrink: 0; width: 150px; padding-right: 20px; font-weight: bold; box-sizing: border-box; }
@media screen and (max-width: 767px) {
	.dllist>li>dl>dt{ width: 90px; }
}

.btn { border: 1px solid #000; background: #fff; padding: 20px 30px; padding-right: 100px; box-sizing: border-box; display: inline-block; letter-spacing: 0.1em; position: relative; min-width: 280px; max-width: 100%; text-align: left; font-size: 1.6rem; }
.btn:after { content: ""; width: 66px; height: 7px; background: url(../img/common/arr2.svg) no-repeat; background-size: contain; display: inline-block; position: absolute; top: 0; bottom: 5px; margin-top: auto; margin-bottom: auto; right: 15px; transition: .8s; }
.btn:hover:after { right: -30px; }
.btn:hover{ background: #000; color: #fff; }
.btn.grey{ text-align: center; padding-right: 30px; background: #aaa; color: #fff; border: 1px solid #aaa; }
.btn.grey:after{ content: none; }
.btn.grey:hover{ background: #fff; color: #aaa; }
@media screen and (max-width: 1040px) {
	.btn { min-width: inherit; max-width: 400px; width: 100% }
}
@media screen and (max-width: 500px) {
	.btn{ font-size: 1.4rem }
}



div.flowlist>ol{ counter-reset: circle 0; }
div.flowlist>ol>li{ counter-increment: circle 1; padding-left: 0!important; text-indent: 0; }
div.flowlist>ol>li:before{ content: none!important }
div.flowlist>ol>li>dl{ display: flex; flex-direction: row; }
div.flowlist>ol>li>dl>dt{ flex-shrink: 0; width: 110px; padding-right: 20px; box-sizing: border-box; position: relative; }
div.flowlist>ol>li>dl>dt:after{ content: ""; display: inline-block; background: #0d0d0d; width: 1px; height: calc(100% - 85px); position: absolute; bottom: 10px; left: 34px }
div.flowlist>ol>li>dl>dt .num{ width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #000; font-size: 3rem; font-weight: bold; font-family: 'Scheherazade New', serif; text-align: center; border: 8px solid #000; }
div.flowlist>ol>li>dl>dt .num:before{ content: counter(circle) }
div.flowlist>ol>li>dl>dd{ padding-bottom: 40px; padding-top: 14px; }
div.flowlist>ol>li>dl>dd p{ margin-bottom: 20px; }
div.flowlist>ol>li>dl>dd .txtbox div:not(.section):not(.block)._txt{ margin-bottom: 10px; }
div.flowlist>ol>li:last-child>dl>dt:after{ content: none }
div.flowlist>ol>li:last-child>dl>dd{ padding-bottom: 0; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	div.flowlist>ol>li>dl>dt{ width: 70px; padding-right: 20px; }
	div.flowlist>ol>li>dl>dt:after{ height: calc(100% - 85px); left: 27px }
	div.flowlist>ol>li>dl>dt .num{ width: 50px; height: 50px; font-size: 2.4rem; border: 2px solid #000; }
	div.flowlist>ol>li>dl>dd{ padding-bottom: 30px; padding-top: 12px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}




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


Base


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

body:not(#index) #header { width: 100%; z-index: 100; }
body:not(#index) #header .mainbox{ display: flex; flex-direction: row; justify-content: space-between; padding: 40px 40px; padding-left: 4%; align-items: flex-end; position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(31 38 135 / 5%); backdrop-filter: blur(4px); z-index: 1000; height: 150px; }
body:not(#index) #header .mainbox .leftbox{ display: flex; flex-direction: row; align-items: flex-end; }
body:not(#index) #header .mainbox .leftbox .logo{ width: 164px; margin-right: 50px; }
body:not(#index) #header .mainbox .rightbox .sidenaviconlist .langlist>li{ color: inherit; }
/*body:not(#index) #header.fixed .mainbox { position: fixed; top: 0; background: #fff; background: rgba(255,255,255,0.97); animation: navfit 0.5s ease-out 0s 1 normal both; }*/
/*body:not(#index) #header.fixed .logo img { width: 180px; }*/
@media screen and (max-width: 1280px) {
	body:not(#index) #header .mainbox .rightbox{position: absolute;top: 65px;right: 20px;}
	body:not(#index) #header .mainbox .leftbox .logo{width: 130px;margin-right: 40px;}
	body:not(#index) #header .mainbox{ padding: 40px 40px 35px; }
	body:not(#index) #header .mainbox .rightbox .sidenaviconlist .langlist>li>a{ font-size: 1.4rem }
	body:not(#index) #header .mainbox .rightbox .sidenaviconlist .iconlist>li._youtube>a>img{ width: 24px; height: 20px; }
	body:not(#index) #header .mainbox .rightbox .sidenaviconlist .iconlist>li._instagram>a>img{ width: 20px; height: 20px; }
	body:not(#index) #header .mainbox{ background: transparent; backdrop-filter: inherit; padding: 30px 6%; height: 130px }
}
@media screen and (max-width: 1040px) {
	
}
@media screen and (max-width: 767px) {
	body:not(#index) #header .mainbox{ padding-top: 10px; padding-bottom: 30px; height: 110px }
	body:not(#index) #header .mainbox .rightbox{ display: none }
	/*body:not(#index) #header .mainbox .rightbox{ margin-right: 90px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; display: flex; align-items: center; }*/
	body:not(#index) #header .mainbox .rightbox .sidenaviconlist .iconlist{ display: block; text-align: right; }
	body:not(#index) #header .mainbox .leftbox .logo{ width: 130px; }
}
@keyframes navfit {
  0% { transform: translate(0px, -50px); }
  100% { transform: translate(0px, 0px);  }
}

body:not(#index) #article{ margin-top: 150px; padding-top: 70px; padding-bottom: 100px; margin-bottom: 100px; }
@media screen and (max-width: 1040px) {
	body:not(#index) #article{ margin-top: 130px }
}
@media screen and (max-width: 767px) {
	body:not(#index) #article{ margin-top: 110px; padding-bottom: 80px; margin-bottom: 70px }
}

#pankuzu {line-height: 1.4;margin-bottom: 60px;position: relative;z-index: 400;}
#pankuzu ol li { display:inline; font-size: 14px; font-weight: bold; }
#pankuzu ol li img{ width: 14px; height: 14px; }
#pankuzu ol li:before { content:">"; font-size: 10px; display: inline-block; margin: 0 10px; vertical-align: 2px; }
#pankuzu ol li:first-child{ vertical-align: 2px; }
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li a {font-weight: bold;display: inline-block;}
body.selected_en #pankuzu ol li { font-family: 'Scheherazade New', serif; font-weight: normal; font-size: 1.6rem; }
body.selected_en #pankuzu ol li a{ font-weight: normal; }
#pankuzu ol li a:hover { opacity: .5; transition: 0.3s; }
@media screen and (max-width: 767px) { 
	#pankuzu{ display: none; }
	#pankuzu ol { margin: 0 6%; }
}

#pagetop{ position: fixed; bottom: 40px; right: 4%; }
#pagetop>a{ display: block; }
#pagetop>a>.arr{ text-align: center; display: block; }
#pagetop>a>.arr img{ width: 50px; }
#pagetop>a>.txt{ font-family: 'Scheherazade New', serif; letter-spacing: 0.1em; margin-top: 5px; display: block; text-align: center; }
#pagetop>a:hover{ opacity: 0.6; }
@media screen and (max-width: 1280px) { 
	#pagetop>a>.txt{ font-size: 1.4rem; }
}
@media screen and (max-width: 767px) { 
	#pagetop{ bottom: 50px; right: 6%; }
	#pagetop>a>.arr img{ width: 50px; }
	#pagetop>a>.txt{ font-size: 1.2rem; }
}


body#index #gnav { position: fixed; top: 10%; right: 6%; left: 6%; z-index: 100; }
#gnav .navbox{ display: flex; flex-direction: row; }
#gnav .mainlist{display: flex;flex-direction: row;counter-reset: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;margin-left: -25px;letter-spacing: 0.2em;align-items: center;margin-bottom: -10px;}
#gnav .mainlist>li{ margin-left: 25px; }
#gnav .mainlist>li>p,
#gnav .mainlist>li>p a,
#gnav .mainlist>li>a{ font-weight: bold; color: #fff; }
#gnav .mainlist>li>a,
#gnav .mainlist>li>p { padding-top: 10px; padding-bottom: 10px; }
body:not(#index) #gnav .mainlist>li>p,
body:not(#index) #gnav .mainlist>li>p a,
body:not(#index) #gnav .mainlist>li>a{ color: inherit; }
#gnav .mainlist>li>a:hover{ opacity: 0.5; }
#gnav .mainlist>li:first-child{ display: none }
body.selected_ja #gnav .mainlist._enpage{ display: none; }
body.selected_en #gnav .mainlist._jnpage{ display: none; }
#gnav .mainlist._enpage{ font-family: 'Scheherazade New', serif; }
#gnav .sidenaviconlist{ display: none; }

#gnav .mainlist>li.hassub{ position: relative; }
#gnav .mainlist li>div.sub {opacity: 0;position: absolute;top: 50px;left: 50%;margin-left: -100px;min-width: 200px;box-sizing: border-box;z-index: 1000;text-align: center;transition: .5s;visibility: hidden;font-size: 1.4rem;}
#gnav .mainlist li>div.sub>ul>li{ margin-bottom: 5px }
#gnav .mainlist li>div.sub>ul>li:last-child{ margin-bottom: 0 }
#gnav .mainlist li>div.sub>ul>li>a{background: rgba(102, 102, 102, 0.6);border: 1px solid #999;padding: 10px 12px;box-sizing: border-box;justify-content: center;color: #fff;display: block;letter-spacing: 0.1em;}
#gnav .mainlist li>div.sub>ul>li>a:hover{ background: rgba(255, 255, 255, 0.8); color: #333; }
#gnav .mainlist li:hover>div.sub{ opacity: 1; visibility: visible; }
@media screen and (max-width: 1280px) {
	#gnav .mainlist{ margin-left: -20px; }
	#gnav .mainlist>li{ margin-left: 20px; }
}
@media screen and (max-width: 1200px) {
	body#index #gnav,
	#gnav{  z-index: 100000000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100vh!important;height: 100svh!important; display: flex; overflow: hidden; width: 100vw!important; visibility: hidden; -webkit-perspective: 500px; perspective: 500px; pointer-events: none;; -ms-overflow-style: none; scrollbar-width: none; align-items: center; }
	#gnav .navbox{display: flex;position: relative;z-index: 10;opacity: 0;padding: 80px 8%;z-index: 100000;width: 100%;height: 100%;justify-content: center;flex-direction: column;}
	#gnav::-webkit-scrollbar { display:none; }

	#gnav .mainlist{height: auto;display: block;margin-left: 0;}
	#gnav .mainlist ul{ display: block; }
	#gnav .mainlist li{ display: block; margin-left: 0; margin-bottom: 20px; color: #fff }
	#gnav .mainlist li:first-child{ display: block }
	#gnav .mainlist li:last-child{ margin-bottom: 0 }
	#gnav .mainlist li a,
	#gnav .mainlist li p { color: #fff; text-align: left; }
	body:not(#index) #gnav .mainlist>li>a,
	body:not(#index) #gnav .mainlist>li>p{ color: #fff; }
	#gnav .mainlist li a:before{ content: none }
	#gnav .mainlist li a:hover{ color: #fff }
	#gnav .mainlist>li>a,
	#gnav .mainlist>li>p { padding-top: 0; padding-bottom: 0; }

	#gnav .mainlist li>div.sub { opacity: 1; visibility: visible; position: static; top: 0; left: 0; margin-left: 0; min-width: inherit;padding: 0; text-align: left; background: transparent; padding-top: 5px; font-size: 1.4rem; }
	#gnav .mainlist li>div.sub>ul{ text-align: left; margin-left: 8px; }
	#gnav .mainlist li>div.sub>ul>li{ margin-bottom: 0; display: inline-block; margin-left: 12px; }
	#gnav .mainlist li>div.sub>ul>li>a{ background: transparent; border: none; padding: 0; display: inline; color: #fff; }
	#gnav .mainlist li>div.sub>ul>li>a:hover{ background: transparent; color: #fff; opacity: .6; }

	#gnav+#gnavbg{opacity: 0;-webkit-transform: translate3d(0, 0, -50px);transform: translate3d(0, 0, -50px);-webkit-transition-duration: .6s;transition-duration: .6s;-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);transition-timing-function: cubic-bezier(.075, .82, .165, 1);opacity: 0;transform: translate3d(0px, 0px, -50px);transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.8);overflow: hidden;z-index: 10000;visibility: hidden;}
	#gnav+#gnavbg>.inwrap{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh;height: 100lvh; z-index: 2; cursor: pointer; display: block; }
	#gnav.is-open,
	body#index #gnav.is-open{visibility: visible;pointer-events: auto;overflow-y: auto;}
	#gnav.is-open+#gnavbg{  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);visibility: visible; }
	#gnav.is-open+#gnavbg>.inwrap{ opacity: 1; visibility: visible; }
	#gnav.is-open .navbox { opacity:1; transition: 1.8s; }
	#gnav .sidenaviconlist{ display: block; margin-top: 30px }
	#gnav .bg { display: none; }
}
@media screen and (max-width: 767px) { 
	body#index #gnav,
	#gnav{ display: block; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; }
	#gnav::-webkit-scrollbar { display:none; }
	#gnav .navbox{display: block;height: auto;padding: 80px 8% 60px;box-sizing: border-box;width: 100%;}
	#gnav .mainlist li>div.sub{ font-size: 1.3rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#menubtn{ display: none; }
@media screen and (max-width: 1200px){
	#menubtn { z-index: 100000001; position: fixed; top: 60px; bottom: 0; margin-top: auto; margin-bottom: auto; right: 50px; display: block; background: transparent; height: 40px; cursor: pointer; }
	body:not(#index) #menubtn{ right: 27px }
	#menubtn a .linebtn{ width: 48px; height: 48px; position: relative; overflow: hidden; }
	#menubtn a .linebtn .line{ position: absolute; transition: all 1s; background: #000 }
	body#index #menubtn a .linebtn .line{ background: #fff }
	#menubtn a .linebtn .yoko .line{ width: 1px; height: 100%; top: 0 }
	#menubtn a .linebtn .yoko .line:nth-child(1){ left: 12px }
	#menubtn a .linebtn .yoko .line:nth-child(2){ left: 50% }
	#menubtn a .linebtn .yoko .line:nth-child(3){ right: 12px }
	#menubtn a .linebtn .tate .line{ height: 1px; width: 100%; left: 0 }
	#menubtn a .linebtn .tate .line:nth-child(1){ top: 12px }
	#menubtn a .linebtn .tate .line:nth-child(2){ top: 50% }
	#menubtn a .linebtn .tate .line:nth-child(3){ bottom: 12px }
	#menubtn a .menutxt{ position: relative; width: 48px; height: 30px }
	#menubtn a .menutxt .open,
	#menubtn a .menutxt .close{ position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; color: inherit; font-family: 'Scheherazade New', serif; font-size: 1.5rem; letter-spacing: 0.1em }
	body#index #menubtn a .menutxt .open,
	body#index #menubtn a .menutxt .close{ color: #fff }
	#menubtn a .menutxt .close{ opacity: 0 }
	#menubtn.active a .linebtn .line{ background: #fff }
	#menubtn.active a .menutxt .open,
	#menubtn.active a .menutxt .close{ color: #fff }
	#menubtn.active a .menutxt .open{ opacity: 0 }
	#menubtn.active a .menutxt .close{ opacity: 1 }
	#menubtn.active a .linebtn .yoko .line:nth-child(1){ top: -100% }
	/*#menubtn.active a .linebtn .yoko .line:nth-child(2){ left: 50% }*/
	#menubtn.active a .linebtn .yoko .line:nth-child(3){ top: 100% }
	#menubtn.active a .linebtn .tate .line:nth-child(1){ left: 100% }
	/*#menubtn.active a .linebtn .tate .line:nth-child(2){ top: 50% }*/
	#menubtn.active a .linebtn .tate .line:nth-child(3){ left: -100% }
}
@media screen and (max-width: 767px){
	#menubtn { top: 24px; bottom: auto; right: 30px }
}
@media screen and (max-width: 479px){
}

#fmainbox { text-align: right; z-index: 10; position: absolute; bottom: 4%; right: 4%; }
.sidenaviconlist{ margin-left: -20px; }
.sidenaviconlist .iconlist{ display: inline-block; vertical-align: middle;  }
.sidenaviconlist .iconlist>li{ margin-left: 20px; display: inline-block; vertical-align: middle; }
.sidenaviconlist .iconlist>li>a:hover{ opacity: 0.5; }
.sidenaviconlist .iconlist>li._youtube>a>img{ width: 26px; height: 22px; }
.sidenaviconlist .iconlist>li._instagram>a>img{ width: 22px; height: 22px; }
.sidenaviconlist .langlist{ margin-left: 20px; }
.langlist{ display: inline-block; vertical-align: middle; }
.langlist>li{ font-family: 'Scheherazade New', serif; color: #fff; display: inline-block; }
.langlist>li:after{ content: "/"; margin: 0px 5px; }
.langlist>li:last-child:after{ content: none; }
.langlist>li>a,
.langlist>li>span{ font-size: 1.8rem; letter-spacing: 0.2em; cursor: pointer; transition: .4s; }
.langlist>li>a:hover,
.langlist>li>span:hover{ opacity: 0.5; }
body.selected_en .langlist>li>a[data-lang="en"]{ opacity: 0.8; }
body.selected_ja .langlist>li>a[data-lang="ja"]{ opacity: 0.6; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#fmainbox { bottom: 80px; right: 0; left: 0; text-align: center }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	.sidenaviconlist .iconlist{ display: block; }
	.langlist{ display: block; margin-top: 8px }
	.langlist>li>a{ font-size: 1.4rem }
}

#footer .cr{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl;  display: flex; justify-content: center; position: fixed; top: 100px; bottom: 0; margin-top: auto; margin-bottom: auto; left: 40px; z-index: 200; }
#footer .cr>small .inwrap{ display: inline-block; transform: rotate(90deg); vertical-align: -2px; }
#footer .cr>small{ font-family: 'Scheherazade New', serif; font-size: 1.6rem; letter-spacing: 0.2em; }
body#index #footer .cr>small{ color: #fff; }
@media screen and (max-width: 1040px) {
	#footer .cr{ left: 30px }
}
@media screen and (max-width: 767px) { 
	#footer { position: relative }
	#footer .cr{ left: 4%; top: auto; writing-mode: inherit; -ms-writing-mode:lr-tb; bottom: 20px; justify-content: center; width: 92%; position: absolute }
	#footer .cr>small .inwrap{ transform: rotate(0); }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#footer .cr>small{ font-size: 1.4rem }
}











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


WPページアウトライン各種ウィジェット


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



/* pager */
.pager { position: relative; margin: 100px auto 0; }
.pager .incnt { position: relative; max-width: 470px; }
.pager a.prev,
.pager a.next { left:0; position: absolute; top:50%; margin-top: -15px; text-decoration: none; font-family: 'Scheherazade New', serif; letter-spacing: 0.24em; z-index: 10; }
.pager a.next { left:auto; right:0; }
.pager .toplink{ text-align: center; /*font-family: 'Scheherazade New', serif;*/ font-size: 1.8rem; }
.pager .toplink>a{ text-decoration: none; }
.pager .toplink>a:hover,
.pager a.prev:hover,
.pager a.next:hover { opacity: .5; }
@media screen and (max-width: 1040px) {
	.pager a.prev { left:0; }
	.pager a.next { right:0; }
}
@media screen and (max-width: 767px) {
	.pager { text-align: center; width: 100%; margin-top: 80px; }
	.pager a.prev,
	.pager a.next { display: inline-block; position: static; margin: 0 10px 20px; }
	.single.under .pager a.prev,
	.single.under .pager a.next{ margin-bottom: 15px; }
}


/* pager page-numbers */
.pager ul.page-numbers { text-align: center; }
.pager ul.page-numbers li { display: inline-block;  }
.pager ul.page-numbers li a,
.pager ul.page-numbers li span { display: block; text-align: center; background: #ffff; line-height: 38px; margin: 0; width: 38px; height: 38px; text-decoration: none; transition : 0.5s; box-sizing: border-box; border-radius: 50%; font-family: 'Scheherazade New', serif; }
.pager ul.page-numbers li a:hover { background: #000; color: #fff; opacity: 1; }
.pager ul.page-numbers li span.dots { padding: 9px 5px; }
.pager ul.page-numbers li span.current { cursor: default; color: #fff; background: #000; }
@media screen and (max-width: 767px) {
	.pager ul.page-numbers li a,
	.pager ul.page-numbers li span { line-height: 40px; width: 40px; height: 40px; }
	.pager ul.page-numbers li span.dots { padding: 5px 3px; }
}

/* catlist */
.catlist{ margin-left: -20px; margin-bottom: 75px; text-align: left; }
.catlist>li{ display: inline-block; margin-left: 20px; }
.catlist>li:before{ content: "/"; margin-right: 20px; }
.catlist>li>a{ text-decoration: none; position: relative; overflow: hidden; font-size: 1.8rem; padding-bottom: 8px; letter-spacing: 0.2em; }
.catlist>li>a:before{ content: ""; background: #000000; height: 1px; position: absolute; right: 0; bottom: 0; transition: .3s; width: 0; }
.catlist>li>a:hover:before,
.catlist>li.current>a:before{  width: 100%; }
.catlist>li:first-child:before{ content: none; }
@media screen and (max-width: 767px) { 
	.catlist{ margin-left: -15px; margin-bottom: 60px; }
	.catlist>li{ margin-left: 15px; }
	.catlist>li:before{ margin-right: 15px; }
	.catlist>li>a{ font-size: 1.6rem; padding-bottom: 5px; }
}


/* newslist */
body:not(#index) ul.newslist { flex: 1; }
body:not(#index) ul.newslist li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
body:not(#index) ul.newslist li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
body:not(#index) ul.newslist li a { display: flex; align-items: center; text-decoration: none; }
body:not(#index) ul.newslist li a .crim { width: 120px;  flex-shrink: 0; font-family: 'Scheherazade New', serif; font-size: 1.8rem; }
body:not(#index) ul.newslist li a .txt { width: 100%; }
@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 767px) { 
	body:not(#index) ul.newslist li a .crim { width: 100px; }
}
@media screen and (max-width: 500px) { 
	body:not(#index) ul.newslist li a { display: block; }
}

.singleinfobox{ margin-bottom: 60px; }
.singleinfobox .copy{ margin-bottom: 20px; }
.singleinfobox .singleinfo{ display: flex; flex-direction: row; align-items: center; margin-left: -20px; }
.singleinfobox .singleinfo .date{ margin-left: 20px; font-family: 'Scheherazade New', serif; margin-bottom: 2px; font-size: 1.8rem; }
.singleinfobox .singleinfo .cat{ margin-left: 20px; }
.singleinfobox .singleinfo .cat a{ text-decoration: none; }
.singleinfobox .singleinfo .cat a:hover{ opacity: .5; }
@media screen and (max-width: 767px) { 
	.singleinfobox{ margin-bottom: 50px; }
}


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


// Static Class


/////////////////////////////////////////////*/
.tl { text-align: left!important; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }

.tcspl{ text-align: center; }
@media screen and (max-width: 767px) {
	.tcspl{ text-align: left; }
}

.inb { display: inline-block; }
.palt { font-feature-settings : "palt"; letter-spacing: 0.05em; }
.bold,
.bold span,
.bold li { font-weight: bold!important; }
.normal,
.normal span { font-weight: normal!important; }
.underline { text-decoration: underline!important; }
.linethrough { text-decoration: line-through!important; }

a.tel { text-decoration: none; cursor: default; }
a.tel:hover{ color: initial; }

.bt0{ border-top:0!important; }
.bb0{ border-bottom:0!important; }
.br0{ border-right:0!important; }
.bl0{ border-left:0!important; }
.b0{ border: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; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.pr15 { padding-right: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !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; }

.para-1 { margin-top: 10px!important; }
.para-2 { margin-top: 20px!important; }
.para-3 { margin-top: 30px!important; } @media screen and (max-width: 767px) { .para-3 { margin-top: 20px!important; } }
.para-4 { margin-top: 40px!important; } @media screen and (max-width: 767px) { .para-4 { margin-top: 30px!important; } }
.para-5 { margin-top: 50px!important; } @media screen and (max-width: 767px) { .para-5 { margin-top: 30px!important; } }
.para-6 { margin-top: 60px!important; } @media screen and (max-width: 767px) { .para-6 { margin-top: 40px!important; } }
.para-7 { margin-top: 70px!important; } @media screen and (max-width: 767px) { .para-7 { margin-top: 50px!important; } }
.para-8 { margin-top: 80px!important; } @media screen and (max-width: 767px) { .para-8 { margin-top: 50px!important; } }
.para-9 { margin-top: 90px!important; } @media screen and (max-width: 767px) { .para-9 { margin-top: 60px!important; } }
.para-10 { margin-top: 100px!important; } @media screen and (max-width: 767px) { .para-10 { margin-top: 60px!important; } }
.para-12 { margin-top: 120px!important; } @media screen and (max-width: 767px) { .para-12 { margin-top: 80px!important; } }
.para-14 { margin-top: 140px!important; } @media screen and (max-width: 767px) { .para-14 { margin-top: 80px!important; } }
.para-16 { margin-top: 160px!important; } @media screen and (max-width: 767px) { .para-16 { margin-top: 100px!important; } }
.para-18 { margin-top: 180px!important; } @media screen and (max-width: 767px) { .para-18 { margin-top: 100px!important; } }
.para-20 { margin-top: 200px!important; } @media screen and (max-width: 767px) { .para-20 { margin-top: 120px!important; } }
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 767px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 767px) { .para4 { margin-bottom: 30px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 767px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 767px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 767px) { .para7 { margin-bottom: 50px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 767px) { .para8 { margin-bottom: 50px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 767px) { .para9 { margin-bottom: 60px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 767px) { .para10 { margin-bottom: 60px!important; } }
.para12 { margin-bottom: 120px!important; } @media screen and (max-width: 767px) { .para12 { margin-bottom: 80px!important; } }
.para14 { margin-bottom: 140px!important; } @media screen and (max-width: 767px) { .para14 { margin-bottom: 80px!important; } }
.para16 { margin-bottom: 160px!important; } @media screen and (max-width: 767px) { .para16 { margin-bottom: 100px!important; } }
.para18 { margin-bottom: 180px!important; } @media screen and (max-width: 767px) { .para18 { margin-bottom: 100px!important; } }
.para20 { margin-bottom: 200px!important; } @media screen and (max-width: 767px) { .para20 { margin-bottom: 120px!important; } }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }
.pad60 { padding: 60px; }
.pad70 { padding: 70px; }
.pad80 { padding: 80px; }
.pad90 { padding: 90px; }
.pad100 { padding: 100px; }
.pad120 { padding: 120px; }
.pad140 { padding: 140px; }
.pad160 { padding: 160px; }
.pad180 { padding: 180px; }
.pad200 { padding: 200px; }
.pad4 { padding: 4%; }
.pad6 { padding: 6%; }
.pad8 { padding: 8%; }
@media screen and (max-width: 767px){
	.pad20 { padding: 4%; }
	.pad30 { padding: 6%; }
	.pad40, .pad50, .pad60 { padding: 8%; }
	.pad70, .pad80, .pad90, .pad100 { padding: 12%; }
	.pad120, .pad140, .pad160, .pad180, .pad200 { padding: 16%; }

}

.h100 { height: 300px; }
.h200 { height: 300px; }
.h300 { height: 300px; }
.h400 { height: 400px; }
.h500 { height: 500px; }
.h600 { height: 600px; }
.h700 { height: 700px; }
.h800 { height: 800px; }
.h900 { height: 900px; }
.h1000 { height: 1000px; }
@media screen and (max-width: 1280px){
	.h100, .h200, .h300, .h400, .h500, .h600, .h700, .h800, .h900, .h1000 { height: auto; }
}

.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }

img.max200 { max-width: 200px; }
img.max300 { max-width: 300px; }
img.max400 { max-width: 400px; }
img.max450 { max-width: 450px; }
img.max500 { max-width: 500px; }
img.max600 { max-width: 600px; }
img.max700 { max-width: 700px; }
@media screen and (max-width: 767px) { 
	img.max200, img.max300, img.max400, img.max450, img.max500, img.max600, img.max700 { display: block; margin-left: auto; margin-right: auto;  }
}

.ud0 { padding-top: 0px!important; padding-bottom: 0px!important; }
.ud5 { padding-top: 5px!important; padding-bottom: 5px!important; }
.ud10 { padding-top: 10px!important; padding-bottom: 10px!important; }
.ud20 { padding-top: 20px!important; padding-bottom: 20px!important; }
.ud30 { padding-top: 30px!important; padding-bottom: 30px!important; }
.ud40 { padding-top: 40px!important; padding-bottom: 40px!important; }
.ud60 { padding-top: 60px!important; padding-bottom: 60px!important; }
.ud80 { padding-top: 80px!important; padding-bottom: 80px!important; }
.ud100 { padding-top: 100px!important; padding-bottom: 100px!important; }
.ud120 { padding-top: 120px!important; padding-bottom: 120px!important; }
.ud140 { padding-top: 140px!important; padding-bottom: 140px!important; }
.ud160 { padding-top: 160px!important; padding-bottom: 160px!important; }
.ud180 { padding-top: 180px!important; padding-bottom: 180px!important; }
.ud200 { padding-top: 200px!important; padding-bottom: 200px!important; }
@media screen and (max-width: 767px){
	.ud20, .ud30 { padding-top: 20px!important; padding-bottom: 20px!important; }
	.ud40, .ud60 { padding-top: 40px!important; padding-bottom: 40px!important; }
	.ud80, .ud100 { padding-top: 60px!important; padding-bottom: 60px!important; }
	.ud120, .ud140 { padding-top: 80px!important; padding-bottom: 80px!important; }
	.ud160, .ud180, .ud200 { padding-top: 100px!important; padding-bottom: 100px!important; }
}

.tablethide { display: block; }
.tablethide.inb { display: inline-block; }
.tablethide.inline { display: inline; }
.tabletblock { display: none; }
@media screen and (max-width: 1040px) {
	.tablethide { display: none !important; }
	.tabletblock { display: block; }
	.tabletblock.inb { display: inline-block; }
	.tabletblock.inline { display: inline; }
}

.middlehide { display: block; }
.middlehide.inblock { display: inline-block; }
.middlehide.inline { display: inline; }
.middleblock { display: none; }
@media screen and (max-width: 767px) {
	.middlehide { display: none !important; }
	.middleblock { display: block; }
	.middleblock.inblock { display: inline-block; }
	.middleblock.inline { display: inline; }
}

.landhide { display: block; }
.landhide.inblock { display: inline-block; }
.landhide.inline { display: inline; }
.landblock { display: none; }
@media screen and (max-width: 639px) {
	.landhide { display: none !important; }
	.landblock { display: block; }
	.landblock.inblock { display: inline-block; }
	.landblock.inline { display: inline; }
}

.sphide { display: block; }
.sphide.inblock { display: inline-block; }
.sphide.inline { display: inline; }
.spblock { display: none; }
@media screen and (max-width: 500px) {
	.sphide { display: none !important; }
	.spblock { display: block; }
	.spblock.inblock { display: inline-block; }
	.spblock.inline { display: inline; }
}

.porthide { display: block; }
.porthide.inblock { display: inline-block; }
.porthide.inline { display: inline; }
.portblock { display: none; }
@media screen and (max-width: 400px) {
	.porthide { display: none !important; }
	.portblock { display: block; }
	.portblock.inblock { display: inline-block; }
	.portblock.inline { display: inline; }
}