@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    }


html {
	height:100%;
	width:100%;
    padding:0;
    margin:0;
    font-size:62.5%;
}
html {-webkit-text-size-adjust:100%;}

body {
	height:100%;
	width:100%;
    color:#333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
    font-size:11px;
    font-size:1.1rem;
}


* html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
:first-child + html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}


a { /*FireFoxリンク選択時の点線を消す*/
    overflow:hidden;
    outline:none;
}


a:link {margin:0; padding:0; color:#fff;text-decoration:none;}
a:visited {margin:0; padding:0; color:#fff;text-decoration:none;}
a:hover {margin:0;padding: 0;color:#999;text-decoration:none;}
a:active {margin:0; padding:0; color:#999;text-decoration:none;}



/* img */

img {border:0px;}



/* border none */

.border {border:none;}


/* ul */
ul{list-style:none;}

/* table */
table{border:0; border-collapse:collapse;}


/* float */
.f_l {float:left;}
.f_r {float:right;}


/* clear */

.clear{clear:both; height:0; line-height:0; font-size:1%;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
    font-weight: normal;
    color:#fff;
    display:inline;
}



/* wrapper */

#wrapper {
    width: 100%;
    height: 100%;
	position:relative;
}


/* container */

.container {
    background-image:url('../img/slide/top_1.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:100vh;
    width:100vw;

}

/* header */


.ttl {
    margin:0;
    padding:23px 3% 0 3%;
    text-align:left;
    box-sizing:border-box;
    height:81px;
    overflow:hidden;
	clear:both;
}

.ttl img {
	display:none;
}






/* tablet mobile logo */
div.mt_logo {
   width:22%;
   text-align:left;
   box-sizing:border-box;
   float:left;
}

div.mt_logo img{
   width:100%;
   min-width:164px;
   box-sizing:border-box;
   display:none;
}


/* mobile/tablet menu */
.mt_menu {float:right;}













/* drawer open/close */

button.mt_close {
    display:block;
    box-sizing:border-box;
    padding:0.7% 1.3%;
    color:#000;
    border:1px solid #000;
    background-color:#fff;
    border-radius:3px;outline:0;
}








/* main */
.conts{
    padding:0 3% 0 3%;
    margin:0;
    text-align:left;
    box-sizing:border-box;
}


/* tablet mobile logo */
.mt_logo_center{
    max-width:558px;
    min-width:197px;
    display:inherit;
    position:absolute;
    top:48%;
    left:50%;
    -webkit-transform: translate(-48%,-50%);
    -moz-transform: translate(-48%,-50%);
    transform: translate(-48%,-50%);
}
.mt_logo_center img{width:100%;}



/* pulldown menu */




.pullcont{
    width:100%;
    height:100%;
    box-sizing:border-box;
    text-align:center;
    display:table;
}

.pullimg {
	width:42%;
	min-width:169px;
	margin-bottom:3.3%;
}

.drawer_sns{
    margin:3% 0 0 0;
}
.drawer_sns li{
    display:inline-block;
}

.drwr_inst img{width:23px;height:23px;}
.drwr_inst{
    background-image:url("../img/mt_img/pulldown_insta_hover.svg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:23px 23px;
    margin-right:20px;
}
.drwr_inst a {
    display:inline-block;
}

/*.drwr_inst a:hover img {
    visibility:hidden;
}*/






.drwr_tw img{width:24px;height:23px;}
.drwr_tw{
    background-image:url("../img/mt_img/pulldown_x_hover.svg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:24px 23px;
}
.drwr_tw a {
    display:inline-block;
}

/*.drwr_tw a:hover img {
    visibility:hidden;
}*/






ul.drawer-menu p{
    font-size:11px;
    font-size:1.1rem;
    margin-top:20px;
    font-weight:bold;
    color:#000;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

.drawer-menu li ul.mt_contact{
    margin:7px 0 0 0;
    padding:0;
}
.drawer-menu li ul.mt_contact li{
    color:#000;
    font-size:11px;
    font-size:1.1rem;
    list-style:none;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}









.ad{
    text-align:center;
    position:absolute;left:0;right:0;bottom:8%;
}
.ad p{
    color:#000;
    font-size:11px;
    font-size:1.1rem;
    font-weight:normal;
    margin:0 auto;
}






/* desktop navi */
.conts nav {display:none;}
ul.sns {display:none;}



/* footer */
.credit {
    margin:0 0 3% 3%;
    position:absolute;
    bottom:0;
	height:15px;
	background-color:#063;
}
.credit p {
    color:#ff0000;
    text-align:left;
    font-size:11px;
    font-size:1.1rem;

}



#consolPopup {
    display:none;
    width:400px !important;
    margin:0;
    padding:0;
}