@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

li{
	list-style:none;
}

a{
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	color:#4d4d4d;
}

a:hover{
	opacity:0.7;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/

html{
	width:100%;
	height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
	line-height : 1.6;
	color:#000;
}

body{
	width:100%;
	height:100%;
	font-size:1.6rem;
	-webkit-text-size-adjust: 100%;
}

.bg-wrp{
	width:100%;
	height:100%;
	background-image:url(../img/bg01.png);
	background-repeat:repeat-x;
	background-size: 305px 49px;
	background-position:center 23px;
}

#wrp{
	width:950px;
	margin:0 auto;
	text-align: center;
	margin:0 auto;
}

header{
	padding-top:125px;
}

header h1 img{
	width:376px;
	height:auto;
	vertical-align:bottom;
}

.lead-wrp{
	padding-top:40px;
	margin-bottom:70px;
}

.lead-wrp h2{
	font-weight: bold;
	font-size:3.0rem;
	line-height:1.66;
	color:#f1523e;
	letter-spacing:0.1em;
	
}

.lead-wrp h2 span{
	background:url(../img/lead-bg.png) bottom left repeat-x;
}


.main-content{
	border-bottom:#E6E6E6 solid 2px;
	margin-bottom:60px;
}

.main-content  ul{
	width:950px;
	margin:0 auto 60px;
	font-size:0;
}

.main-content ul li{
	display:inline-block;
	vertical-align:top;
	font-size:1.3rem;
	width:290px;
	margin-right:40px;	
}

.main-content ul li:nth-child(3n){
	margin-right:0;
}

.main-content ul li a{
	text-decoration:none;
	display:block;
}

.main-content ul li .hdr{
	font-family: rockwell, sans-serif;
	font-weight:800;
	font-size:1.8rem;
	color:#f25e4b;
	letter-spacing:0.1rem;
	margin-bottom:10px;
}

.main-content ul li .hdr .floor-num{
	background-color:#F65136;
	font-size:1.5rem;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	text-align:center;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	width:32px;
	line-height:32px;
	margin-right:10px;
}

.main-content ul li img{
	vertical-align:bottom;
}

.main-content ul li .sp-ph{
	display:none;
}

.main-content ul li .txt{
	text-align:left;
	font-size:1.4rem;
	line-height:1.8;
	height:195px;
	padding-top:35px;
}

.main-content ul li .btn-shop{
	width:290px;
	height:98px;
	display:table;
	margin-bottom:10px;
	position:relative;
}

.main-content ul li .btn-shop a{
	display: table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	background-image:linear-gradient(-72deg, #f29473 50%, #f1a587 50%); /* -45deg で45度マイナス回転するので斜めになる */
	background-image:-webkit-linear-gradient(-72deg, #f29473 50%, #f1a587 50%);
	background-image:-moz-linear-gradient(-72deg, #f29473 50%, #f1a587 50%);
	background-image:-ms-linear-gradient(-72deg, #f29473 50%, #f1a587 50%);
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	padding-right:30px;
}

.main-content ul li .btn-shop a:after{
	content: '';
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    background: url(../img/btn-shop-arrow.png);
    background-size: 30px 30px;
	position:absolute;
	top:calc(50% - 15px);
	right:30px;
}

.main-content ul li .btn-novelty{
	width:290px;
	height:98px;
	display:table;
	position:relative;
}

.main-content ul li .btn-novelty a{
	background-color:#ccc;
	display: table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	background-image:linear-gradient(-72deg, #b7b7b7 50%, #c7c7c7 50%); /* -45deg で45度マイナス回転するので斜めになる */
	background-image:-webkit-linear-gradient(-72deg, #b7b7b7 50%, #c7c7c7 50%);
	background-image:-moz-linear-gradient(-72deg, #b7b7b7 50%, #c7c7c7 50%);
	background-image:-ms-linear-gradient(-72deg, #b7b7b7 50%, #c7c7c7 50%);
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	padding-right:30px;
}

.main-content ul li .btn-novelty a:after{
	content: '';
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    background: url(../img/btn-novelty-arrow.png);
    background-size: 30px 30px;
	position:absolute;
	top:calc(50% - 15px);
	right:30px;
}

.sp-link-section{
	display:none;
}

.pc-link-section{
	width:860px;
	margin:0 auto 105px;
}

.pc-link-section li:first-child{
	margin-bottom:40px;
}

.pc-link-section li img{
	width:100%;
	vertical-align:bottom;
}

/* footer */

footer{
	width:100%;
	text-align:center;
	padding:60px 0;
	background-color:#F7F6F1;
}

footer .sns-menu li{
	display:inline-block;
	padding:0 10px;
	vertical-align:bottom;
}

footer .sns-menu li img{
	height:27px;
	width:auto;
	vertical-align:bottom;
}

footer .sns-menu{
	margin-bottom:35px;
}

footer small{
	font-size:1.1rem;
	letter-spacing:1px;
	color:#6c6c6c;
	font-style:normal;
}


.totop{
	position:fixed;
	bottom:60px;
	right:60px;
}
	

/*------------------------------------------------
   Default
------------------------------------------------*/

/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

.ct01{color:#000;}
.ct02{color:#000;}
.ct03{color:#000;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}

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

@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */	

.bg-wrp{
	width:100%;
	height:100%;
	background-image:url(../img/bg01.png);
	background-repeat:repeat-x;
	background-size: auto 23px;
	background-position:center 10px;
}

#wrp{
	width:100%;
	margin:0 auto;
	text-align: center;
	padding:0 20px;
	box-sizing:border-box;
}

header{
	padding-top:60px;
}

header h1{
	line-height:1;
}

header h1 img{
	line-height:1;
	width:200px;
	height:auto;
	vertical-align:bottom;
}

.lead-wrp{
	padding-top:40px;
	margin-bottom:70px;
}

.lead-wrp h2{
	font-weight: bold;
	font-size:1.6rem;
	line-height:1.66;
	color:#f1523e;
	letter-spacing:0.1em;
	
}

.lead-wrp h2 span{
	background:url(../img/lead-bg.png) bottom left repeat-x;
	background-size:auto 9px;
}

.main-content{
	border-bottom:#E6E6E6 solid 2px;
	margin-bottom:50px;
}

.main-content  ul{
	width:100%;
	margin:0 auto 60px;
	font-size:0;
}

.main-content ul li{
	display:block;
	vertical-align:top;
	font-size:1.3rem;
	width:100%;
	margin-right:0;
	padding:0 20px;
	box-sizing:border-box;
}

.main-content ul li:not(:last-child) {
		margin-bottom:75px;
}

.main-content ul li a{
	text-decoration:none;
}

.main-content ul li .hdr{
	font-family: rockwell, sans-serif;
	font-weight:800;
	font-size:1.7rem;
	color:#f25e4b;
	letter-spacing:0.1rem;
	margin-bottom:10px;
}

.main-content ul li .hdr .floor-num{
	background-color:#F65136;
	font-size:1.5rem;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	text-align:center;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	width:32px;
	line-height:32px;
	margin-right:10px;
}

.main-content ul li img{
	vertical-align:bottom;
}

.main-content ul li .pc-ph{
	display:none;
}

.main-content ul li .sp-ph{
	display: block;
	padding:0;
}

.main-content ul li .sp-ph img{
	max-width:100%;
	width:100%;
	height:auto;
}

.main-content ul li .txt{
	text-align:left;
	font-size:1.2rem;
	line-height:2.1;
	height: auto;
	padding:15px 0 0;
	margin-bottom:40px;
}

.main-content ul li .btn-shop{
	width:100%;
	height: auto;
	display: block;
	position:relative;
	margin-bottom:10px;
}

.main-content ul li .btn-shop:before{
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-top:15.873%;
}

.main-content ul li .btn-shop a{
	position:absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	width:100%;
	height:100%;
	background-image:linear-gradient(-81deg, #f29473 50%, #f1a587 50%); /* -45deg で45度マイナス回転するので斜めになる */
	background-image:-webkit-linear-gradient(-81deg, #f29473 50%, #f1a587 50%);
	background-image:-moz-linear-gradient(-81deg, #f29473 50%, #f1a587 50%);
	background-image:-ms-linear-gradient(-81deg, #f29473 50%, #f1a587 50%);
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	padding-right:0;
	box-sizing:border-box;
	
	display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;

}

.main-content ul li .btn-shop a:after{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background: url(../img/btn-shop-arrow.png);
    background-size: 20px 20px;
	position:absolute;
	top:calc(50% - 10px);
	right:15px;
}

.main-content ul li .btn-shop a span{
	display: contents;
	vertical-align:middle;
	width:100%;
	height:100%;
}

.main-content ul li .btn-shop br{
	display:none;
}

.main-content ul li .btn-novelty{
	width:100%;
	height: auto;
	display: block;
	position:relative;
}

.main-content ul li .btn-novelty:before{
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-top:15.873%;
}

.main-content ul li .btn-novelty a{
	position:absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	width:100%;
	height:100%;
	vertical-align:middle;
	background-image:linear-gradient(-81deg, #b7b7b7 50%, #c7c7c7 50%); /* -45deg で45度マイナス回転するので斜めになる */
	background-image:-webkit-linear-gradient(-81deg, #b7b7b7 50%, #c7c7c7 50%);
	background-image:-moz-linear-gradient(-81deg, #b7b7b7 50%, #c7c7c7 50%);
	background-image:-ms-linear-gradient(-81deg, #b7b7b7 50%, #c7c7c7 50%);
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	padding-right:0;
	box-sizing:border-box;
	
	display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
}

.main-content ul li .btn-novelty a:after{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background: url(../img/btn-novelty-arrow.png);
    background-size: 20px 20px;
	position:absolute;
	top:calc(50% - 10px);
	right:15px;
}

.main-content ul li .btn-novelty a span{
	display: contents;
	vertical-align:middle;
	width:100%;
	height:100%;
}

.main-content ul li .btn-novelty br{
	display:none;
}

.sp-link-section{
	display:block;
	margin-bottom:55px;
}

.pc-link-section{
	display:none;
}

.sp-link-section li{
	position:relative;
}

.sp-link-section li img{
	width:100%;
	max-width:100%;
	height:auto;
	line-height:1;
	vertical-align: bottom;
}

.sp-link-section li:not(:last-child){
	margin-bottom:20px;
}

.sp-link-section li a:after{
	content:"";
	height:33px;
	width:33px;
	background-repeat:no-repeat;
	background-size:33px 33px;
	background-position:top left;
	position:absolute;
	right:-15px;
	top:calc(50% - 16.5px);
}

.sp-link-section li:first-child a:after{
	background-image:url(../img/sp-linksec-btn01-arrow.png);
}

.sp-link-section li:nth-child(2) a:after{
	background-image:url(../img/sp-linksec-btn02-arrow.png);
}

/* footer */

footer{
	width:100%;
	text-align:center;
	padding:35px 0;
	background-color:#F7F6F1;
}

footer .sns-menu li{
	display:inline-block;
	padding:0 15px;
	vertical-align:bottom;
}

footer .sns-menu li img{
	height:25px;
	width:auto;
	vertical-align:bottom;
}

footer .sns-menu{
	margin-bottom:20px;
}

footer small{
	font-size:1.0rem;
	letter-spacing:1px;
	color:#6c6c6c;
	font-style:normal;
}


.totop{
	position:fixed;
	bottom:40px;
	right:20px;
}

.totop img{
	width:40px;
	height:auto;
}
	


}