@charset "utf-8";

/*
Description: Styles for Smartphone
Version: 1.0
Author: Gota
*/


/* =====================================================================
     Default Settings
====================================================================== */

html,body {margin:0; padding:0; font-size:13px; width:100%; height:100%;
    font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro',/*"メイリオ",*/'ＭＳ Ｐゴシック',sans-serif;
}
html {overflow-y: scroll;}
* {webkit-text-size-adjust: none;}

div.main {width:100%;}

a{text-decoration:none; color:#8c5214; -webkit-tap-highlight-color:rgba(255,153,102,1);}
a:hover {
    -ms-filter: "alpha(opacity=75)";     /* IE8用記述 */
    filter: alpha(opacity=75);     /* IE6~IE7用記述 */
    opacity: 0.75;
}
/*  Safari独自のUIを無効に  */
/*html,body{-webkit-appearance:none;}*/

/*  はみだし対策(どうしてもはみ出す場合はON)  */
/*body {width:100%; overflow:hidden;}*/

/*  Androidで全角文字をboldする擬似要素 */
.bold:before {
    position:absolute;
    top:0;
    left:1px;
    content:attr(data-text);
}

/*	border,padding値をwidthに含める  */
.bdbox{
    -moz-box-sizing: border-box;        /* Firefox */
    -webkit-box-sizing: border-box;     /* Safari 3 */
    -ms-box-sizing: border-box;         /* Internet Explorer 8 */
    box-sizing: border-box;             /* Opera */
}

/*	親要素全体をリンクにする  */
.big_link {z-index:900;}
.big_link a {display:block; -webkit-tap-highlight-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; height:100%; width:100%; text-align:left; text-indent:-9999px; z-index:901; overflow:hidden; outline:none;}

/*	clearfix  */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* =====================================================================
     主構成
====================================================================== */

header {width:100%; height:auto;}
footer {width:100%; height:auto;}

/*メインカラム(コンテンツ部分)*/
div.main {width:100%; height:auto;}

section {width:100%; height:auto}

/* =====================================================================
     ヘッダー
====================================================================== */
header {
    overflow-x:hidden;
    text-align: center;
}
h1 {
    font-size: 13px;
    line-height: 1.25em;
    color: #6c6b6c;
    background: #FFF;
    padding-top: 5px;
}
h2 {
    font-size: 10px;
    line-height: 1.25em;
    color: #ffffff;
    background: #ff87c8;
}

/* =====================================================================
     メイン
====================================================================== */

/*年齢認証ページ*/

section {
	background: linear-gradient(pink, #fff);
}
div.index_bg {
    width: 320px;
    height: 780px;
    margin: 0 auto;
    position: relative;
}
div.contents {
    width: 320px;
    position: absolute;
    top: 0;
    left: 0;
}
div.catch {
    margin: 0 auto 0 auto;
    width: 320px;
}
div.index_logo {
    margin: 0 auto 0 auto;
    width: 180px;
}
div.bar {
    height: 13px;
}
ul.main li {
    width: 33.3%;
    height: 281px;
    float: left;
}
ul.main li img {
    width: 100%;
}



/*入場ボタン＆注意書*/
div.enter {
    width: 320px;
    margin: 430px auto 0 auto;
	text-align:center;
}
div.enter ul li {
    width: 320px;
    margin: 0 auto 0px auto ;
}
div.enter ul li.caution {
    color: #000;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    width: 320px;
}

div.catch {
    position: absolute;
    top: 200px;
    left: 20px;
}


/* =====================================================================
     フッター
====================================================================== */

footer {
    color: #666;
    line-height: 1.25em;
    padding: 5px 0;
    text-align: center;
    background: #FFF;
    font-size: 10px;
}