@charset "UTF-8";
/* ------------------------
	format
------------------------ */

* { margin:0px; padding:0px;font-style:normal;text-indent: 0; font-weight:normal;}

@font-face
{
font-family: SourceHanSerif;
src: url('../font/SourceHanSerifJP-Regular.woff') format("woff"),
url('../font/SourceHanSerifJP-Regular.otf') format("opentype");
font-weight: 400;
}


html, body {
	font-family: "Hiragino Mincho Pro","HiraMinProN-W3","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size:12px;
	line-height: 1.7;
	color: #4D4D4D;	
}

body {
	background:#fff;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

ul,ol{list-style-type:none;}


a:link {color: #4D4D4D;text-decoration: none;}
a:visited {color: #4D4D4D;text-decoration: none;}
a:active {color: #4D4D4D;text-decoration: none;}
a:hover {color: #4D4D4D;text-decoration: underline;}


p {margin:0 0 12px 0;}
.font12 {font-size:12px ;}

.clear {
	clear:both;
	margin:0 20px 0 0;
}
.clear img{
	width:100%;
}
.clear2 {clear:both;margin:0 0 40px 0;}
.clear3 {clear:both;margin:0 0 60px 0;}

.caution {font-size:10px; line-height:16px;}
.caution2 {font-size:10px; line-height:16px;margin:0 0 30px 0;}
.caution3 {font-size:10px; line-height:16px; padding:3px;}
.caution4 {font-size:10px; line-height:16px;margin:0 0 50px 0;}
.caution5 {font-size:10px; line-height:16px;margin:0 0 30px 0; text-align:right;}
#wrapper .reserve1{ width:310px;text-align:center;margin:0 auto 20px auto; padding:10px 0 0 0;}


/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


#wrapper .mb0{margin:0 0 0 0;}
#wrapper .mb5{margin:0 0 5px 0;}
#wrapper .mb10{margin:0 0 10px 0;}
#wrapper .mb15{margin:0 0 15px 0;}
#wrapper .mb20{margin:0 0 20px 0;}
#wrapper .mb30{margin:0 0 30px 0;}
#wrapper .mb40{margin:0 0 40px 0;}
#wrapper .mb50{margin:0 0 50px 0;}
#wrapper .mb60{margin:0 0 60px 0;}

#wrapper .center{ text-align:center;margin:0 auto 20px auto; padding:10px 0 0 0; list-style-type:none;}
#wrapper .center{
	max-width:230px !important;
}
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
	text-decoration:none;
}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

h4{
	padding:8px 16px;
	border:1px solid #999;
	font-size:14px;
	margin:0 0 20px 0;
	 border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	max-width:320px;
	
}

/* ------------------------
	wrapper
------------------------ */
#wrapper{
	clear:both;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
	padding:50px 0 30px 0;
	font-size:120%;
}
.wrap{
	position:relative;
	margin:0 15px 0 40px;
}

.more_btn{
	max-width:230px;
}


#wrapper table{
	background:#666;
	width:100%;
	margin:0 0 20px 0;
	
}

#wrapper table th{
	background:#fff;
	padding:6px;
	width: 60px;
	
}

#wrapper table td{
	background:#fff;
	padding:6px 8px;

}

/* ------------------------
	premium01
------------------------ */

#premium01,#premium02,#premium03,
#premium04,#premium05,#premium06{
	overflow:hidden;
	max-width:845px;
	margin:0 5px 60px 0;
	box-shadow:0px 0px 10px 0px #a6a6a6;
	-moz-box-shadow:0px 0px 10px 0px #a6a6a6;
	-webkit-box-shadow:0px 0px 10px 0px #a6a6a6;
	padding:0 32.5px 10px 32.5px;
	border-bottom:3px solid #1d8bac;
}
.premium01_num{
	position:absolute;
	top:-25px;
	left:-20px;
	width:100%;
}
#premium01 h2,#premium02 h2,#premium03 h2,
#premium04 h2,#premium05 h2{
    color:#766e6a;
    font-weight: bold;
    font-size: 26px;
	border-bottom:#766e6a 1px solid;
	margin-bottom:20px;
	padding: 15px 0 0 80px;
}

#premium01 h2,#premium02 h2,#premium03 h2,#premium04 h2{
	margin-bottom:40px;
}

#premium01 h2 span{
    font-size: 16px;
    font-weight: bold;
    display: block;
	padding:0 0 8px 0;
	line-height:1.5;
}

.premium01{
	clear:both;
}
.premium01 .left{
	float:left;
	width:47%;
	margin-bottom:40px;
}
.premium01 .left ul{
	clear: both;
	margin: 10px 0 10px 0;
}
.premium01 .left ul li:nth-child(1){
	margin:0 10px 10px 0;
	float:left;
}

.premium01 .left ul li.icon{
	margin:0 10px 10px 0;
	float:left;
}
.premium01 p{
	clear:both;
    margin: 0 0 10px 0;
}
.premium01 h3{
	font-weight: bold;
    color: #1d8bac;
    font-size: 18px;
    margin: 0 0 4px 0;
}


.premium01 h3.line1{
	padding-top:10px;
}

.premium01 span.logo{
	float:left;
	margin:0 10px 0 0;

}

.premium01 h3.line2{
	font-size:16px;

}

.premium01 .right{
	float:right;
	width:50%;
}

#premium01 .right ul li{
    margin: 0 0 10px 0;

}
#premium01 .premium01_btn {
	clear: both;
	overflow: hidden;
	max-width: 600px;
	margin: 0 0 10px 0;
}
#premium01 .premium01_btn ul li{
	float: left;
	margin: 0 10px 10px 0;

}
.price{
	font-weight: bold;
    color: #1d8bac;
    font-size: 18px;
    margin: 0 0 15px 0;
}
.price2{
    font-size: 14px;
    margin: 0 0 0 0;
}

/* ------------------------
	premium02
------------------------ */

#premium02 h2 span{
    font-size: 16px;
    font-weight: bold;

	padding:0 0 0 0;
	line-height:1.5;
}


#premium02 h2{
    font-weight: bold;
	line-height:1.3;
	padding: 15px 0 10px 80px;
}



.premium02{
	clear:both;
}
.premium02 .left{
	clear:left;
	float:left;
	width:48%;
	margin-bottom:40px;
}

.premium02 .right{
	float:right;
	width:48%;
	margin-bottom:40px;
}

.premium02 ul{
	clear:both;
	margin:0 0 15px 0;
}



.premium02 ul li{
	margin:0 10px 10px 0;
	float:left;
}

.premium02 ul li h3{
	font-size:140%;
}

.premium02 .center{
	text-align:center;
}
.premium02 p{
	clear:both;
}
.premium02 h3{
	font-weight: bold;
    color: #766e6a;
    font-size: 18px;
    margin: 0 0 0 0;
}
.premium02 h3.line1{
	padding-top:10px;
    color: #1d8bac;
}
.premium02 h3.line2{
	color: #1d8bac;
}
/* ------------------------
	premium03
------------------------ */

#premium03 h2{
    font-weight: bold;
	line-height:1.3;
	padding: 15px 0 10px 80px;
}



#premium03 h2 span{
    font-size: 16px;
    font-weight: bold;

	padding:0 0 0 0;
	line-height:1.5;
}



#premium01 h3.text,
#premium02 h3.text,
#premium03 h3.text{
	font-weight: bold;
    color: #625B57;
    font-size: 18px;
	margin:0 0 20px 0;
}
#premium01 h3.text2{
	font-weight: bold;
    color: #1d8bac;
    font-size: 18px;
	margin:0 0 20px 0;
}

p.caution4 {
    color: #ee0000;
    margin:10px 0 20px 0;
    font-size: 14px;
}



p.premium_caution_1 {
    margin: 0 35px 10px 35px;
    font-size: 14px;
    font-weight: bold;
}
p.premium_caution_2 {
    margin: 0 35px 10px 35px;
}
h2.title{
	margin:100px 35px 40px 35px;
	text-align:center;
}



/* ------------------------
	winter_event
------------------------ */

p.event_main{
	clear:both;
	margin:0 35px 30px 35px;

}
#winter_event{
	clear:both;
	overflow:hidden;
	margin:0 0 60px 0;

}

#winter_event h3{
	clear:both;
	overflow:hidden;
	font-weight:bold;
	color:#FFF;
	font-size:20px;
	margin:0 35px 15px 35px;
	padding:8px 14px 6px 14px ;
	background:url(../img/event_bg.gif) repeat-x left center;
	line-height:30px;
}

#winter_event h3.event2{
	clear:both;
	overflow:hidden;
	font-weight:bold;
	color:#fff;
	font-size:20px;
	margin:0 35px 15px 35px;
	padding:8px 14px 6px 14px ;
	background:url(../img/event_bg2.gif) repeat-x left center;
	line-height:30px;
}

#winter_event h3 span{
	font-weight:bold;
	font-size:18px;
	letter-spacing:-0.5px;
}


#winter_event dl{
	clear:both;
	overflow:hidden;
	margin:0 35px 40px 35px;

}

#winter_event dt{
	float:right;
	width:54%;
}
#winter_event dd{
	float:left;
	width:44%;
	padding:10px 0 0 0;
}



@media (max-width: 800px){
.premium01 .left,.premium01 .right{
	float:none;
	width:100%;
}
.premium01 .left{
	margin-bottom:10px;
}
.premium01 .right{
	margin-bottom:40px;
}
.premium01 .right img{
	width:100%;
}
.premium01 h3.line2{
	padding-top:10px;
}

p.event_main{
	clear:both;
	margin:0 20px 30px 20px;

}

}
@media (max-width: 768px){
.premium02 .left,.premium02 .right{
	width:100%;
	float:none;
}
.premium02 .left{
	margin-bottom:30px;
}
.premium02 .right{
	margin-bottom:30px;
}
.premium02 .left img,
.premium02 .right img{
	width:100%;
}
}
@media (max-width: 800px){
#premium01 h2, #premium02 h2, #premium03 h2, #premium04 h2, #premium05 h2{
    font-size: 22px;
}
}
@media (max-width: 600px){
#premium01 h2 br, #premium02 h2 br, #premium03 h2 br, #premium04 h2 br, #premium05 h2 br{
	display:none;
}
}
@media (max-width: 568px){
#premium01 h2, #premium02 h2, #premium03 h2, #premium04 h2, #premium05 h2{
    font-size: 20px;
}
#premium02 h2 span{
	font-size:18px;
}

.premium01 .left ul li.icon{
	margin:0 10px 10px 0;
	float:none;
}
.premium01 .left ul{
	margin:0 0 20px 0;

}
}
@media (max-width: 450px){
#premium01 h2, #premium02 h2, #premium03 h2, #premium04 h2, #premium05 h2{
	padding-left: 65px;
    margin-bottom: 30px;
}



}
@media (max-width: 414px){
#premium01 h3, #premium02 h3,.premium02 h3{
	font-size:16px;
}
}
@media (max-width: 375px){
#premium01 h2, #premium02 h2, #premium03 h2, #premium04 h2, #premium05 h2{
	padding-left: 45px;
    margin-bottom: 20px;
	font-size:18px;
}
.price{
	font-size:14px;
}
}
@media (max-width: 320px){
#premium01 h2, #premium02 h2, #premium03 h2, #premium04 h2, #premium05 h2{
	padding-left: 30px;
	font-size:16px;
}
}
@media (max-width: 450px){
.premium01_num img{
    width: 25%;
}
}

@media (max-width: 568px){
#premium01, #premium02, #premium03, #premium04, #premium05{
	padding:0 20px 20px 20px;
}
#winter_event dl{
	padding:0;
	margin:0 20px 40px 20px;
}
#winter_event h3{
	margin:0 20px 15px 20px;
}

}


@media (max-width: 842px){
#winter_event h3,#winter_event h3 span{
	font-size:16px;
}
}
@media (max-width: 898px){
#winter_event h3,#winter_event h3 span{
	line-height:18px;
}
}
@media (max-width: 375px){
#winter_event h3,#winter_event h3 span{
	font-size:13px;
}
.premium01 h3.line1,.premium01 h3.line2{
	padding-top:0;
}
}
@media (max-width: 800px){
#winter_event dt,#winter_event dd{
	float:none;
	width:100%;
}
#winter_event dt img{
	width:100%;
}
}











/* ------------------------
	other
------------------------ */
address{
	clear:both;
	text-align:center;
	margin:0 0 100px 0;
	font-style:normal;
	font-size:11px;
	padding:250px 0 0 0;
}
@media (max-width: 600px){
address{
	margin:0 0 50px 0;
	padding:200px 0 0 0;
}
}
@media (max-width: 414px){
address{
	margin:0 0 40px 0;
	padding:150px 0 0 0;
}
}
@media (max-width: 375px){
address{
	margin:0 0 30px 0;
	padding:100px 0 0 0;
}
}
@media (max-width: 414px){
#wrapper{
	padding-top:30px;
}
.wrap {
    margin: 0 15px 0 25px;
}
}
/* ----------------------------------------------------------------
    SNS
----------------------------------------------------------------- */
#snsBox {
	clear:both;
	padding:0 0 50px 0;
	position:relative;
	z-index:1000;
	overflow: visible;
	width:530px;
	margin:0 auto;
}
iframe.twitter-share-button {
	width:95px!important;
}

#___plusone_0{ width:65px !important; }

#snsBox {
	clear:both;
	overflow:visible;
	z-index:1000;
	position:relative;
	z-index:1000;
	width:290px;
	margin:0 auto;
	padding:0 0 0 55px;
}
#snsBox li{
	margin:0 12px 5px 0 !important;
	float: left;
}
.fb-like iframe {
    max-width: none!important;
}



#xmas_event{
	margin:0 0 30px 0;
	
}


.bottom_link{
	clear:both;
	margin:0 auto 40px auto;
	overflow:hidden;
	max-width:600px;
	
}
.bottom_link li{
	float:left;
}
.bottom_link li:nth-child(1){
	width:50%;
	margin-right:2%;
	margin-left:4%;
}
.bottom_link li:nth-child(2){
	width:40%;
	margin-right:4%;
}


.info{
	padding: 0 40px;
	clear: both;
	margin-bottom: 50px;
}
.info h3{
	background: #ee0000;
	padding: 4px 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.info p{
}

.info p strong{
	color: #ee0000;
}
@media (max-width: 600px){
.info{
	padding: 0 20px;
}
}