@charset "UTF-8";

/* iPhone5 縦 */
@media only screen
	and (min-device-width:320px) 
	and (max-device-width:568px) {

/* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:80px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	display:none;
}

/* Point */

div#point_wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:90%;
	height:200px;
	margin:10px 0;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:205px;
	height:20px;
	margin:0 0 0 -100px;
	padding:4px;
	position:absolute;
	bottom:5px;
	left:50%;
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	margin-left:6px;
	font-size:110%;
}

/* Lineup List */

div.all_area{
	width:96%;
	margin:20px auto 0;
    padding:10px 0; 
    overflow: hidden;
}
	
div.all_area{
	width:96%;
	margin:40px auto 0;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:30%;
	height:40px;
	list-style: none;
	margin:2px;
	padding:6px 0 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:87.5%;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}




.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
}

content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:24px;
	margin:10px auto;
	padding:4px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:28px;
	margin:10px auto;
	padding:0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}


/* Information */

div.information{
	width:96%;
	margin:20px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:160%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}

dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0;
}

dl.news_list dt span{
	margin:0 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:80%;
	border-bottom:1px dotted #CCC;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


	}
	
	
/* iPhone6 縦 */
@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : portrait) { 
 
 /* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:80px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	display:none;
}

/* Point */

div#point_wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:90%;
	height:200px;
	margin:10px 0;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:205px;
	height:20px;
	margin:0 0 0 -100px;
	padding:4px;
	position:absolute;
	bottom:5px;
	left:50%;
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	margin-left:6px;
	font-size:110%;
}

/* Lineup List */

div.all_area{
	width:96%;
	margin:20px auto 0;
    padding:10px 0; 
    overflow: hidden;
}
	
div.all_area{
	width:96%;
	margin:40px auto 0;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:30%;
	height:40px;
	list-style: none;
	margin:2px;
	padding:6px 0 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:87.5%;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}




.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
}

content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:24px;
	margin:10px auto;
	padding:4px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:28px;
	margin:10px auto;
	padding:0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}


/* Information */

div.information{
	width:96%;
	margin:20px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:160%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}

dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0;
}

dl.news_list dt span{
	margin:0 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:80%;
	border-bottom:1px dotted #CCC;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}

 
 }
 
 
 
 /* iPhone6+ 縦 */
@media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : portrait) {

/* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:80px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	display:none;
}

/* Point */

div#point_wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:90%;
	height:200px;
	margin:10px 0;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:205px;
	height:20px;
	margin:0 0 0 -100px;
	padding:4px;
	position:absolute;
	bottom:5px;
	left:50%;
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	margin-left:6px;
	font-size:110%;
}

/* Lineup List */

div.all_area{
	width:96%;
	margin:20px auto 0;
    padding:10px 0; 
    overflow: hidden;
}
	
div.all_area{
	width:96%;
	margin:40px auto 0;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:30%;
	height:40px;
	list-style: none;
	margin:2px;
	padding:6px 0 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:87.5%;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}




.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
}

content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:24px;
	margin:10px auto;
	padding:4px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:28px;
	margin:10px auto;
	padding:0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}


/* Information */

div.information{
	width:96%;
	margin:20px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:160%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}

dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0;
}

dl.news_list dt span{
	margin:0 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:80%;
	border-bottom:1px dotted #CCC;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}



 }
 
 
 /* iPhone 6 デバイスが横置きのとき (landscape: 高さより幅が広い表示) */
@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : landscape) { 
 
 /* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:80px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	display:none;
}

/* Point */

div#point_wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:90%;
	height:200px;
	margin:10px 0;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:205px;
	height:20px;
	margin:0 0 0 -100px;
	padding:4px;
	position:absolute;
	bottom:5px;
	left:50%;
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	margin-left:6px;
	font-size:110%;
}

/* Lineup List */

div.all_area{
	width:96%;
	margin:20px auto 0;
    padding:10px 0; 
    overflow: hidden;
}
	
div.all_area{
	width:96%;
	margin:40px auto 0;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:30%;
	height:40px;
	list-style: none;
	margin:2px;
	padding:6px 0 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:87.5%;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}




.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
}

content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:24px;
	margin:10px auto;
	padding:4px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:28px;
	margin:10px auto;
	padding:0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}


/* Information */

div.information{
	width:96%;
	margin:20px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:160%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}

dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0;
}

dl.news_list dt span{
	margin:0 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:80%;
	border-bottom:1px dotted #CCC;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}

 
 
 }
 
 
 
  
 /* iPhone 6+ がデバイスが横置きのとき (landscape: 高さより幅が広い表示) */
 @media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : landscape) { 
 
 
 /* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:80px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	display:none;
}

/* Point */

div#point_wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:90%;
	height:200px;
	margin:10px 0;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:205px;
	height:20px;
	margin:0 0 0 -100px;
	padding:4px;
	position:absolute;
	bottom:5px;
	left:50%;
	border:1px solid #CCC;
	background-color:#EFEFEF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	margin-left:6px;
	font-size:110%;
}

/* Lineup List */

div.all_area{
	width:96%;
	margin:20px auto 0;
    padding:10px 0; 
    overflow: hidden;
}
	
div.all_area{
	width:96%;
	margin:40px auto 0;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:30%;
	height:40px;
	list-style: none;
	margin:2px;
	padding:6px 0 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:87.5%;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}




.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
}

content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:24px;
	margin:10px auto;
	padding:4px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:28px;
	margin:10px auto;
	padding:0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}


/* Information */

div.information{
	width:96%;
	margin:20px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:160%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}

dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0;
}

dl.news_list dt span{
	margin:0 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:80%;
	border-bottom:1px dotted #CCC;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}

 
 
 }


/* Start PC */
@media screen and (min-width:1024px){
	
/* Slide Show */

div#slide_wrapper{
	z-index:999;
	width:100%;
	margin:180px auto 0;
	padding:0;
	overflow:hidden;
}


/* Banner */

section.banner{
	width:100%;
	height:140px;
	background-color:#FAE4F9;
	margin:30px auto;
	padding:0;
}

.banner ul{
	margin:0 auto;
	padding:10px 0 0;
	text-align:center;
}

.banner li{
	margin:0 5px;
	padding:0;
	display:inline-block;
	list-style:none;
}


/* Point */

div#point_wrapper{
	width:1160px;
	margin:40px auto 0;
	padding:0;
	text-align:center;
}

div.point_box{
	width:250px;
	height:270px;
	margin:0 15px;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
	background-color:#F7F6E2;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
}

div.point_box h3{
	margin:0;
	padding:65px 0 0 0;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	text-align:center;
	color:#F39800;
}

div.point_box h3.eye{
	background:url(../images/top/eye_check.png) no-repeat center 0;
}

div.point_box h3.melsplan{
	background:url(../images/top/melsplan.png) no-repeat center 0;
}

div.point_box h3.contact{
	background:url(../images/top/contact.png) no-repeat center 0;
}

div.point_box h3.station{
	background:url(../images/top/station.png) no-repeat center 0;
}

div.point_box p{
	margin:0;
	padding:0 15px;
	position:absolute;
	top:105px;
	left:0;
	right:0;
	text-align:center;
}

div.point_box .button{
	width:200px;
	height:26px;
	margin:0 auto;
	padding:0;
	position:absolute;
	bottom:8px;
	left:25px;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.point_box .button a{
	color:#FFF;
}

div.point_box .button a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#FFF;
	margin-left:6px;
}


/* Lineup List */

div.all_area{
	width:1160px;
	margin:40px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.all_area h3{
	font-size:200%;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.all_area h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}
	
ul.tab_area{
	width:100%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
   	list-style: none;
   	display:inline-block;
	padding:4px 4px 3px 3px;
	margin:0 auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer; 
    }
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:5px 10px 10px;  
    border-top: 3px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	width:1100px;
	line-height:140%;
	margin:0 auto;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.swiper-container {
        width: 100%;
        margin: 10px auto;
		padding:0;
}
.swiper-slide {
        text-align: center;
        background: #fff;
        margin:0;
		padding:0;
        /* Center slide text vertically */
}


.content_area img{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.content_area h4{
	margin:0;
	padding:0;
	text-align:center;
	font-size:110%;
}

.content_area h4 span{
	font-size:80%;
	font-weight:normal;
	color:#999;
}

.swiper-slide p{
	margin:0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:160px;
	height:25px;
	margin:10px auto;
	padding:3px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.detail_btn a{
	color:#FFF;
}

.swiper-slide div.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

.swiper-slide div.coupon_btn{
	width:160px;
	height:25px;
	margin:10px auto;
	padding:3px 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.swiper-slide div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}


.swiper-slide div.coupon_btn a{
	color:#FFF;
}

/* Information */

div.information{
	width:1160px;
	margin:40px auto 20px;
	padding:0 0 30px 0;
	position:relative;
}

div.information h3{
	font-size:200%;
	text-align:center;
	margin:0;
	padding:0;
	color:#F39800;
	line-height:70%;
}

div.information h3 span{
	font-size:50%;
	color:#454545;
	font-weight:normal;
}


p.more{
	margin:0;
	padding:6px 13px;
	position:absolute;
	bottom:0;
	right:16px;
	border:3px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#FFF;
	font-size:76%;
	line-height:140%;
}

p.more a:after{
	font-family: FontAwesome;
	content: '\f152';
	color:#006699;
	margin-left:8px;
}


dl.news_list {
	margin:0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	float:left;
	clear:both;
}

dl.news_list dt span{
	width:100px;
	margin:4px 10px 0 0;
	padding:0;
	float:left;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
	text-align:center;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:10px 0 0 0;
	padding:0 0 10px 230px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}




}