@charset "UTF-8";

/*-------------------------------------------------
    common
=================================================*/
  
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px;
    color: #333;
	line-height: 1.8;
	background:#fff;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	word-break:break-word;
}

::-moz-selection {
    background: #000;
    color: #a8a07a;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #a8a07a;
    text-shadow: none;
}


/* リンク
------------------------------------------*/
a{
	color: #77C3BF;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover{
	text-decoration: underline;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:visited {
	color: #77C3BF;
	}



/* 共通class
------------------------------------------*/
.clearfix:after,
section:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* hide macie ¥*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
}


/*フォント*/
.fw_b {
	font-weight: bold;
}
.fs_11 {
	font-size: 85%;
}
.fs_12 {
	font-size: 92%;
}
.fs_14 {
	font-size: 107%;
}
.fs_16 {
	font-size: 122%;
}
.fs_18 {
	font-size: 136%;
}
.fs_48 {
	font-size: 364%;
}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.ml-5 {margin-left:-5px !important;}

sup {
	font-size: 9px;
	vertical-align: super;
	line-height: 1;
}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

.fl{float:left;}
.fr{float:right;}

.gray {color:#999;}
.red {color:#ff0000;}

.ofauto {
	overflow:auto;
	}
	
.vbottom {vertical-align:bottom;}

p {
	margin:0;
	padding:0;
	}

/*------------------------------------------*/


header {
	height:75px;
	width:995px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
header h1 {
	position:absolute;
	top:0;
	left:4px;
	margin:0;
	padding:0;
	z-index:9999;
	}
	
header .btn {
	float:right;
	padding:6px 0 0 0 ;
	}
		
nav#gnavi {
	background:url("../images/gnavi_bg.png") repeat-x bottom center;
	height:55px;	
	}	

nav#gnavi ul {
	width:816px;
	height:55px;	
	margin:0 auto;
	padding:0 0 0 180px;
	}	

nav#gnavi ul li {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	border-right:1px solid #fff;
	}	

nav#gnavi ul li.blank {
	background:#7BC6C1;
	width:162px;
	height:55px;	
}

footer {
	background:#85cac6;
	color:#fff;
	text-align:left;
	margin:0;
	padding:0;
	height:186px;
	}
	
footer a,
footer a:visited {
	color:#fff;
	}

footer .inner {
	width:995px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
footer .logo {
	position:absolute;
	top:-4px;
	left:0;
	}
	
footer .about {
	position:absolute;
	top:20px;
	left:140px;
	font-weight:normal;
	width:470px;
	}
	
footer .about h3 {
	margin:0;
	padding:0;
}

footer .copyright {
	position:absolute;
	top:130px;
	left:3px;
	}
	
	
footer ul {
	margin:0;
	padding:0;
	}
	
footer ul li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
footer .sitemaps {
	position:absolute;
	top:20px;
	left:610px;
	}

footer .sitemaps .sitemap {
	float:left;
	white-space:nowrap;
	margin:0 0 0 40px;
}

footer .sitemaps .sitemap h3 {
	margin:0;
	padding:0;
}



.bg{
	background:#FEFBF1;
	}
	
#contents {
	width:995px;
	margin:0 auto;
	text-align:left;
	}
	
	
#about {
	background:url("../images/about_icon.png") no-repeat 20px center;
	padding:20px 0 20px 140px;
	margin:0;
	font-size:12px;
	}	
	
#about h2 {
	margin:0 0 5px 0;
	padding:0;
	}	
	
	
#plan {
	overflow:hidden;
	padding:0 0 40px;
	}

#plan h2 {
	margin:0 0 20px 0;
	padding:0;
	}

#plan ul.plan {
	margin:0 0 20px -12px;
	padding:0;
	overflow:hidden;
	}

#plan ul.plan li {
	margin:0 0 0 45px;
	padding:0;
	list-style:none;
	float:left;
	}

#plan #ranking {
	width:677px;
	float:left;
	margin:0 0 0 33px;
	}
	
#plan #ranking ol.ranking  {
	margin:0;
	padding:0;
	overflow:hidden;
	}
#plan #ranking ol.ranking li {
	margin:0;
	padding:0;
	list-style:none;
	}

#plan #ranking ol.ranking li p {
	margin:0;
	padding:0 70px;
	}

#plan #ranking ol.ranking li.rank1 {
	background:url("../images/ranking1-2.jpg") no-repeat center bottom;
	height:306px;
	}

#plan #ranking ol.ranking li.rank2 {
	background:url("../images/ranking2-2.jpg") no-repeat center bottom;
	height:341px;
	}

#plan #ranking ol.ranking li.rank3 {
	background:url("../images/ranking3-2.jpg") no-repeat center bottom;
	height:301px;
	}

#plan #ranking h3,
#plan #ranking h4 {
	margin:0;
	padding:0;
	}
	
#plan #campaign {
	float:right;
	position:relative;
	}

#plan #campaign ul {
	position:absolute;
	top:157px;
	left:0;
	padding:0 0 0 13px;
	margin:0
	}
	

#plan #campaign ul li {
	margin:0 0 4px;
	padding:0;
	list-style:none;
	width:227px;
}

#plan #campaign ul li a {
	border-radius:4px;
	background:url("../images/right_arrow.png") no-repeat right center #fff;
	line-height:27px;
	display:block;
	padding-left:10px;
	color:#666;
	}

#plan #campaign ul li a:hover {
	background:url("../images/right_arrow.png") no-repeat right center #ffdfeb;
	text-decoration:none;
	}


#plan #plandetail {
	width:725px;
	float:left;
	margin:0 0 0 0;
	}
	




#option {
	overflow:hidden;
	padding:0 0 40px;
	}

#option h2 {
	margin:0 0 25px 0;
	padding:0;
	}
	

#option ul {
	margin:0;
	padding:0;
	overflow:hidden;
	width:740px;
	display: flex;
	flex-wrap: wrap;
	}

#option ul li {
	margin:0 7px 0 0;
	padding:0 0 34px;
	list-style:none;
	width:237px;
	}


#option ul li p {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	}
#option ul li p span{
	font-size: 12px;
	color: #a9a9a9;
	}

#option ul li h3 {
	text-align:left;
	margin:0;
	padding:13px 0 0 0;
	font-weight:normal;
	line-height:1.4;
}



#location {
	overflow:hidden;
	padding:0 0 40px;
	}

#location h2 {
	margin:0 0 25px 0;
	padding:0;
	}

#location ul {
	margin:0;
	padding:0;
	overflow:hidden;
	width:740px;
	}

#location ul li {
	margin:0 7px 0 0;
	padding:0 0 34px;
	list-style:none;
	float:left;
	width:237px;
	}

#location ul li:nth-child(3n+1) {
	clear:both;
}

#location ul li h3 {
	text-align:center;
	margin:0;
	padding:13px 0 0 0;
	font-weight:normal;
	line-height:1.4;
}

.hide {display:none;}



#pankuzu {
	padding:45px 0 30px;
	line-height:1;
	}

#pankuzu a {
	display:inline-block;
	background:url("../images/pankuzu_arrow.png") no-repeat right 0;
	padding:0 16px 0 0;
	margin:0 10px 0 0 ;
	}
	
.pagetitle {
	margin:0 0 27px 0;
	}
	
#plandetail ul.tab {
	overflow:hidden;
	margin:0 0 30px;
	padding:0;
	}
	
#plandetail ul.tab li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:64px;
	text-indent:-999em;
	overflow:hidden;
	width:363px;
	cursor:pointer;
	}
	
#plandetail ul.tab li.select {
	cursor:auto;
	}
	
#plandetail ul.tab li#tab1 {		background:url("../images/tab1_off.png") no-repeat;	}	
#plandetail ul.tab li#tab2 {		background:url("../images/tab2_off.png") no-repeat;	}	
#plandetail ul.tab li#tab3 {		background:url("../images/tab3_off.png") no-repeat;	}	
#plandetail ul.tab li#tab4 {		background:url("../images/tab4_off.png") no-repeat; width:362px;	}	
#plandetail ul.tab li#tab1.select {	background:url("../images/tab1_on.png") no-repeat;	}
#plandetail ul.tab li#tab2.select {	background:url("../images/tab2_on.png") no-repeat;	}
#plandetail ul.tab li#tab3.select {	background:url("../images/tab3_on.png") no-repeat;	}
#plandetail ul.tab li#tab4.select {	background:url("../images/tab4_on.png") no-repeat;	}

ul.tab_content {
	margin:0;
	padding:0;
	}

ul.tab_content li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#plandetail .point {
	background:#fff;
	position:relative;
	border-radius:10px;
	margin:0 60px 30px 50px;
	padding:20px 100px 20px 20px;
	}

#plandetail .point h3 {
	margin:0 0 10px;
	padding:0;
}

#plandetail .point p {
	padding-left:10px;
}

#plandetail .point p strong {
	font-weight:normal;
	color:#75BDC6;
}

#plandetail .point .photo {
	position:absolute;
	right:-40px;
	top:-20px;	
}


#plandetail .ex {
	text-align:center;
	margin-bottom:30px;
}


#plandetail .support {
	text-align:center;
	position:relative;
}

#plandetail .support a {
	position:absolute;
	right:57px;
	bottom:20px;
}


#plandetail .price {
	text-align:center;
	margin-bottom:30px;
}


.sns {
	text-align:right;
	width:995px;
	margin:0 auto ;
	padding:0 0 20px;
	overflow:hidden;
	}
	
.sns .ninja_onebutton {
	float:right;
	}
	
#catch {
	border-bottom:1px solid #dfdfd0;
	}
	
#catch ul,
#catch ul li {
	margin:0;
	padding:0;
	text-align:center;
	}

#catch ul li img {
	margin:0 auto;
	}


/*======  youtube  ======*/
.movie {
    clear: both;
    overflow: hidden;
	margin: 10px 0 20px;
}

.movie .m_box {
	width: 674px;
	height: 349px;
	background: url(../images/movie_bg.jpg) no-repeat;
	position: relative;
}

.movie .m_box .left_box {
    position: absolute;
    top: 80px;
    left: 20px;
}

.movie .m_box .left_box h2 {
    margin-bottom: 30px;
}

.movie .m_box .flame {
    position: absolute;
    top: 15px;
    right: 10px;
}