@charset "utf-8";

/* ===================================================================

    [ Default Section ]

=================================================================== */
body {
    background-color: #ffffff;
    color: #333333;
    font-size: 62.5%; /* 10px */
    font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, 'MS PGothic', sans-serif;
    line-height: 2.0em;
    word-break: break-all;
	-webkit-text-size-adjust: 100%; /*縦・横表示でも文字サイズを同じにする*/
}



del {color:#999999;text-decoration:line-through;}


/* Link Colors
--------------------------------------------------------- */
a:link {color:#111111;text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#666;}

/* Text Select Reversal Colors
--------------------------------------------------------- */
::selection {
    /* Reversal background color */
    background: #F8E6AF;
    /* Reversal text color */
    color:#666666;
}
/* Firefox */
::-moz-selection {
    /* Reversal background color */
    background: #F8E6AF;
    /* Reversal text color */
    color:#666666;
}

/* Form
--------------------------------------------------------- */
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
}

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





/* ===================================================================

    [ Layout Section ]

=================================================================== */


/* =========================================================
    [ Global Layout ]
========================================================= */

/* Html, Body, Wrapper
--------------------------------------------------------- */
html,body {min-width:;}


#wrapper {

}
@media screen and (max-width: 768px) {
	#wrapper {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}


/* ===================================================================

    [ Elements Section ]

=================================================================== */

/* =========================================================
    [ Common Page Elements ]
========================================================= */

/* Check Browser Snippets
--------------------------------------------------------- */
#check-browser {
	
}

/* Change View Snippets
--------------------------------------------------------- */
#change-view {
	
}
#page-hedding {
    text-align: center;
    height: 74px;
    padding-top: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBCBCB;
}

/* Common Navigation
--------------------------------------------------------- */

/* Common None Message
--------------------------------------------------------- */
#none {
	font-size: 1.5em;
	min-height: 300px;
	margin-top: 50px;
	text-align: center;
	line-height: 2em;
}


/* =========================================================
    [ Page Elements ]
========================================================= */

/* Index
--------------------------------------------------------- */
#index {
/*
    background-image: url(../images/bg-index.jpg);
    background-repeat: no-repeat;
    background-position: center top;
*/
    background-color: #fff;
}
#index-contents {
    padding-top: 180px;
    padding-bottom: 180px;
}
#index-logo {
    text-align: center;
    margin-bottom: 110px;
}
#nav-index-group {
    width: 366px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/icon-18over.png);
    background-repeat: no-repeat;
    background-position: center 8px;
    margin-bottom: 95px;
}
#nav-index-group .nav-enter {
    float: left;
    text-align: center;
}
#nav-index-group .nav-leave {
    float: right;
    text-align: center;
}
#index-contents .warning {
    font-size: 1.2em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

a.heven_bnr_img:first-child {
    display: inline-block;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
	#index img {
	    max-width: calc(100% - 30px);
	}
	#index-contents {
	    padding-top: 100px;
	    padding-bottom: 100px;
	}
	#nav-index-group {
	    width: 100%;
	}
	a.heven_bnr_img:first-child {
	    display: block;
	    margin-right: 0px;
	    margin-bottom: 10px;
	}
}