/* ---------- Font Settings ---------- */
@font-face {
	font-family: 'Century Old Style';
	src: url('../font/century-old-style.eot?#iefix') format('embedded-opentype'),
url('../font/century-old-style.woff') format('woff'),
url('../font/century-old-style.ttf') format('truetype');
	font-weight: 100;
    font-style: normal;
}
@font-face {
	font-family: 'Century Old Style Italic';
	src: url('../font/century-old-style-italic.eot?#iefix') format('embedded-opentype'),
url('../font/century-old-style-italic.woff') format('woff'),
url('../font/century-old-style-italic.ttf') format('truetype');
	font-weight: 100;
    font-style: normal;
}

::selection {background: #eadc88; /*color:#fff;*/}
::-moz-selection {background: #eadc88; /*color:#fff;*/}

/* ---------- Main Styles ---------- */
body {
	position:relative;
	height:100%;
	font-size:13px;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	letter-spacing:0.3px;
    color: #4d4d4d;
    -webkit-font-smoothing: antialiased;
	background-color:transparent;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:lighter;
    -webkit-font-smoothing: antialiased;
    color: #000000;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-size:24px;
	color:#000000;
}
p,li{
	font-size:100%;
	line-height:1.6;
}


/* ---------- General Styles ---------- */
#wrapper{
	padding-bottom:5em;
	max-width:100%;
}
#header{
	background:rgba(255,255,255,1);
	width:100%;
	height:120px;
}
#header_inner{
	margin:0 auto;
	width:930px;
}
#header_bottom{
	position:relative;
}
#header_bottom_stripe{
	margin-bottom:4px;
	width:100%;
	min-height:20px;
	background:url(../images753/common/stripe_rp.png) repeat;
}
.drawer-hamburger{
	height:10px;
	background:url(../images753/btn_menu.png) no-repeat center center;
}
#footer{
	width:100%;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
#footer .inner{
	position:relative;
	margin:0 auto;
}
#footer_nav li{
	float:left;
	margin:20px 0;
	width:20%;
	font-size:11px;
	font-family: 'Century Old Style';
}
#footer_nav li ul{
	margin-bottom:0.2em;
}

#footer_nav li ul li{
	float:none;
	margin:0;
	width:100%;
}
#footer_nav li ul li a{
	display:inline-block;
	padding:0.2em 0;
	color:#323232;
	text-decoration:none;
}
#footer_nav li ul li a:hover{
	background:#cccccc;
	color:#ffffff;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#footer_nav li a.list_first{
	display:block;
	margin-bottom:0.6em;
	color:#323232;
	text-decoration:none;
}
#footer_logo_area{
	position:absolute;
	right:0;
	bottom:1em;
}
#footer_logo_area p{
	float:left;
	width:100px;
}
#footer_logo_area img{
	width:100%;
}
.plan #footer{
	width:100%;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	background:#dddddb;
}
.plan #footer .inner{
	position:relative;
	margin:0 auto;
}

#copy{
	padding:2em 0;
	text-align:center;
	font-size:12px;
	font-family: 'Century Old Style';
	letter-spacing:1.5px;
}
.plan #copy{
	padding:2em 0;
	text-align:center;
	font-size:12px;
	font-family: 'Century Old Style';
	letter-spacing:1.5px;
	background:#dddddb;
}
h1{
	float:left;
	margin:0.2em 0;
	text-align:center;
}
h2{
}
h3{
	margin-bottom:0.5em;
	font-size:26px;
	line-height:1.4;
	letter-spacing:-0.8px;
}
.menu{
	float:left;
	margin:3.6em 1em 0;
}
.menu li{
	float:left;
	height:88px;
	text-align:center;
	line-height:2.0;
	letter-spacing:1px;
}
.menu li .ruby{
	font-family: 'Asap', sans-serif;
}
.active{
	background:url(../images753/common/menu_arrow.png) no-repeat center 62px;
}
.menu .menu_mega{
	position:relative;
}
.tab_content {
	position:absolute;
	top:0;
	left:0;
    clear: both;
    overflow: hidden;
    width: 100%;
    height:auto;
	background:#999999;
	z-index:10;
}
.tab_area {
    display: none;
	position:relative;
	margin:0px auto 0;
	padding:1em 0;
	width:600px;
	min-height:60px;
}
.tab_area li{
	float:left;
	padding:0.1em 0;
	width:25%;
	text-align:left;
}
.tab_area li:hover{
	background:#f8bdaf;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
.tab_area li a{
	color:#ffffff;
	text-decoration:none;
}
.tab_area .close{
	position:absolute;
	top:1.5em;
	left:-8em;
}
#sp_menu{
	padding-top: 60px;
}
#sp_menu li{
	padding:0.4em 1em;
	line-height:1.6;
	letter-spacing:1px;
	font-size:92%;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}
#sp_menu li:hover{
	background:url(../images753/common/stripe_rp.png) repeat;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#sp_menu .tap_menu.tap {
    background:url(../images753/common/stripe_rp.png) repeat;
}
#sp_menu li a{
	display:block;
	padding:0.6em 1em;
}
#sp_menu li ul li{
	width:91%;
	padding:0.3em 1em;
}
#sp_menu li ul li:last-child{
	border-bottom:none;
}
#sp_menu li ul li:hover{
	background:#f8bdaf;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#sp_menu li ul li:hover a{
	color:#ffffff;
}

section{
	padding:8em 0 4em;
}
.leftcont{
	float:left;
}
.rightcont{
	float:right;
}
.w100{
	width:100%;
}
.w90{
	width:90%;
}
.w80{
	width:80%;
}
.w70{
	width:70%;
}
.w60{
	width:60%;
}
.w50{
	width:50%;
}
.w45{
	width:45%;
}
.w40{
	width:40%;
}
.w30{
	width:30%;
}
.w20{
	width:20%;
}
.w15{
	width:15%;
}
.w10{
	width:10%;
}
.al-c{
	text-align:center;
}
.al-r{
	text-align:right;
}


/* ---------- PC style ---------- */
@media (min-width:769px){
.pc_none{
	display:none;
}
.sp_none{
	display:block;
}
.container{
	clear:both;
	margin:0 auto;
}
.inner{
	margin:0 auto;
	width: 960px;
}
#footer .inner{
	width:900px;
}
.plan #footer .inner{
	width:900px;
}
}

/* ---------- Tablet style ---------- */
@media (max-width: 768px) and (min-width: 641px) {
.pc_none{
	display:block;
}
.tab_none,.sp_none{
	display:none;
}
#plan_img,
#planunemu_img{
	display:block;
}
.leftcont,.rightcont{
	float:none;
	margin:2em 0;
}
.w90,.w80,.w70,.w60,.w50,.w45,.w40,.w30,.w20,.w15,.w10{
	width:100%;
}
.container{
	clear:both;
	margin:0 auto;
	width:80%;
}
.inner{
	margin:0 auto 4em;
	width:100%;
}
body{
	width:100%;
	font-size:12px;
	background:#ffffff;
	color:#323232;
}
button.drawer-toggle.drawer-hamburger {
    display: block;
	margin:1.1em 1em 0 0;
}
#wrapper{
	max-width:100%;
	padding-bottom:5em;
	overflow:hidden;
}
#header{
	height:80px;
}
#footer .inner{
	width:600px;
}
#footer_nav li{
	width:33.3%;
}
 #footer_nav li:nth-child(4){
	clear:both;
}
#footer_nav li ul li a{
	width:100%;
}
#footer_logo_area{
	position:inherit;
	clear:both;
	margin:0 auto;
	padding:1em 0;
	width:200px;
}
h1{
	margin:0.1em 0 0 0;
	text-align:left;
}
h1 img{
	width:70%;
}
h2{
	font-size:28px;
}
h3{
	font-size:24px;
}

}


/* ---------- Smartphone style ---------- */
@media (max-width:640px){
.pc_none{
	display:block;
}
.sp_none{
	display:none;
}
.img_resize{
	width:100%;
}
.leftcont,.rightcont{
	float:none;
	margin:2em 0;
}
.w90,.w80,.w70,.w60,.w50,.w45,.w40,.w30,.w20,w15,.w10{
	width:100%;
}
.container{
	clear:both;
	margin:0 auto;
	width:100%;
}
section{
	padding:2em 0;
}
.inner{
	margin:0 auto 4em;
	width:80%;
}
body{
	width:100%;
	font-size:12px;
	background:#ffffff;
	color:#323232;
}
button.drawer-toggle.drawer-hamburger {
    display: block;
	margin:1.1em 1em 0 0;
}
#wrapper{
	max-width:100%;
	height:100%;
	padding-bottom:5em;
	overflow:hidden;
}
#header{
	height:80px;
}
#footer{
	border-top:none;
}
#footer .inner{
	width:100%;
}
#footer.plan{
	border-top:none;
}
#footer.plan .inner{
	width:100%;
}
#footer_logo_area{
	position:inherit;
	clear:both;
	margin:0 auto;
	padding:2em;
	width:160px;
}
#footer_logo_area img{
	width:100%;
	text-align:center;
}
#footer_logo_area p{
	float:left;
	width:80px;
}

/* local navigation */
#footer_nav {
    border-bottom: 1px solid #d1d1d1;
}
#footer_nav li a.list_first{
	display:block;
	margin:0;
}
#footer_nav li {
	margin:0;
    border-top: 1px solid #d1d1d1;
	text-align:center;
}

#footer_nav > li > a {
    display: block;
	padding: 8px 0;
    background-image: url(../images753/common/ico_footer_nav_open.png);
	background-position:96% center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    line-height: 1.4;
}
#footer_nav > li > a:active,
#footer_nav > li > a:hover {
	background:url(../images753/common/ico_footer_nav_open.png) no-repeat 96% center ,#cccccc;
	background-size: 10px 10px;
    color: #ffffff;
}
#footer_nav > li > a.close {
    background-image: url(../images753/common/ico_footer_nav_close.png);
	background-position:96% center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
#footer_nav > li > a.open {
    background-image:none;
}
#footer_nav > li > a.current {
    font-weight: bold;
}
#footer_nav > li ul {
    display: none;
}
#footer_nav > li ul li a {
    display: block;
    padding: 7px 20px;
	font-size: 90%;
	text-align:left;
    line-height: 1.4;
}
#footer_nav > li ul li a:active,
#footer_nav > li ul li a:hover {
    background:#cccccc;
    color: #ffffff;
}
#footer_nav > li > a.homebtn {
    background-image:none;
}
#footer_nav {
	width:100%;
    margin-top: 0;
}
#footer_nav > li {
	width:100%;
}
#footer_nav #common_menu{
	display:block;
}
#footer_nav #common_menu li{
	float:left;
	width:49.8%;
}
#footer_nav #common_menu li:nth-child(odd){
	border-right:1px solid #d1d1d1;
}


h1{
	margin:0.1em 0 0 0.5em;
	text-align:left;
}
h1 img{
	width:70%;
}
h2{
	margin-bottom:1em;
	font-size:22px;
}
h3{
	font-size:18px;
}
#menu{
	padding-bottom:40px;
	background:#ffffff;
}
#menu li{
	font-size:62%;
	padding:10px 15px;
	text-align:left;
	border-bottom:1px solid #c4c4c4;
}

}


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