@charset "utf-8";
/* CSS Document */
#sub-wrapper{
	margin:0;
	padding:0;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		position:relative;
}
.grid3{
	overflow:hidden;
}
#sub-wrapper .grid3 .shopttl{
	padding:20px 10px 0;
	width:483px;
	height:226px;
}
.lunch .shopttl{
	background-image:url(images/ttlbg01.jpg);
}
.gift .shopttl{
	background-image:url(images/ttlbg02.jpg);
}
.bliss .shopttl{
	background-image:url(images/ttlbg03.jpg);
}
.sweets .shopttl{
	background-image:url(images/ttlbg04.jpg);
}
.grid3 .textarea{
	padding:8px;
	width:230px;
	height:230px;
	font-size:14px;
}
#sub-wrapper .lunch{
	background-image:url(images/lunchbg2.jpg);
	background-repeat:no-repeat;
	margin-top:11px;
}
#sub-wrapper .gift{
	background-image:url(images/giftbg2.jpg);
	background-repeat:no-repeat;
}
#sub-wrapper .bliss{
	background-image:url(images/blissbg2.jpg);
	background-repeat:no-repeat;
}
.lunch .toptext{
	height:101px;
	margin-bottom:11px;
	background-color:#888;
	padding:8px;
	font-size:14px;
}
.lunch .bottomtext{
	height:102px;
	background-color:#888;
	padding:8px;
	font-size:14px;
}
.lunch .textarea{
	background-color:#888;
}
.gift .textarea{
	background-color:#00A199;
}
.bliss .textarea{
	background-color:#E3BAA1;
}
.sweets .textarea{
	background-color:#E84D80;
}
.gift .inner{
	width:230px;
	height:230px;
	margin:11px 0 0;
}
.gift .inner2{
	width:246px;
	height:246px;
	margin:19px 0 0 -8px;
}
.grid3 address{
	margin:10px 0 3px;
	font-size:15px;
	text-decoration:none;
}
.grid3 h2{
	display:inline-block;
}
.grid3 a{
	color:#FFF;
}
.grid3 a:hover{
	opacity:0.7;
}
.grid3 .shopbtn{
	padding:5px 10px;
	border:solid 2px #FFF;
	display:inline-block;
	margin:3px 0 15px;
	font-size:14px;
}
.grid3 li{
	width:246px;
	height:246px;
	float:left;
	margin:0 11px 11px 0;
	color:#FFF;
}
#sub-wrapper .grid3 .last{
	margin-right:0;
}
.grid3 li.col2{
	width:503px;
}
.grid3 li.col3{
	width:744px;
	padding-left:8px;
	padding-right:8px;
}
.grid3 li.col3row2{
	width:744px;
	height:503px;
}
.grid3 li.row2{
	height:503px;
}
.grid3 .catch{
	font-size:19px;
}
/* triangle */
.tri01{
	position:absolute;
	left:503px;
	top:738px;
}
.tri02{
	position:absolute;
	left:246px;
	top:942px;
}
.tri03{
	position:absolute;
	left:503px;
	top:1067px;
}
.tri04{
	position:absolute;
	left:376px;
	top:1649px;
}
.tri05{
	position:absolute;
	left:115px;
	top:1651px;
}
.tri06{
	position:absolute;
	left:246px;
	top:2036px;
}
.tri07{
	position:absolute;
	right:123px;
	top:1906px;
}
.tri08{
	position:absolute;
	right:246px;
	top:2546px;
}
.tri09{
	position:absolute;
	left:246px;
	top:2803px;
}
.tri10{
	position:absolute;
	right:246px;
	top:3060px;
}
.tri11{
	position:absolute;
	left:246px;
	top:3060px;
}
.tri12{
	position:absolute;
	left:377px;
	bottom:102px;
}

/* SP版 */
#sp-wrapper .header{
	margin:20px auto 10px;
	width:80%;
}
#sp-wrapper .topsec{
	padding:5px 8px;
	margin:0 0 10px;
	font-size:1.1em;
}
#sp-wrapper .menu li{
	border-bottom:solid 1px #666;
	padding:9px 0 9px 5px;
}
#sp-wrapper .menu li:first-of-type{
	border-top:solid 1px #666;
}
#sp-wrapper .menu li.active{
	background-color:#666;
	color:#FFF;
}
#sp-wrapper address{
	color:#FFF;
	text-decoration:none;
	padding:8px;
}
#sp-wrapper .catch{
	font-size:1.3em;
}
#sp-wrapper .shopbtn{
	border:solid 1px #FFF;
	width:150px;
	padding:5px 10px;
	text-align:center;
	margin:0 auto;
}
#sp-wrapper a{
	text-decoration:none;
}

/* arrow */
#IconList1{
	position:relative;
}
#IconList1 p{
	color:#222222;
	text-decoration:none;
}
#IconList1 p:before { /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	background: #aaa;
}
#IconList1 p:after { /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 18px;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	background: #fff;
}
#IconList1 p:hover:after { /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #f9f9f9;
}
/* arrow end */

/* lunch */
#sp-wrapper .lunch article{
	background-color:#888;
	margin:15px 0;
}
#sp-wrapper .lunch .triangle{
    display: block;
    width: 0;
    height: 0;
	margin:-20px auto -15px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #888;
    border-left: 10px solid transparent;
}
#sp-wrapper article p{
	padding:8px;
	color:#FFF;
}
#sp-wrapper .lunch .shopdata{
	background-image:url(images/sp/lunchbg.jpg);
-moz-background-size:100% 100%;
background-size:100% 100%;
padding:0 0 10px;
}
#sp-wrapper .lunch .shopdata h2{
	width:45%;
	margin:0 auto;
	padding:10px 0;
}

/* gift */
#sp-wrapper .gift article{
	background-color:#00A199;
	margin:15px 0;
}
#sp-wrapper .gift .triangle{
    display: block;
    width: 0;
    height: 0;
	margin:-20px auto -15px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00A199;
    border-left: 10px solid transparent;
}

#sp-wrapper .gift .shopdata{
	background-image:url(images/sp/giftbg.jpg);
-moz-background-size:100% 100%;
background-size:100% 100%;
padding:0 0 10px;
}
#sp-wrapper .gift .shopdata h2{
	width:80%;
	margin:0 auto;
	padding:10px 0;
}

/* bliss */
#sp-wrapper .bliss article{
	background-color:#E3BAA1;
	margin:15px 0;
}
#sp-wrapper .bliss .triangle{
    display: block;
    width: 0;
    height: 0;
	margin:-20px auto -15px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E3BAA1;
    border-left: 10px solid transparent;
}
#sp-wrapper .bliss .trianglebottom{
    display: block;
    width: 0;
    height: 0;
	margin:-15px auto -20px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #E3BAA1;
    border-left: 10px solid transparent;
}


#sp-wrapper .bliss .shopdata{
	background-image:url(images/sp/blissbg.jpg);
-moz-background-size:100% 100%;
background-size:100% 100%;
padding:0 0 10px;
}
#sp-wrapper .bliss .shopdata h2{
	width:60%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
}

/* sweets */
#sp-wrapper .sweets article{
	background-color:#E84D80;
	margin:15px 0;
}
#sp-wrapper .sweets .triangle{
    display: block;
    width: 0;
    height: 0;
	margin:-20px auto -15px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E84D80;
    border-left: 10px solid transparent;
}

#sp-wrapper .sweets .shopdata{
	background-image:url(images/sp/sweetsbg.jpg);
-moz-background-size:100% 100%;
background-size:100% 100%;
padding:0 0 10px;
}
#sp-wrapper .sweets .shopdata h2{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
}