@charset "utf-8";

html, body{ height: 100%; }
/* body{ background-color: #423d36; } */
body{ background-color: #e6e2dc; padding: 0 !important; }

article div.the_content #logo { display: none; position: absolute; top: 20px; left: 20px; z-index: 9999; }
article div.the_content #logo a { display: block; border: 2px solid #fff; /* box-shadow:0 0 2px rgba(0,0,0,.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,.2); -moz-box-shadow:0 0 2px rgba(0,0,0,.2); -ms-box-shadow:0 0 2px rgba(0,0,0,.2); */ border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; }
article div.the_content #logo a:hover{  }
article div.the_content #logo a img { vertical-align: bottom; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; }

article div.the_content .colored-main { color: #ff7f25; }
article div.the_content .colored-sub { color: #22a6ba; }
article div.the_content .marker-main { background: linear-gradient(transparent 80%, #ff954b 0%); }
article div.the_content .marker-sub { background: linear-gradient(transparent 80%, #22a6ba 0%); }
article div.the_content br.only-pc { display: inline; }
article div.the_content br.only-pc-tb { display: inline; }
article div.the_content br.only-tb { display: none; } 
article div.the_content br.only-sp-tb { display: none; } 

section.figure-wrap { display: none; }
article div.h1-wrap { display: none; }
article ul.breadcrumb { display: none; }
article aside.sidebar { display: none; }
header { pointer-events: none; top: -7px; left: 10px; max-width: 100%; }
header h1 { pointer-events: auto; }
nav.header { display: none; }
footer { /* display: none; */ }

body { color: #000; }
article div.the_content figure { margin: 0; max-width: 1080px; }
article div.the_content p { margin: 0; padding: 0; }
article div.the_content img { -webkit-backface-visibility: hidden; }

/* main{ padding-top: 77px; max-width: 100% !important; } */
main{ padding-top: 0px; width: 100%; max-width: 100% !important; }
article,
article div.the_content{ width: 100% !important; max-width: 100% !important; float: none !important; }
#gmap{ width: 100%; height: 500px; }
.remodal-wrapper{ pointer-events: auto; }

/* hack ie11 */
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, article div.the_content .omid { line-height: 86px; }
*::-ms-backdrop, article div.the_content section .block-cmn{ background-color: #f7f7f7; }
*::-ms-backdrop, article div.the_content section#cmp-theme .tags p { line-height: 55px; }
*::-ms-backdrop, article div.the_content .marker-main { background: linear-gradient(transparent 90%, #ff7e00 0%); }
*::-ms-backdrop, article div.the_content .marker-sub { background: linear-gradient(transparent 90%, #ff7f25 0%); }
}
/* hack edge */
@supports (-ms-ime-align: auto) {
article div.the_content section .block-cmn{ background-color: #f7f7f7; }
article div.the_content .marker-main { background: linear-gradient(transparent 90%, #ff7e00 0%); }
article div.the_content .marker-sub { background: linear-gradient(transparent 90%, #ff7f25 0%); }
}

/* form */
article div.the_content select,
article div.the_content input,
article div.the_content textarea,
article div.the_content button{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}


/* desktop, tablet ex.ipad pro(12.9) */
@media only screen and (max-width: 1024px) {



}

/* tablet ex.ipad pro(10.5&11) */
@media only screen and (max-width: 834px) {



}

/* tablet ex.ipad 2,3,4,air,pro(9.7) */
@media only screen and (max-width: 768px) {

main{ padding-top: 0; }

}

/* almost smartphone */
@media only screen and (max-width: 767px) {

/* header{ display: none; } */
header h1{
margin-left: 0;
z-index: 10;
}
header h1 a{
background-size: 40px auto;
height: 57px;
}
header h1 a::after{
top: -30px;
width: 85px;
height: 85px;
left: -1px;
box-shadow: #eee 0px 0px 3px;
-webkit-box-shadow: #ccc 0px 0px 3px;
-moz-box-shadow: #ccc 0px 0px 3px;
-ms-box-shadow: #ccc 0px 0px 3px;
}

}

/* iphone xs max */
@media only screen and (max-width: 414px) {



}

/* android smartphone */
@media only screen and (max-width: 360px) {



}

/* old smartphone */
@media only screen and (max-width: 320px) {

header{
display: none;
}

}