@charset "UTF-8";
.mb100 {
	margin-bottom:100px !important;
}
.mt50 {
	margin-top:50px !important;
}
.page_wrap {
	background:url(../image/common/bg.gif);
}

#top .title {
	z-index:10;
}
.icon-LAUGH {
	z-index: 40;
	position: absolute;
	right: 200px;
	top:80px;
	width: 108px
}
hr {
	background-color: #dddddd !important;
	color: #dddddd;
	margin-bottom:70px;
	height: 1px;
	border:none;
	clear:both;
}
footer {
	background-color:#678171;
	text-align:center;
	color:#ffffff;
	padding: 46px 0px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	letter-spacing:0.15em;
}
footer p {
	margin-bottom:22px;
}
footer .footerFontBig {
	font-size:24px;
}
footer .footerSnsLink {
	margin-bottom:22px;
}
footer .footerSnsLink li {
	display:inline-block;
}
.hidden-sp {
	display:none;
}
	
	
@media screen and (max-width:640px) {
.hidden-sp {
	display:block;
}
.hidden-pc {
	display:none;
}
.icon-LAUGH {
	z-index: 40;
	position: absolute;
	width:124px;
	height:60px;
	right: 20px;
	top:40px;
}
.icon-LAUGH img {
	width:100%;
}
footer {
	background-color:#678171;
	text-align:center;
	color:#ffffff;
	padding: 46px 0px;
	font-size:14px;
	line-height:28px;
	font-weight:normal;
	letter-spacing:0.15em;
}
}
#top .btn {
	z-index:20;
}

.topboytext {
	text-align:center;
	margin:50px auto 30px auto;
	max-width:725px;
}
.topboytext img {
	width:100%;
}
.topboytext02 {
	max-width:725px;
	text-align:center;
	margin:0px auto 30px auto;
	max-width:725px;
	color:#678271;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	letter-spacing:0.15em;
}
.readmorebox a{
	width:296px;
	display:block;
	color:#678271;
	border:2px solid #678271;
	background-color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:18px 0;
	text-align:center;
	margin:0 auto 72px auto;
	letter-spacing:0.1em;
}
.readmorebox a:hover{
	opacity:0.8;
}
	
@media screen and (max-width:640px) {
.topboytext img {
	width:96%;
}
.topboytext02 {
	width:95%;
	text-align:center;
	margin:30px auto 30px auto;
	max-width:725px;
	color:#678271;
	font-size:12px;
	font-weight:normal;
	line-height:26px;
	letter-spacing:0em;
}
}


#facebookBox {
	width:50%;
	text-align:center;
	float:left;
}
#facebookBox #facebook_photo {
	width:90%;
	margin: 0 auto;
}
#facebook_photo {
	position:relative;
}
#facebook_photo .facebook_img img {
	width:100%;
	height:auto;
}
.facebook_toumei {
	position:absolute;
	top:0;
	left:0;
}
.snsTitle {
	margin-top:30px;
	margin-bottom:20px;
}
.snsText {
	color:#678271;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	letter-spacing:0.15em;
	margin:0px auto 30px auto;
}
#blogBox {
	width:50%;
	text-align:center;
	float:left;
}
#blogBox #blog_photo {
	width:90%;
	margin: 0 auto;
}
#blog_photo {
	position:relative;
}
#blog_photo #topics img {
	width:100%;
	height:auto;
	
}
.blog_toumei {
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width:640px) {
#fb-album {
    width:100% !important;
	
}
.albumThumb {
	width:100% !important;
}
#facebookBox {
	width:100%;
	text-align:center;
	float:none;
}
#facebook_photo {
	width:90%;
	margin:0 auto;
}
#facebook_photo .facebook_img img {
	width:100%;
	height:auto;
}
#blogBox {
	width:100%;
	text-align:center;
	float:none;
}
#blog_photo {
	width:90%;
	margin:0 auto;
}

#blog_photo #topics img {
	width:100%;
	height:auto;
}
.facebookText img {
	width:95%;
}
.snsText {
	width:98%;
	text-align:center;
	margin:30px auto 30px auto;
	max-width:725px;
	color:#678271;
	font-size:12px;
	font-weight:normal;
	line-height:26px;
	letter-spacing:0em;
}
}
#messageImg li {
	width:33%;
	float:left;
	text-align:center;
}
#messageImg li img {
	width:80%;
	height:auto;
	
}
.messagetext {
	text-align:center;
	margin:0px auto 30px auto;
	max-width:1300px;
	color:#678271;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	letter-spacing:0.15em;
}
@media screen and (max-width:640px) {
.mb100 {
	margin-bottom:50px !important;
}

#messageImg li {
	width:90%;
	float:none;
	text-align:center;
	margin:0 auto;
}
#messageImg li img {
	width:100%;
	height:auto;
	
}
.messagetext {
	width:98%;
	text-align:center;
	margin:30px auto 30px auto;
	max-width:725px;
	color:#678271;
	font-size:12px;
	font-weight:normal;
	line-height:26px;
	letter-spacing:0em;
}
}
#shop_list02>.main {
	position: relative;
}
#shop_list02>.main .image li {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
#shop_list02>.main .image li:first-child {
	position: relative
}

#shop_list02>.main .image img {
	display: block;
	width: 100%
}
.messagetext01 {
	text-align:center;
	margin:50px auto 30px auto;
	width:286px !important;
}

.messagetext02 {
	text-align:center;
	margin:50px auto 30px auto;
	max-width:1077px;
}
.messagetext03 img {
	width:100%;
}
@media screen and (max-width:640px) {
.messagetext02 img {
	width:96%;
}
}
#price {
	width:620px;
	margin:46px auto 0px;
	text-align:center;
}
@media screen and (max-width:640px) {
#price {
	width:100%;
	text-align:center;
}
#price p {
	width:300px;
	text-align:center;
	margin:0 auto;
}
#price p img{
	width:100%;
}
}
.priceImgLeft {
	width:797px;
	float:left;
}
.priceImgRight {
	width:797px;
	float:right;
}
#priceImgBox figure.priceImg01, #priceImgBox figure.priceImg05 {
	margin:0px 6px 6px 0px;
	float:left;
}
#priceImgBox figure.priceImg02, #priceImgBox figure.priceImg06 {
	margin:0px 0px 6px 0px;
}
#priceImgBox figure.priceImg03 {
	margin:0px 0px 0px 0px;
	clear:left;
}
#priceImgBox figure.priceImg04 {
	margin:0px 0px 6px 0px;
}
	
#priceImgBox figure.priceImg01,
#priceImgBox figure.priceImg02,
#priceImgBox figure.priceImg05,
#priceImgBox figure.priceImg06 {
	position: relative;
	overflow: hidden;
	width: 395px;
	text-align:center;
	color:#ffffff;
}
#priceImgBox figure.priceImg03,
#priceImgBox figure.priceImg04 {
    position: relative;
	overflow: hidden;
	width: 797px;
	text-align:center;
	color:#ffffff;
}
#priceImgBox figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#priceImgBox figure:hover figcaption {
	opacity: 1;
}
#priceImgBox figcaption h3 {
	margin-top:25%;
	margin-bottom:3%;
}

@media screen and (max-width:1600px) {
.priceImgLeft {
	width:797px;
	float:none;
	margin:0 auto 6px;
}
.priceImgRight {
	width:797px;
	float:none;
	margin:0 auto;
}
}
@media screen and (max-width:797px) {
.priceImgLeft {
	width:320px;
	float:none;
	margin:0 auto 6px;
}
.priceImgRight {
	width:320px;
	float:none;
	margin:0 auto;
}
#priceImgBox figure.priceImg01, #priceImgBox figure.priceImg05 {
	margin:0px auto 6px;
	float:none;
}
#priceImgBox figure.priceImg02, #priceImgBox figure.priceImg06 {
	margin:0px auto 6px;
}
#priceImgBox figure.priceImg03 {
	margin:0px auto 6px;
	clear:left;
}
#priceImgBox figure.priceImg04 {
	margin:0px auto 6px;
}
#priceImgBox figure.priceImg01,
#priceImgBox figure.priceImg02,
#priceImgBox figure.priceImg05,
#priceImgBox figure.priceImg06 {
	position: relative;
	overflow: hidden;
	width: 320px;
	text-align:center;
	color:#ffffff;
}
#priceImgBox figure.priceImg03,
#priceImgBox figure.priceImg04 {
    position: relative;
	overflow: hidden;
	width: 320px;
	text-align:center;
	color:#ffffff;
}
#priceImgBox figure img {
	width:100%;
}
}