/*
Theme Name: PLUS HAYAMA
Theme URI: http://hayamaplus.atelier943.com/
Description: PLUS HAYAMA：オリジナルテーマ
Version: 1.0
Author: botando
Author URI: https://botando.jp/
*/

/* *********************************
000:RESET
001:BASIC
002:
003:
004:
005:
006:
007:
008:
009:RESPONSIVE
010:DRAWER
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre {overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
@font-face{font-family: YuGothicM;src: local("Yu Gothic Medium");}
html{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html{font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active){html{font-family: Verdana, Meiryo, sans-serif;}}

/* COMMON */
body{margin:0 auto;text-align:center;font-size:16px;color:#333;padding:0;background:#FFF;}
input,textarea,select{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
strong{font-weight:bold;}
em{color:#EE524D;font-style:normal; font-weight: bold;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}

/* HEIGHT ADJUST */

#story ul{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;}


/* *********************************
/* 002:TOPPAGE
*********************************** */
/* HEADER */
#header{margin-bottom: 40px;}
.headInner{background-size: cover;text-align: center;position: relative;overflow: hidden; max-height: 860px;}
/*.headInner h1 img{z-index: 2;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;max-width: 280px;} */
.headInner #movInner{z-index: 2;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%; height: 300px;}
.headInner #movInner img{height: auto; width: 100%;max-width: 280px; margin-bottom: 10px;}
.headInner #movInner h1{font-weight: bold; color: #FFF; font-size: 14px;}
.headInner video{margin: 0 auto;z-index: 1;width: 100%;}
.headInnerImg{background: url(img/movie_bg.jpg) no-repeat top center; background-size: cover;height: 860px; text-align: center; position: relative;}
.headInnerImg #imgInner{z-index: 2;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%; height: 300px;}
.headInnerImg #imgInner p img{max-width: 280px; height: auto;}
.headInnerImg #imgInner h1{font-weight: bold; color: #FFF; font-size: 14px;}
#switch{margin-top: -68px; z-index: 8888; position: relative; padding-top: 20px; padding-bottom: 20px; background: url(img/v_off.png) no-repeat top center; background-size: 26px 16px;}
#switch.active{background: url(img/v_on.png) no-repeat top center; background-size: 26px 16px;}
#switch button{
    background-color: transparent;
    cursor: pointer;
    outline: none;
    appearance: none;
    border: 1px solid #FFF;
    width: 35px;
    padding: 5px 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	z-index: 8888;
	font-size: 10px;
}
#switch button.on{border-left: none;}
#switch button.off{border-right: none;}
#switch button.active{background: #FFF;}
#switch button:not(.active):hover{background: rgba(255, 255, 255, 0.5);}

/* FOOTER */
#footer{font-size: 11px; color: #333; padding: 10px 5px; border-top:1px solid #999;}
#footer a{color: #333; text-decoration: none;}
#footer a:hover{color: #999; text-decoration: underline;}

/* COMMON */
.boxw{width: 100%; padding: 70px 0 60px;}
.boxg{width: 100%; padding: 70px 0 60px; background: #F7F7F7;}
.boxInner{width: 100%; max-width: 1100px; margin: 0 auto;}
.ttlBbL{position: relative;display: inline-block;margin-bottom: 1em;font-family: 'Teko', sans-serif; font-size: 48px; line-height: 1;}
.ttlBbL:before {content: '';position: absolute;bottom: -5px;display: inline-block;width: 50px;height: 1px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #000;border-radius: 2px;}
.imgBoxC{width: 100%; margin: 0 auto 30px;}
.imgBoxC img{width: 100%; height: auto;}
.imgBoxCm{width: 100%; max-width: 400px; margin: 0 auto 30px;}
.imgBoxCm img{width: 100%; height: auto;}
.imgDbl{width: 100%; margin: 0 auto;}
.imgDbl li{width: 50%; float: left;line-height: 0;}
.imgDbl li img{width: 100%; height: auto; line-height: 0;}

/* BAN */
#ban{width: 100%; padding: 0 5px;}
#ban dl{width: 100%; max-width: 1100px; margin: 0 auto ;border: 3px solid #EEE; padding: 15px 10px;}
#ban dl dt{font-weight: bold; font-size: 16px;}
#ban dl dd{font-size: 13px; font-weight: bold;}
#ban dl dd a{color: #666;font-weight: bold;}
#ban dl dd a:hover{color: #999;text-decoration: none;}

/* ABOUT */
#about p{font-size: 16px; font-weight: bold; line-height: 2; margin-bottom: 25px;}
#about p.name{margin-bottom: 40px;}

/* WORKS */
#works h3{font-weight: bold; font-size: 20px; margin-bottom: 35px;}
#works h3 span{font-weight: bold; font-size: 12px; display:block;}
#works p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 25px;}
#works .imgBoxC{width: 100%; margin: 0 auto 15px;}
#works .border{padding-bottom:40px; margin-bottom: 50px; border-bottom:1px solid #DDD;}

/* STAFF */
#staff p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 40px;}
/*#staff ul li{float: left; width: 28%; margin: 0 2.5% 50px;}
#staff ul li .staffImg{width: 100%; margin-bottom: 5px;}
#staff ul li .staffImg img{width: 100%; height: auto;}
#staff ul li dl dt{font-weight: bold; font-size: 14px; margin-bottom: 7px;}
#staff ul li dl dd{font-size: 13px;}*/
#staff ul li{ float: none;margin: 0 2.5% 30px; display: block;}
#staff ul li dl dt{font-weight: bold; font-size: 14px; margin-bottom: 7px;}
#staff ul li dl dd{font-size: 13px;}


/* STORY */
#story p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 40px;}
#story ul.strUl{width: 100%; max-width: 1070px; margin: 0 auto 50px;}
#story ul.strUl li{float: left; width: 45%; margin: 0 2.5% 50px;}
#story ul.strUl li .storyImg{width: 100%;}
#story ul.strUl li .storyImg img{width: 100%; height: auto;}
#story ul.strUl li dl dt{margin-bottom: 2px;}
#story ul.strUl li dl dt img{width: 100%; height: auto;}
#story ul.strUl li dl dd{font-weight: bold; font-size: 13px; text-align: left;}
#story .imgDbl{width: 92%; margin: 0 auto;}

/* SPACE */
#space p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 40px;}
#space .imgBoxC{width: 100%; max-width: 980px; margin: 0 auto 15px;}

/* ACCESS */
#access p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 40px;}
#access .map{width: 100%; margin: 0 auto 40px;}
#access ul{display: table; margin: 0 auto 30px;}
#access ul li{display: table-cell; text-align: left; padding: 0 15px; vertical-align: middle;}
#access ul li.img{width: 300px;}
#access ul li.img img{width: 100%; height: auto;}
#access ul li dl dt{font-weight: bold; font-size: 16px; margin-bottom: 5px;}
#access ul li dl dd{font-weight: bold; font-size: 13px;}

/* CONTACT */
#contact p{font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 40px;}
#contact .cotBox{padding: 0 5px;}
#contact .cotBox table{width: 100%; max-width: 900px; margin: 0 auto 30px;}
#contact .cotBox table th,
#contact .cotBox table td{padding:15px 10px; text-align: left; vertical-align: middle; border-bottom: 1px dotted #DDD;}
#contact .cotBox table th{font-weight: bold; width: 30%;font-size: 14px;}
#contact .cotBox table th.vaT{vertical-align: top; padding-top: 20px;}
#contact .cotBox table th p{line-height: 1.4;margin: 0; float: left;}
#contact .cotBox table th p.hss{float: right; color: #FFF; font-weight: bold; background: #FF7373; padding: 2px 5px; font-size: 11px;}
#contact .cotBox table td input{padding:8px;font-size:18px; width:100%; border: 2px solid #DDD;}
#contact .cotBox table td textarea{padding:8px;font-size:18px; width:100%;border: 2px solid #DDD;}
#contact .cotBox .wpcf7 p.btnCot{text-align:center;}
#contact .cotBox .wpcf7 p.btnCot input{width:100%; max-width: 280px; height:50px; cursor:pointer; background:#333; color:#FFF; font-weight:bold; border:none; font-size:14px;}
#contact .cotBox .wpcf7 p.btnCot input:hover{background:#FF7373;}
#contact .cotBox .wpcf7 div.screen-reader-response{font-weight:bold; color:#D83400; font-size:14px;margin-bottom:25px;}
#contact .cotBox .wpcf7 div.screen-reader-response ul{margin-bottom:15px;}
#contact .cotBox .wpcf7 div.screen-reader-response ul li{font-weight:normal; color:#333;}
#contact .cotBox .wpcf7 span.wpcf7-not-valid-tip{color:#D83400; font-size:14px;}
#contact .cotBox .wpcf7 div.wpcf7-validation-errors{text-align:center; border:1px solid #ECBBBB; background:#FBEEEE; padding:10px 0; font-weight:bold; color:#D83400; font-size:14px;}


/* *********************************
/* 009:RESPONSIVE
*********************************** */
@media screen and (min-width:980px){

}
@media screen and (min-width:641px) and (max-width:979px){
.headInner #movInner{height: 250px;}
.headInner #movInner img{max-width: 200px;}
.headInnerImg{height: 480px; text-align: center; position: relative;}
.headInnerImg #imgInner{z-index: 2;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%; height: 160px;}
.headInnerImg #imgInner p img{max-width: 200px; height: auto;}
.headInnerImg #imgInner h1{font-weight: bold; color: #FFF; font-size: 14px;}
}
@media screen and (max-width:640px){
.headInner #movInner{height: 180px;}
.headInner #movInner img{max-width: 120px;}
.headInnerImg{height: 300px; text-align: center; position: relative;}
.headInnerImg #imgInner{z-index: 2;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%; height: 150px;}
.headInnerImg #imgInner p img{max-width: 120px; height: auto;}
.headInnerImg #imgInner h1{font-weight: bold; color: #FFF; font-size: 14px;}
.imgDbl li{width: 98%; float: none; margin: 0 auto; }
#switch{display: none;}
#works p{line-height: 1.6;}
#staff ul li,
#story ul.strUl li{width: 96%; margin: 0 2% 50px;}
#story .imgDbl{margin-bottom: 50px;}
#access ul{display: block; width: 96%; margin: 0 auto;}
#access ul li.img{width: 100%; text-align: center; margin-bottom: 10px;}
#access ul li{display: block; text-align: left; padding: 0 0; }
#access ul li dl dd{font-weight: normal;font-size: 13px;}
#contact .cotBox table th{display: block; width: 100%; border-bottom: none; padding-bottom: 5px;}
#contact .cotBox table td{display: block;padding-top: 5px;}
}

/* *********************************
/* 000:スマートフォンで使うよ
*********************************** */

/*メディアクエリー
@media screen and (min-width:640px){.bkList{width:635px;margin:0 auto 5px;}}
@media screen and (min-width:480px) and (max-width:639px){.bkList{width:475px;margin:0 auto 5px;}}
@media screen and (min-width:320px) and (max-width:479px){.bkList{width:315px;margin:0 auto 5px;}}
@media screen and (max-width:319px){.bkList{width:315px;margin:0 auto 5px;}}
*/

/*テキストシャドウ {
	text-shadow:1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
	-moz-box-shadow:inset 1px 1px 3px #000;
	-webkit-box-shadow:inset 1px 1px 3px #000;
	box-shadow:inset 1px 1px 3px #000;
}
*/

/*角丸 {
	border-radius:10px; 
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
}
*/

/*トランジション {
	-webkit-transition:1.5s;
	-moz-transition:1.5s;
	-o-transition:1.5s;
	transition:1.5s;
}
*/

/*透明 {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
*/

/*背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}
*/

/* *********************************
/* 010:DWAWER
*********************************** */
.drawer-nav .drawer-inner{padding: 13px 0 15px;}
.drawer-nav .drawer-inner p{width: 100%; max-width: 80px; text-align: left; padding-left: 15px; margin-bottom: 15px;}
.drawer-nav .drawer-inner p img{width: 100%; height: auto;}
.drawer-nav .drawer-inner .drawer-menu{text-align: left; padding: 0 15px;}
.drawer-nav .drawer-inner .drawer-menu li{margin-bottom: 5px;font-family: 'Teko', sans-serif; font-size: 20px;}
.drawer-nav .drawer-inner .drawer-menu li a{color: #333; font-weight: bold; display: block; text-decoration: none; padding: 7px 0;}

.drawer-open{overflow:hidden!important}
.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}
.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}
.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}
.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{display:block}
.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}
.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}
.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}
.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}
.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:15px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}
.drawer-hamburger-icon:after{top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{background-color:#000;}
.drawer-open .drawer-hamburger-icon{background-color:transparent}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}
.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}
.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}
}

@media (min-width:75em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}
}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}
.drawer-navbar .drawer-nav{padding-top:3.75rem}
.drawer-navbar .drawer-menu{padding-bottom:7.5rem}

@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}
.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}
.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}
}

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){.drawer-container{max-width:60rem}}
@media (min-width:75em){.drawer-container{max-width:70rem}}


/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}