body{min-width:320px;}
body,input,textarea,select{font-size:10.5pt;line-height:1.5em;letter-spacing:-0.5px;}
h1,h2{font-size:1.6em;letter-spacing:-1px;}
h3{font-size:1.4em;letter-spacing:-1px;}
h10{font-size:13pt;font-weight:900;line-height:1.5em;color:#ffffff;}
h11{content:url('../images/tatsu_mahoroba.jpg');position:center center;width:100%;height:100%;padding:0 0 2em 0;}
h12{content:url('../images/haru_mahoroba.jpg');position:center center;width:100%;height:100%;padding:0 0 2em 0;}
h15{content:url('../images/mahoroba_concept.jpg');position:center center;width:100%;height:100%;padding:0 0 2em 0;}
.box{padding:1em;}
.box.style2{padding:1.5em 1.25em 1.5em 1.25em;background-color:rgba(255,255,255,0.9);}
.main{}
.main.style1{padding:1em 15px 1em 15px;}
.main.style1 h2{font-size:3em;letter-spacing:-3px;}
.main.style2{padding:1em 5px 1em 5px;}
.main.style2 .button.anchored{display:none;}
.main.style2 .content{width:100%;left:0% !important;text-align:left;}
.main.style2 .tmp{width:100%;height:10em;background-size:cover;}
.main.style3{text-align:center;padding:1em 5px 1em 5px;}
.button.down{width:2em;height:2em;line-height:2em;}
.button.down.anchored{bottom:0;border-bottom:0;border-radius:0.2em 0.2em 0 0;height:2em;margin-left:-1em;}
.button.style2.down{background-size:30%;}
.br-sp:before{content:"\A";white-space:pre;}
#header{height:3.5em;line-height:0em;}
body{padding-top:1em;}
#logo{text-align:left;position:relative;left:1em;top:0em;height:2.5em;line-height:2.5em;}
#logo a{font-size:1em;}
#nav{position:absolute;right:1.2em;top:0;height:4em;line-height:4em;}
#nav ul{margin:0;}
#nav ul li{display:inline-block;margin-left:1.1em;font-size:0.9em;}
#nav ul li a{display:block;color:inherit;text-decoration:none;height:3em;line-height:3em;padding:0 0.2em 0 0.2em;outline:0;}
#nav2{display:none;}
h9{display:none;}
#video{background:url('images/overlay.png'), url('../images/mahoroba.gif');background-size:cover;background-attachment:fixed, fixed;background-position:top left, bottom center;background-repeat:repeat, no-repeat;margin:2.2em 0em 0em 0em;;padding:6em 0em 6em 0em;z-index:1;}
video#bgvid{display:none;}
#video_img{position:relative;z-index:2;}
#intro{background:url('images/overlay.png'), url('https://www.w-mahoroba.jp/hokola/images/hokola_top_honoki.jpg?v=1');background-size:cover;background-attachment:fixed, fixed;background-position:top, center center;background-repeat:repeat, no-repeat;margin:2.2em 0em 0em 0em;padding:2em 0em 0em 0em;}
#zero{background:url('#'), url('#');background:#2E5C6E;background-size:256px 256px, cover;background-attachment:fixed, fixed;background-position:top left, center center;}
#one{background:url('images/overlay.png'), url('../images/thumbs/4_t.jpg');background-color:#efefef;background-size:256px 256px, cover;background-attachment:fixed, fixed;background-position:top left, center center;}
#two{background:url('images/overlay.png'), url('../images/thumbs/3_t.jpg');background-color:#fff;background-size:256px 256px, cover;background-attachment:fixed, fixed;background-position:top left, center center;}
#social{height:6em;}
#social .menu{position:center;top:1em;height:auto;line-height:inherit;}
#social .menu li{border-left:0;padding:1em 0 0 0;margin:0;display:block;}
#social .menu li:first-child{padding-top:0;}
#social .menu li a{line-height:1.5em;}
#social .actions li{font-size:1.9em;margin:0;}
#social .actions li a{padding:0.3em;text-decoration:none;}
#social .actions3{position:center;top:0.25em;height:5em;line-height:0em;margin:0;}
#social .actions3 li{font-size:2.0em;margin:0;}
#social .actions3 li a{padding:0.5em;}
#social .actions2{position:center;top:59em;height:5em;line-height:2em;margin:0;}
#social .actions2 li{font-size:2.0em;margin:0;}
#social .actions2 li a{padding:0.5em;}
#footer{height:10em;}
#footer .menu{position:center;top:1em;height:auto;line-height:inherit;}
#footer .menu li{border-left:0;padding:1em 0 0 0;margin:0;display:block;}
#footer .menu li:first-child{padding-top:0;}
#footer .menu li a{line-height:1.5em;}
#footer .actions li{font-size:1.3em;margin:0;}
#footer .actions li a{padding:0.4em;text-decoration:none;}
#footer .actions3{position:center;top:0.25em;height:5em;line-height:0em;margin:0;}
#footer .actions3 li{font-size:2.0em;margin:0;}
#footer .actions3 li a{padding:0.5em;}
.fb-like-box{background-color:#333333;}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{width:100% !important;}
#footer .actions2{position:center;top:59em;height:5em;line-height:2em;margin:0;}
#footer .actions2 li{font-size:2.0em;margin:0;}
#footer .actions2 li a{padding:0.5em;}
.poptrox-popup{}
.poptrox-popup .nav-next,
.poptrox-popup .nav-previous{}
.poptrox-popup .nav-next:before,
.poptrox-popup .nav-previous:before{width:48px;height:32px;background-size:contain;margin:-16px 0 0 0;}
.poptrox-popup .closer{}
.poptrox-popup .closer:before{right:12px;top:12px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #fff;background-size:contain;opacity:0.65;}
.youtube{position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;}
.youtube iframe{position:absolute;top:0px;left:0;width:100%;height:100%;}
.fb-page{width:100% !important;}
.snapwidget-widget{width:100% !important;height:300px !important;}
button.css3button{width:100%;}
button.css3button_2{width:100%;}
button.css3button_3{width:100%;}
button.css3button_insta{width:60%;}