@charset 'UTF-8';

/* fonts */
@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);


/**/
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body {
    font-family: 
    	Lato,
    	"Noto Sans JP",
    	"游ゴシック Medium",
    	"游ゴシック体",
    	"Yu Gothic Medium",
    	YuGothic,
    	"ヒラギノ角ゴ ProN",
    	"Hiragino Kaku Gothic ProN",
    	"メイリオ",
    	Meiryo,
    	"ＭＳ Ｐゴシック",
    	"MS PGothic",
    	sans-serif;
    font-size:14px;
    color: #000;
}

button, input, select, textarea {
	font-family:inherit;
	font-size:inherit;
}
/* setting */

.clearfix:after {
	content:'';
	display:block;
	clear:both;
}

.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}

.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}

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

.txc {
	text-align:center;
}
.txl {
	text-align:left;
}
.txr {
	text-align:right;
}

/* common */

.container {
	width:95%;
	margin:0 auto;
	max-width:960px;
}

.fb-like {
	display:inline-block !important;
	vertical-align:middle;
}

/* responsive */
@media screen and (min-width:769px){
.sp {
	display:none;
}
}

@media screen and (max-width:768px){
.pc {
	display:none;
}
}

/* style */



a {
    color: #ff6600;
    text-decoration: none;
}


th {
    font-weight: bold;
    text-align: center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

.search-filter{
	background:url(/images/stroke.png);
	padding:5px;	
}

h3.search-title{
	font-size:14px;
	font-weight:bold;
}

h3.search-title{
	margin:0;
	padding:0 0 5px 5px;
	color:#562014;
}

.filter,
dl.filter dt,
dl.filter dd{
	margin:0;
	padding:0
}

dl.filter{
	position:relative;
}

.filter a{
	display:block;
	padding:0 3px;
}

dl.filter dt a{
	padding:0 10px;
}

p.filter a,
dl.filter{
	float:left;
	margin:0 5px 5px 0;
}

p.filter a,
dl.filter dt a{
	background:#f28383;
	box-shadow: 0px 0px 3px #f8c2c2;
	color: #fff;
	border-radius: 5px;
	text-align:center;
}

dl.filter dd{
	display:none;
	position:absolute;
    white-space:nowrap;
	background:#fff;
	padding:5px;
	margin:0 0 0 -5px;
	z-index:100;
}

dl.filter dd a{
	color:#562014;
}

.filter a:hover{
	text-decoration:none;
	background:#fb8718;
	color:#fff;
}

/***************************************************
 * トップページ
 ***************************************************/
/* 検索フォーム */
div#search div.submit{
	float:right;
}

div#search div.submit a{
	display: block;
}
div#search div.keywordBox {
	float:left;
	width:210px;
	padding:0 0 0 1px;
}

div#search div.keywordBox input#keyword_input{
	width:200px;
	font-size: 11px;
	margin:5px 0;
	color:#5f5f5f;
	padding:0 5px;
	cursor: default;
}

div#search div.area,
div#search div.genre{
	float:left;
	padding:0 14px 0 1px;
}


#column1 div#search{
	background: url(/images/search01.png) left center no-repeat #bfdf89;
	height:40px;
	padding:0 0 0 60px;
	margin:0 0 10px 0;
}

#column1 div#search div.area,
#column1 div#search div.genre{
	width:180px;
	background: url(/images/search03.png) right center no-repeat;
}


#column1 div#search .easy-select-box{
	width:180px;
	font-size: 11px;
	margin:5px 0;
}

#column1 div#search .easy-select-box .esb-displayer{
	background: url(/images/search02.png) 160px 0 no-repeat #FFF;
	height:28px;
	line-height:28px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;	
}

#column1 div#search .easy-select-box:hover .esb-displayer{
	background-position: 160px -30px;
}

#column1 div#search div.keywordBox input#keyword_input{
	height:28px;
	line-height:28px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;	
}

#column1 div#search div.submit a{
	width: 74px;
	height: 40px;
	text-indent: -9999px;
	background: url("/images/search04.png") no-repeat right top;
}

#column1 div#search div.submit a:hover{
	background-position: right bottom;
}


/* エリアから探す */
div#alpha-top{
	width:750px;
	/position:relative;
	/z-index: 1;
}

#areamap{
	background:url(/images/chiba-map.jpg) center center no-repeat;
	width:300px;
	height:340px;
	float:left;
}

.maptitle{
	margin:10px 0 0 10px;
}

dl#areanavi {
	list-style: none;
	margin: -28px 0 0 0;
	padding: 0;
	width:300px;
	height:340x;
	position: relative;

}
dl#areanavi dt {
	position:absolute;
	margin: 0;
	padding: 0;
	z-index:50;
}

dl#areanavi dt.area1 {
	top:45px;
	left:20px;
	
}

dl#areanavi dt.area2 {
	top:55px;
	left:120px;
}

dl#areanavi dt.area3 {
	top:100px;
	left:15px;
}

dl#areanavi dt.area4 {
	top:130px;
	left:190px;
}

dl#areanavi dt.area5 {
	top:150px;
	left:60px;
}

dl#areanavi dt.area6 {
	top:210px;
	left:15px;
}

dl#areanavi dt.area7 {
	top:230px;
	left:170px;
}

dl#areanavi dt.area8 {
	top:290px;
	left:100px;
}

dl#areanavi dt.area9 {
	top:290px;
	right:10px;
}

dl#areanavi dt a{
	display: block;
	background: url(/images/clear.png);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	text-decoration:none;
	color:#572f14;
	text-align:center;
	font-weight:bold;
	padding:3px 10px;
}


dl#areanavi dt a:hover{
	background: url(/images/blue.png);
	color:#fff;
}

dl#areanavi dd {
	display:block;
	width:95px;
	position: absolute;
	display: none;
	background:#fff;
	z-index:100;
	margin-left:40px;
}

dl#areanavi dd.area1 {
	top:87px;
	left:0;
}

dl#areanavi dd.area2 {
	width:120px;
	top:97px;
	left:100px;
}

dl#areanavi dd.area3 {
	top:142px;
	left:-15px;
}

dl#areanavi dd.area4 {
	top:172px;
	left:160px
}

dl#areanavi dd.area5 {
	top:192px;
	left:30px;
}

dl#areanavi dd.area6 {
	top:252px;
	left:-15px;
}

dl#areanavi dd.area7 {
	top:272px;
	left:140px;
}

dl#areanavi dd.area8 {
	top:332px;
	left:70px;
}

dl#areanavi dd.area9 {
	top:332px;
	right:-27px;
}

dl#areanavi dd a {
	display:block;
	line-height:15px;
	color:#572f14;
	font-size:12px;
	padding:2px 5px;
	text-decoration:none;
}

dl#areanavi dd a{
	/float:none;
}


dl#areanavi dd a.areaall {
	color:#c54f00;
	text-decoration:underline;

}

dl#areanavi dd a:hover {
	background:#4a79b1;
	color:#fff;
}

dl#areanavi dd a.areaall:hover {
	background:#c54f00;
	color:#fff;
	text-decoration:none;

}


/* バナー（小）*/

#sp-banner{
	float:left;
	width:430px;
	height:130px;
	margin:0 0 0 10px;
}

#sp-banner p.img {
	float:left;
	width:134px;
	height:126px;
	padding:1px;
	border:solid 1px #ccc;
	margin:0 5px 0 0;
}

#sp-banner p.last{
	margin:0;
}

#sp-banner a {
	display:block;
	background-color:#fff;
}

#sp-banner img{
	width:136px;
	height:126px;
}


/* ピックアップ */

h3.pickup-title{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:3px;
}

#pickup h2.title{
	background-image:url(/images/title-pickup.png);
}

#pickup ul{
	padding:0;
}

/*IE 7,6*/

#pickup ul {
	/* width: 750px; */
}


#pickup li.pickup-shop{
	list-style:none;
	width:138px;
	height:215px;
	float:left;
	margin:0 10px 0 0;
	overflow: hidden;
	border:1px solid #CCC;
}

#pickup li.pickup-shop:last-child{
	margin:0;
}

#pickup li.pickup-shop p.pickup-tag{
	color:#fff;
	font-size:11px;
	padding:1px;
}

#pickup li.myhome p.pickup-tag{
	background:#b67f1b;
}

#pickup li.school p.pickup-tag{
	background:#1eb9ee;
}

#pickup li.gourmet p.pickup-tag{
	background:#f08337;
}

#pickup li.hair p.pickup-tag{
	background:#e73156;
}

#pickup li.nail p.pickup-tag{
	background:#eb6ea5;
}

#pickup li.eye p.pickup-tag{
	background:#e95378;
}

#pickup li.relaxation p.pickup-tag{
	background:#6eb92c;
}

#pickup li.aesthetic p.pickup-tag{
	background:#b964a4;
}

#pickup li.clinic p.pickup-tag{
	background:#227fc4;
}

#pickup li.bridal p.pickup-tag{
	background:#00aeba;
}

#pickup li.life p.pickup-tag{
	background:#06a447;
}

#pickup li.other p.pickup-tag{
	background:#fbb03b;
}

li.pickup-shop p.pickup-area{
	text-align:right;
	padding:0 5px;
	font-size:11px;
	margin:0 0 1px 0;
}


li.pickup-shop p.mainimg{
	display:block;
	text-align:center;
	padding:0;
}

#pickup li.myhome p.pickup-area,
#pickup li.myhome h3.pickup-title a{
	color:#b67f1b;
}

#pickup li.school p.pickup-area,
#pickup li.school h3.pickup-title a{
	color:#1eb9ee;
}

#pickup li.gourmet p.pickup-area,
#pickup li.gourmet h3.pickup-title a{
	color:#f08337;
}

#pickup li.hair p.pickup-area,
#pickup li.hair h3.pickup-title a{
	color:#e73156;
}

#pickup li.nail p.pickup-area,
#pickup li.nail h3.pickup-title a{
	color:#eb6ea5;
}

#pickup li.eye p.pickup-area,
#pickup li.eye h3.pickup-title a{
	color:#e95378;
}

#pickup li.relaxation p.pickup-area,
#pickup li.relaxation h3.pickup-title a{
	color:#6eb92c;
}

#pickup li.aesthetic p.pickup-area,
#pickup li.aesthetic h3.pickup-title a{
	color:#b964a4;
}

#pickup li.clinic p.pickup-area,
#pickup li.clinic h3.pickup-title a{
	color:#227fc4;
}

#pickup li.bridal p.pickup-area,
#pickup li.bridal h3.pickup-title a{
	color:#00aeba;
}

#pickup li.life p.pickup-area,
#pickup li.life h3.pickup-title a{
	color:#06a447;
}

#pickup li.other p.pickup-area,
#pickup li.other h3.pickup-title a{
	color:#fbb03b;
}

li.pickup-shop p.text{
	margin:3px;
	padding:0;
}


/* ジャンル検索 */
/*genre-search*/
#genre-search h2.title{
	background-image: url(/images/title-genre.png);
}

#genre-search ul{
	padding:0;
}

/*IE 7.6*/
#genre-search ul { /width: 750px; }

#genre-search li.genre-list{
	list-style:none;
	width:240px;
	height:140px;
	float:left;
	margin:0 10px 0 0;
	cursor:pointer;	
}

#genre-search li.genre-list:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";

}

#genre-search li.genre-list:last-child{
	margin:0;
}

li.genre-list h3.genre-title a{
	display:block;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	border-bottom: 3px solid;
	margin:0 0 5px 0;
	background: left top no-repeat;
	padding:5px 0 2px 22px;
}

li.genre-list h3.genre-title a:hover{
	text-decoration:none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

li.genre-list h3.myhome a {
	color:#b67f1b;
	border-bottom-color:#b67f1b;
	background-image: url(/images/icon20-myhome.png);
}

li.genre-list h3.school a {
	color:#1eb9ee;
	border-bottom-color:#1eb9ee;
	background-image: url(/images/icon20-school.png);
}

li.genre-list h3.gourmet a {
	color:#f08337;
	border-bottom-color:#f08337;
	background-image: url(/images/icon20-gourmet.png);
}

li.genre-list h3.hair a {
	color:#e73156;
	border-bottom-color:#e73156;
	background-image: url(/images/icon20-hair.png);
}

li.genre-list h3.nail a {
	color:#eb6ea5;
	border-bottom-color:#eb6ea5;
	background-image: url(/images/icon20-nail.png);
}

li.genre-list h3.eye a {
	color:#e95378;
	border-bottom-color:#e95378;
	background-image: url(/images/icon20-eye.png);
}

li.genre-list h3.relaxation a {
	color:#6eb92c;
	border-bottom-color:#6eb92c;
	background-image: url(/images/icon20-relaxation.png);
}

li.genre-list h3.aesthetic a {
	color:#b964a4;
	border-bottom-color:#b964a4;
	background-image: url(/images/icon20-aesthetic.png);
}

li.genre-list h3.clinic a {
	color:#227fc4;
	border-bottom-color:#227fc4;
	background-image: url(/images/icon20-clinic.png);
}

li.genre-list h3.bridal a {
	color:#00aeba;
	border-bottom-color:#00aeba;
	background-image: url(/images/icon20-bridal.png);
}

li.genre-list h3.life a {
	color:#06a447;
	border-bottom-color:#06a447;
	background-image: url(/images/icon20-life.png);
}

li.genre-list p.img{
	float:left;
	margin:0 5px 0 0;
}

li.genre-list p.text{
	font-size:11px;
}


/***************************************************
 * ジャンル検索ページ
 ***************************************************/
/* 検索フォーム */
#genre-search-pc #genre-search ul{
	margin:0;
	padding:0;
	text-align:center;
}

#genre-search-pc #genre-search li.genre-list{
	list-style:none;
	display:inline-block;
	width:176px;
	margin:3px;
	padding:1px;
	border: 1px solid #eee;
	height:auto !important;
	float:none;
}

#genre-search-pc #genre-search li.genre-list a{
	display:block;
}

#genre-search-pc li.genre-list h3.genre-title{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 0;
	background:none;
	border:none;
}

#genre-search-pc li.genre-list h3.myhome{
	color:#b67f1b;
}

#genre-search-pc li.genre-list h3.school{
	color:#1eb9ee;
}

#genre-search-pc li.genre-list h3.gourmet{
	color:#f08337;
}

#genre-search-pc li.genre-list h3.hair{
	color:#e73156;
}

#genre-search-pc li.genre-list h3.nail{
	color:#eb6ea5;
}

#genre-search-pc li.genre-list h3.eye{
	color:#e95378;
}

#genre-search-pc li.genre-list h3.relaxation{
	color:#6eb92c;
}

#genre-search-pc li.genre-list h3.aesthetic{
	color:#b964a4;
}

#genre-search-pc li.genre-list h3.clinic{
	color:#227fc4;
}

#genre-search-pc li.genre-list h3.bridal{
	color:#00aeba;
}

#genre-search-pc li.genre-list h3.life{
	color:#06a447;
}

#genre-search-pc li.genre-list span.img{
	text-align:center;
}

#genre-search-pc li.genre-list span.img img{
	width:176px;
	height:176px;
}


/* 一覧リスト */
h2.search-title{
	height:35px;
	text-indent:-9999px;
	background: left center no-repeat;
	margin: 20px 0 10px 0;
}

h3.shop-title{
	font-size:16px;
	font-weight:bold;
}

h4.catch{
	font-size:14px;
	font-weight:bold;
}


p.number{
	text-align:right;
}

p.number span{
	padding: 0 3px;
	font-size:18px;
	font-weight:bold;
}

#search-page h2#myhome{
	background-image: url(/images/title-myhome.png);
}

#search-page h2#school{
	background-image: url(/images/title-school.png);
}

#search-page h2#gourmet{
	background-image: url(/images/title-gourmet.png);
}

#search-page h2#hair{
	background-image: url(/images/title-hair.png);
}

#search-page h2#nail{
	background-image: url(/images/title-nail.png);
}

#search-page h2#eye{
	background-image: url(/images/title-eye.png);
}

#search-page h2#relaxation{
	background-image: url(/images/title-relaxation.png);
}

#search-page h2#aesthetic{
	background-image: url(/images/title-aesthetic.png);
}

#search-page h2#clinic{
	background-image: url(/images/title-clinic.png);
}

#search-page h2#bridal{
	background-image: url(/images/title-bridal.png);
}

#search-page h2#life{
	background-image: url(/images/title-life.png);
}

#search-page h2#other{
	background-image: url(/images/title-other.png);
	text-indent: 35px;
}



#shop-list .parts{
	border:1px solid #593e2c;
}

#shop-list .shop-list-head{
	border-bottom:1px solid #593e2c;
	background:#9d765c;
}

#shop-list .shop-title a{
	float:left;
	color:#fff;
	margin:3px 5px;
}

#shop-list a.shop-title-coupon{
	float:left;
	color:#fff;
	padding:3px 1px 1px 1px;
	border: 1px #fff solid;
	background:#fb8718;
	margin:7px 5px;
	font-size:11px;
	line-height:11px;
	text-decoration:none
}

#shop-list a.shop-title-coupon:hover{
	background:#fcb064;
}


#shop-list .shop-list-head span{
	float:right;
	color:#fff;
	margin:7px 5px;
}


#shop-list .shop-list-body{
	padding:5px;
}

#shop-list .shop-list-body .img{
	float:left;
	margin:0 5px 0 0;
}

#shop-list .shop-list-info{
}

#shop-list .shop-list-info p.text{
	max-height:67px;
	height:auto !important;
	white-space:normal;
	overflow:hidden;
}

#shop-list .shop-list-info .moretext{
	border-bottom:1px dotted #fb8718;
	margin:0 0 5px 0;
	width:443px;
	float:right;
}

#shop-list table{
	width:443px;
	float:right;
}

#shop-list th{
	background:#9d765c;
	color:#fff;
	border-bottom:1px solid #dec8b9;
	padding:2px 10px;
	width:100px;
}

#shop-list td{
	border-bottom:1px solid #dec8b9;
	padding:0 0 0 10px;

}


#shop-list .shop-list-foot ul{
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}

#shop-list .shop-list-foot li{
	display: inline-block;
	line-height:10px;
	margin: 2px 0 5px 5px;
	border:1px solid #593e2c;
}

#shop-list .shop-list-foot li span{
	display: inline-block;
	padding:3px 3px 2px 3px;
	color:#593e2c;
}

#shop-list .shop-list-foot li a:hover{
	background:#593e2c;
	color:#fff;
	text-decoration:none;
}

#shop-list .shop-list-foot .moreshop{
	float:right;
}

#shop-list .shop-list-foot .moreshop a{
	display:block;
	background:url(/images/orange.png) left center no-repeat;
	padding: 2px 5px 2px 18px;
	margin: 0 5px 5px 5px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

#shop-list .shop-list-foot .moreshop a:hover{
	background:url(/images/orange.png) -150px center no-repeat;
}



/***************************************************
 * エリア検索ページ
 ***************************************************/
#area-search h2.title{
	background-image:url(/images/title-area.png);
}

#areanavi-list{
	padding: 0;
	margin:0 15px 10px;
	border: 1px solid #fbb03b;
	border-radius:7px;
}

#areanavi-list dt{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fbb03b;
}

#areanavi-list dt.p_area8{
	border-bottom: none;
}

#areanavi-list dt a{
	display:block;
	line-height:2;
	padding:15px 20px;
	color:#5f5f5f;
}

#areanavi-list dt a{
	background:#fbb03b;
	color:#fff;
}

#areanavi-list dd{
	padding: 0;
	margin: 0;
}

#areanavi-list dd{
	border-bottom: 2px solid #fbb03b;
}

#areanavi-list dd a{
	display:block;
	padding:15px 20px;
	border-bottom: 1px dotted #fbb03b;
}





/***************************************************
 * サイドバー
 ***************************************************/
#news h2.side-title{
	background-image:url(/images/news-title.jpg);
}

.news-title{
	margin: 5px 5px 0 5px;
}

.news-days{
	text-align:right;
	border-bottom: 1px dotted #fbb03b;
	padding: 0 5px;
	font-size:11px;
	color:#999;
}


h3.news-title {
    font-size: 12px;
    font-weight: bold;
}

#appli .applipage {
	font-size:1.0rem;
}


#back-number h2.side-title{
	background-image: url(/images/back-title.jpg);
}

#back-number p.img{
	text-align:center;
}

.magazine-img{
	margin:1px 0;
	text-align:center;
	padding:10px 0;
}

/*present*/

#present h2.side-title{
	background-image: url(/images/present-title.jpg);
}

#present p.img{
	text-align:center;
}

#present ul{
	margin:0;
	padding:10px 0;
	background:url(/images/present-back.jpg) left bottom no-repeat;
	list-style:none;
}

#present li{
//	text-align:right;
	margin:0 5px 0 90px;
	padding:5px 5px 0 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:#4bc2da dotted 1px;
}

#present li a{
	color:#1e90a8;
}

#present li a:hover{
	color:#4bc2da;
	text-decoration:none;
}


/***************************************************
 * ページ下部のエリア一覧、ジャンル一覧
 ***************************************************/
.footer-list {
	width:980px;
	margin:10px auto;
	padding:10px;
	background:url(/images/stroke.png);
}
 
.footer-list-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#562014;
}

.footer-list ul{
	list-style:none;
	margin:0;
	padding: 0;
	float:left;
}

.footer-list ul li{
	margin:0;
	padding: 0;
	float:left;
}

.footer-list > ul{
	float:none;
}

.footer-list > ul > li{
	padding:2px;
}

.footer-list ul.area-footer-list > li{
	clear:both;
}

.footer-list ul.area-footer-list li ul{
	width:780px;
	padding:0 0 0 5px;
}

.footer-list ul.area-footer-list li ul li{
	border-right: solid 1px #f60;
	padding: 0 5px;
	margin:2px 0;
}

.footer-list ul.area-footer-list li ul li:last-child { 
	border: none; 
}

.footer-list > ul > li > a{
	display:block;
	float:left;
	text-align:center;
	border-radius: 5px;
	background:#f28383;
	box-shadow: 0px 0px 3px #f8c2c2;
	padding:2px 5px;
	color:#fff;	
	font-size: 12px;
}


.footer-list > ul.area-footer-list > li > a{
	width:170px;
}

.footer-list > ul > li > a:hover{
	background:#fb8718;
	text-decoration:none;
}

.footer-list ul.area-footer-list li ul li a{
	color:#5f5f5f;
}

.footer-list ul.area-footer-list li ul li a:hover{
	color:#f60;
}





/***************************************************
 * ショップ詳細ページ
 ***************************************************/
h2.shop-title{
	font-size:19px;
	color:#593e2c;
	line-height:20px;
	height:25px;
	height:auto !important;
	min-height:25px;
	background: left bottom no-repeat;
	margin: 10px 0;
	padding:5px 0 5px 35px;
}

h2.shop-title span{
	font-size:12px;
	font-weight:normal;
	color:#8b8b8b;
	line-height:12px;
	padding:0 0 0 10px;
}

div#shop-top{
	padding: 5px 5px 0 5px;
	border: 1px solid #8b8b8b;
}

div#shop-top-left{
	margin:-5px 0 0 0;
	float:left;
	width:478px;
}

div#shop-top-left{
/	margin:0;
}

div#shop-top-right{
	float:right;
	width:240px;
	margin:3px 0 0 0;
}

table.shop-top-info{
	margin:0;
	padding:0;
	border-collapse:separate;
	border-spacing:0 5px;
}

table.shop-top-info{
	/margin:0 0 10px 0;
}

table.shop-top-info th{
	width:70px;
	background:#fb8718;
	color:#fff;
	font-weight:bold;
	line-height:18px;
}

table.shop-top-info td{
	padding:0 0 0 5px;
	line-height:18px;
}

p.shop_tags a{
	padding:1px 3px;
	text-decoration:none;
	border:1px solid #fb8718;
	float:left;
	display:block;
	margin:0 2px 2px 0;
}

p.shop_tags a:hover{
	background:#fb8718;
	color:#fff;
}

p.days{
	padding:0;
}

p.days span{
	display:inline-block;
	width:80px;
	height:14px;
	text-align:left;
	overflow:hidden;
}


#shop-page h2#myhome{
	background-image: url(/images/shop-myhome.png);
}

#shop-page h2#school{
	background-image: url(/images/shop-school.png);
}

#shop-page h2#gourmet{
	background-image: url(/images/shop-gourmet.png);
}

#shop-page h2#hair{
	background-image: url(/images/shop-hair.png);
}

#shop-page h2#nail{
	background-image: url(/images/shop-nail.png);
}

#shop-page h2#eye{
	background-image: url(/images/shop-eye.png);
}

#shop-page h2#relaxation{
	background-image: url(/images/shop-relaxation.png);
}

#shop-page h2#aesthetic{
	background-image: url(/images/shop-aesthetic.png);
}

#shop-page h2#clinic{
	background-image: url(/images/shop-clinic.png);
}

#shop-page h2#bridal{
	background-image: url(/images/shop-bridal.png);
}

#shop-page h2#life{
	background-image: url(/images/shop-life.png);
}

#shop-page h2#other{
	background-image: url(/images/shop-other.png);
}

ul#shop-top-tag{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	position: relative;
}

ul#shop-top-tag li{
	float:left;
	position: relative;
	bottom:-1px;
}

ul#shop-top-tag li.shop-info-active,
ul#shop-top-tag li.shop-menu-active,
ul#shop-top-tag li.shop-map-active,
ul#shop-top-tag li.shop-coupon-map-active{
	margin:-6px -1px 0 0;
	border:1px solid;
	border-color: #8b8b8b #8b8b8b #fff #8b8b8b;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	z-index:100;
	background:#fff;
	
	height:;
}


ul#shop-top-tag li.shop-info,
ul#shop-top-tag li.shop-menu-1,
ul#shop-top-tag li.shop-menu-2,
ul#shop-top-tag li.shop-map,
ul#shop-top-tag li.shop-coupon-map{
	margin:0 -5px 0 0;
	background:url(/images/gray-b.png) center bottom repeat-x;
}


ul#shop-top-tag li.shop-info,
ul#shop-top-tag li.shop-menu-2{
	border:1px solid;
	border-color: #8b8b8b #fff #8b8b8b #8b8b8b;
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-o-border-radius: 5px 0 0 0;
	-ms-border-radius: 5px 0 0 0;
}

ul#shop-top-tag li.shop-menu-1,
ul#shop-top-tag li.shop-map,
ul#shop-top-tag li.shop-coupon-map{
	border:1px solid;
	border-color: #8b8b8b #8b8b8b #8b8b8b #fff;
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-o-border-radius: 0 5px 0 0;
	-ms-border-radius: 0 5px 0 0;
}

ul#shop-top-tag li.shop-info,
ul#shop-top-tag li.shop-menu-1,
ul#shop-top-tag li.shop-menu-2{
	z-index:50;
}

ul#shop-top-tag li.shop-map,
ul#shop-top-tag li.shop-coupon-map{
	z-index:10;
}

ul#shop-top-tag li a{
	display:block;
	height: 40px;
	width:130px;
	background: center center no-repeat;
	text-indent:-9999px;
}

ul#shop-top-tag li.shop-info-active a,
ul#shop-top-tag li.shop-menu-active a,
ul#shop-top-tag li.shop-map-active a,
ul#shop-top-tag li.shop-coupon-map-active a{
	padding:3px 10px;
}

ul#shop-top-tag li.shop-info a{
	background-image:url(/images/shop-b.png);
}

ul#shop-top-tag li.shop-menu-1 a,
ul#shop-top-tag li.shop-menu-2 a{
	background-image:url(/images/menu-b.png);
}

ul#shop-top-tag li.shop-map a{
	background-image:url(/images/map-b.png);
}

ul#shop-top-tag li.shop-coupon-map a{
	background-image:url(/images/coupon-b.png);
}

ul#shop-top-tag li.shop-info-active a{
	background-image:url(/images/shop-a.png);
}

ul#shop-top-tag li.shop-menu-active a{
	background-image:url(/images/menu-a.png);
}

ul#shop-top-tag li.shop-map-active a{
	background-image:url(/images/map-a.png);
}

ul#shop-top-tag li.shop-coupon-map-active a{
	background-image:url(/images/coupon-a.png);
}


p.tel-contact,
dl.shop-top-social dt{
	font-size:12px;
	line-height:12px;
	color:#593e2c;
	background:url(/images/triangle.png) left center no-repeat;
	padding:0 0 0 10px;
}

p.tel-number{
	font-size:24px;
	line-height:24px;
	font-weight:900;
	vertical-align:bottom;
	background: url(/images/tel.png) left center no-repeat;
	padding:5px 0 0 30px;
}

p.tel-number{
	/margin:-2px 0 2px 0;
	/padding:0 0 0 30px;
}
p.tel-comment{
	/line-height:12px;
}

p.tel-comment{
	font-size:10px;
	line-height:10px;
}

p.shop-top-mobile a{
	margin:10px 0;
	height:25px;
	text-align:center;
	line-height:25px;
	color:#5f5f5f;
	display:block;
	background:url(/images/gray.png) center bottom repeat-x;
	border:1px solid #8b8b8b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

p.shop-top-mobile a{
	/margin:5px 0;
}

p.shop-top-mobile a:hover{
	color:#fff;
	background:#8b8b8b;
	text-decoration:none;
}

dl.shop-top-social{
	background: url(/images/stroke.png) center center;
	margin:5px 0;
	padding:5px;
	height:35px;
}

dl.shop-top-social dd{
	margin:3px 0 0 3px;
	height:20px;
	float:left;	
}

div#shop-content p.img{
	float:left;
	margin:0 10px 0 0;
}

div#shop-content h4{
	font-size:16px;
}

dl.shop-top-info{
	float:left;
	width:246px;
}

dl.shop-top-info dd{
	margin:5px 5px 0;
}

dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h3.shop-page-title{
	color:#fff;
	font-size:16px;
	background:#9d765c;
	border:1px solid #593e2c;
	padding:3px 5px;
	margin: 0 0 10px 0;
}

table.shop-information{
	margin:0;
	padding:0;
	border-collapse:separate;
	border-spacing:1px 5px;
	width:100%;
}

table.shop-information th{
	white-space:nowrap;
	border-left: 5px solid #fbb03b;
	border-bottom:1px dotted #8f8f8f;
	text-align:left;
	padding:5px;
	width:110px;
}


table.shop-information td{
	border-bottom:1px dotted #8f8f8f;
}

table.shop-information th{
	/border-left: none;
}

div.shop-footer-social{
	text-align:right;
}


div.shop-footer-social p{
	display: inline-block;
	margin:3px 0 0 3px;
	height:20px;
	overflow:hidden;
}

div.shop-footer-social p{
	/display: inline;
}


ul#shop-footer-tag{
	list-style:none;
	margin:0 200px;
	padding:10px;
	background:url(/images/stroke.png);
	text-align:center;
}

ul#shop-footer-tag li{
	display:inline;
	padding:0 10px;
	border-left:1px solid #fb8718;
}

ul#shop-footer-tag li:first-child{
	border:none;
}

ul#shop-footer-tag li.active a{
	color:#593e2c;
}

/*  クーポン詳細 */
div.coupon{
	float:left;
	width:498px;
	border: 1px solid #fb8718;
	background:#fb8718;
	padding:0 0 0 30px;
	margin:0 0 10px 0;
//	margin:0 10px 10px 0;
}

div.coupon-inner{
	background: url(/images/coupon-back.jpg) right bottom no-repeat #fff;
	padding:10px;
	border-left: 5px solid #fbb03b;

}

div.coupon-inner h4.coupon-shop{
	color:#593e2c;
	font-size:14px;
}

div.coupon-inner h5.coupon-title{
	font-size:20px;

}

table.coupon-info{
	margin:0;
	padding:0;
	border-collapse:separate;
	border-spacing:0 5px;
}

table.coupon-info th{
	width:70px;
	background:#fb8718;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

table.coupon-info td{
	padding:0 0 0 5px;
	line-height:18px;
}

div.qr{
	float:right;
	width:200px;
	margin: 0 0 10px 0;
}

div.qr p{
	background:url(/images/stroke.png) center center;
	text-align:center;
	padding:9px;
}

div.qr p img{
	margin:0 0 5px 0;
}

div.shop-list-body .mainimg {
	width:280px;
	height:210px;
}

/*========================================================================================================
 *
 * スマホ用のCSS
 *
 *========================================================================================================*/
@media screen and ( max-width:479px ) {

div#alpha-top{
	width:100%;
}

#column1 {
	width:auto;
	float:initial;
	margin:0;
}

#column2 {
	width:auto;
	float:initial;
}
#sp-banner{
	float:left;
	width:100%;
	height:initial;
	margin:initial;
}

#sp-banner p.img {
    float: left;
    width: 31%;
    height: initial;
    padding: 1px;
    border: solid 1px #ccc;
    margin: 0 2px 0 0;
}

#sp-banner img{
	width:100%;
	height:initial;
}

h2.title {
    background: url(/images/line.png) left bottom repeat-x;
    margin: 0 0 1rem 0;
    padding: 0 0 0.5rem 0;
    height: initial;
}

 .title span {
    display: block;
    height: 5rem;
    margin: 0 0 0 0.5rem;
    text-indent: -9999px;
    background: left bottom no-repeat;
    background-size: contain;
}

#special h2 span {
    background-image: url(/images/sp-coupon/t-special.png);
}

#special img {
    width: 100%;
    padding: 1px;
    border: 1px solid #8f8f8f;
}

#pickup ul { 
	width: 100%;
}

.sp-list-parts li {
    padding: 0.5rem 6% 0.5rem 0.5rem;
    margin: 0 0 1rem 0;
    border-bottom: 1px dotted #fbb03b;
    background: url(/images/sp/more.png) 98% center no-repeat;
    background-size: 3% auto;
    cursor: pointer;
}

.sp-list-parts li a.taps {
    display: block;
    position: relative;
    z-index: 200;
    color: #5f5f5f;
}
#pickup .sp-list-parts p.img {
    float: left;
    margin: 0 0.5rem 0 0;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

#pickup .sp-list-parts p.pickup-tag {
    color: #fff;
    font-size: 1.1rem;
    padding: 0.1rem 0;
    margin: 0;
    line-height: 1.2rem;
    height: 1.2rem;
}

#pickup .sp-list-parts p.pickup-tag span {
    float: right;
    margin: 0 0.1rem;
    padding: 0 0.2rem;
    background: #fff;
    font-size: 1.1rem;
    line-height: 1.2rem;
    height: 1.2rem;
    white-space: nowrap;
}

#pickup .sp-list-parts li.gourmet p.pickup-tag span, #pickup .sp-list-parts li.gourmet .pickup-title {
    color: #f08337;
}

.sp-list-parts .parts-inner h1, .list-parts li h1 {
    color: #fbb03b;
    font-weight: bold;
    font-size: 1.5rem;
}

.sp-list-parts p.text {
    padding: 5px 10px;
}

.sp-list-parts p.pickup-tag span {
    color: #f08337;
}

p.img img {
	width:100%;
}

div#keyword-search .title span {
    background-image: url(/images/sp/t-coupon.png);
}

div#top-search-area {
    margin: 0 0.7rem;
}

div#top-search-area input#keyword_input {
    width: 85%;
    float: left;
}
input#keyword_input {
    margin: 0.3rem 0;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-indent: 0.3rem;
    border: 1px solid #fbb03b;
    border-radius: 7px;
    cursor: default;
    color: #5f5f5f;
}

div#top-search-area input#keyword_input {
    width: 80%;
    float: left;
    margin-right: 4px;
}

div#top-search-area div.submitButton a {
    width: 12%;
    float: right;
}
div.submitButton input[type='submit'] {
    display: block;
    margin: 0.3rem 0;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    border: 1px solid #fbb03b;
    background: #fbb03b;
    color: #fff;
    border-radius: 7px;
    cursor: default;
    text-align: center;
    width: 50px;
    margin: 0 auto;
}
div#top-search-area {
    margin: 0 0.7rem;
}

.shop-list-info dl {
    margin: 0.5rem 0;
    color: #6EB92C;
    font-size: 1.2rem;
}

.shop-list-info dt {
    width: 6.5rem;
    float: left;
    clear: left;
}

#store_title {
    background: #ff6600;
    margin: 0.5rem;
 
 /* Webkit */
 background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  from(#fb9a32),
  to(#ff6600)
  );
 
 /* Firefox */
 background: -moz-linear-gradient(
  top,
  #fb9a32,
  #ff6600
  );
 
 /* IE */
 filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fffb9a32,endColorstr=#ffff6600);
 zoom: 1;
}

#store_title h1{
    background-color: #ffffff;
    margin:-2px -2px -2px 1rem;
    padding-left:1rem;
    
}

#store_title h1 span{
	display:block;
	font-size:1rem;
	font-weight:normal;
}

h1 {
    font-size: 1.5em;
}

.news_tags{
	margin:0.5rem;
}
.news_tags a,
.news_tags span.coupon{
	display:inline-block;
    font-size: 1.1rem;
    padding: 0.2rem 0.5rem;
}

.news_tags a{
	background-color:#ff8432;
	color:#fff;
}
.news_tags span.coupon{
	background-color:#ff0000;
	color:#fff;
}

.shop_contact_area{
	margin:0.5rem;
}

.shop_contact_area p{
    float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 0.3rem 0.5rem 0.3rem;
}

.shop_contact_area .shop_contact_long{
    width: 100%;
}

.shop_contact_area .shop_contact_half{
    width: 50%;
}

.shop_contact_area a{
	display:block;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    border-radius: 7px;
    background-color: #92d050;
    color: #ffffff;
}

div#shop_menu {
 margin:0 0 1rem 0;
}
 
div#shop_menu-inner ul {
	min-width:100%;
	margin: 0;
	padding: 0 0.2rem;
    border-bottom: solid 1px #fac090;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div#shop_menu-inner ul li {
	float: left;
	margin: 0;
    width:33%;
}

div#shop_menu-inner ul li a {
	line-height:3rem;
	height:3rem;
	display: block;
    border: solid 1px #fac090;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-ms-border-radius: 7px 7px 0 0;
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
    background-color: #fdeada;
	margin:0.6rem 0 -1px 0;
}

div#shop_menu-inner ul li a:hover,
div#shop_menu-inner ul li.check a{
    border-bottom: solid 1px #fff;
	line-height:3.6rem;
	height:3.6rem;
    font-size: 1.2rem;
    background-color: #ffffff;
	margin:0 0 -1px 0;
}


#shop_contents .days{
	text-align:right;
}

#shopMainPhoto a{
	display:block;
	width:100%;
    height: 21.3rem;
	overflow:hidden;
	text-align:center;
}

#shop_contents h1 {
	color: #d98300;
    font-weight: bold;
	margin: 0.5rem;
	font-size:1.6rem;
}

#shop_contents .shop-text{
	font-size:1.4rem;
	margin: 0.5rem;
}


#shop_contents dl{
	padding: 0 0.5rem 0.5rem 0.5rem;
    overflow: hidden;
}

#shop_contents .line{
	border-top: solid 1px #fac090;
	padding: 1rem 0 0 0;
}
#shop_contents dt{
	float:left;
    overflow: hidden;
	margin:0 1rem 0 0;
}

#shop_contents dt a{
	width:150px;
	height:100px;
}

#shop_contents dd{
	word-wrap: break-word;
	font-size:1.2rem;
}

#grand-menu .title span {
    background-image: url(/images/sp-coupon/t-menu.png);
}

#grand-menu .menu_title {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0 0.5rem;
}

.shop_menu_body {
    word-wrap: break-word;
    font-size: 1.3rem;
    margin: 0 0.5rem 1rem 0.5rem;
}

#shopinfo .title span {
    background-image: url(/images/sp-coupon/t-shopinfo.png);
}

#shopinfo .title span {
    background-image: url('/images/sp-coupon/t-shopinfo.png');
}

#shop_info_detail {
    width: 100%;
    border-top: solid 1px #fac090;
}

#shop_info_detail th {
    width: 10rem;
    text-align: center;
	font-weight:normal;
    background-color: #ffebcd;
    border-bottom: solid 1px #fac090;
    white-space:nowrap;
	word-break:break-all;
	vertical-align:middle;
}

#shop_info_detail td {
    background-color: #ffffff;
    border-bottom: solid 1px #fac090;
	padding:0.5rem;
	word-break:break-all;
}

#shop_info_detail a{
    color: #30859c;
    display:block;
    padding-right: 3%;
    background: url('/images/sp/more.png') 98% center no-repeat;
	background-size: 3% auto;
}

#shop_contents dt a {
    width: 150px;
    height: 100px;
}

.img {
    overflow: initial;
}

a.colorbox {
    display: block;
    width: 100%;
    height: 100%;
}

div.shop-list-body .mainimg {
	width:150px;
	height:120px;
}


#grand-menu li a {
    display: block;
    width: 150px;
    height: 100px;
}


#grand-menu li {
    display: inline-block;
    margin: 0;
    overflow: hidden;
}


#grand-menu ul {
    padding: 0.5rem;
}

#coupon .title span {
    background-image: url(/images/sp-coupon/t-coupon.png);
}

#couponArea {
    border: solid 2px #fac090;
    margin: 0 0.5rem 0.5rem 0.5rem;
}

p#coupon_top {
    background-color: #ffefcd;
    color: #ffffff;
    text-align: left;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

#coupon_content {
    padding: 0 0.5rem 0.5rem 0.5rem;
}

#coupon_title {
    margin: 0.2rem 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #F08337;
    border-bottom: solid 1px;
}

.coupon_koumoku {
    width: 100%;
    border-spacing: 0.2rem;
    border-collapse: separate;
}

.coupon_koumoku th {
    background-color: #ffc189;
    color: #ffffff;
    width: 7rem;
    vertical-align: middle;
}

.coupon_koumoku td {
    padding: 0 0 0 0.5rem;
}






}


/*renew*/
/**/

#head_slider ul {
	list-style:none;
	padding:0;
	margin:0;
	padding-bottom:40px;
}
#head_slider ul li {
	position:relative;
	background:#fff;
}
#head_slider ul li .img {
	position:relative;
	width::100%;
}

#head_slider ul li .img:before {
	content:'';
	display:block;
	padding-top:60%;
}

#head_slider ul li .img:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(000, 000, 000, 0) 0, rgba(000, 000, 000, .4) 65%, rgba(000, 000, 000, .6) 90%);
}
}

#head_slider ul li .img img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
}

#head_slider ul li .news {
	position:absolute;
	bottom:0;
	padding:10px;
	z-index:3;
	color: #fff;
}

#head_slider ul li .news h2 {
	font-size:22px;
	margin-bottom:5px;

}
#head_slider ul li .news .tabs {
	letter-spacing:-.4em;
}
#head_slider ul li .news .tabs > a {
	display:inline-block;
	letter-spacing:normal;
	margin-right:5px;
	border:1px solid #fff;
	padding:2px 5px;
	font-size:11px;
	margin-bottom:3px;
}

#head_slider ul li .news .tabs > a:hover {
	background: rgba(255,255,255,0.1);
}

#head_slider ul li .news .days {
	font-size:13px;
}

#head_slider ul li a {
	color:#fff;
}


#head_slider{
	background:#fff;
	/* overflow:visible; */
}
#head_slider ul li.swiper-slide-active {
	box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #333 !important;
}

#head_slider ul li .contributor {
	padding:10px;
}

#head_slider ul li .contributor a{
	color:#000;
}

#head_slider ul li .contributor .access{
	font-size:13px;
	color:#000;
}

#head_slider ul li .top_slider_wrap {
	position:relative;
}

@media screen and (max-width:768px){
#head_slider ul li .news h2 {
	font-size:15px;	
}
}

/**/

.news_header {
	border-bottom:1px solid #7AC243;
	padding:1em 0;
}
.news_header .container {
	position:relative;
}

.news_header .title h2,
.news_header .title p {
	display:inline-block;
	vertical-align:middle;
	color:#000;
}
.news_header .title h2{
	margin-right:5px;
}
.news_header .title p {
	color:#4d4d4d;
	font-size:12px;
}

.news_header .title h2 {
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight:600;
	font-size:20px;
}

.news_header .read_more {
	position:absolute;
	right:0;
	top:4px;
	margin:auto;
}
.news_header .read_more a {
	color:#333;
}


.news_main {
	padding:3em 0;
}

#ranking .news_main {
	background:#FAFAFA;
}




.news_slider{
	position:relative;
	padding-bottom:40px;
}

.news_slider li {
	position:relative;
}

.news_slider a {
	position:relative;
	display:block;
	color:#333;
	border-radius:5px;
}



.news_slider ul {
	list-style:none;
	padding:0;
	margin:0;
	padding-bottom:40px;
}

.news_slider ul li {

}

.news_slider .img {
	position:relative;
	overflow:hidden;
	border-radius:10px;
}

.news_slider .img:before {
	content:'';
	display:block;
	padding-top:70%;
}

.news_slider .img img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.news_slider h2 {
	font-size:15px;
	margin-bottom:3px;
}

.news_slider .news {
	border-bottom:1px solid #ddd;
	padding:10px 0;
}

.news_slider .news .days {
	font-size: 12px;
	color: #ff0000;
}

.news_slider .contributor {
	padding:5px 0;
	font-size: 12px;
}


.slick-prev.slick-arrow {
	position:absolute;
	top:50%;
	left:0;
	width:40px;
	height:40px;
	background:url(/images/coupon/common/prev.png);
	background-size:contain;
	border:none;
	text-indent:-9999%;
	overflow:hidden;
	white-space:nowrap;
	z-index:10;
	cursor:pointer;
	opacity:0.8;
}

.slick-next.slick-arrow {
	position:absolute;
	top:50%;
	right:0;
	width:40px;
	height:40px;
	background:url(/images/coupon/common/next.png);
	background-size:contain;
	border:none;
	text-indent:-9999%;
	overflow:hidden;
	white-space:nowrap;
	z-index:10;
	cursor:pointer;
	opacity:0.8;
}

.dot-class {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-align:center;
	padding:0 !important;
}

.dot-class li{
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
}

.dot-class li button {
	background:#000;
	border:none;
	width:8px;
	height:8px;
	border-radius:100%;
	text-indent:-99999%;
	overflow:hidden;
	white-space:nowrap;
	opacity:.2;
}

.dot-class li.slick-active button {
	opacity:1;
}


/*rank*/
.news_slider.rank li:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 35px 0 0;
	border-color: #7AC243 transparent transparent transparent;
	
}
.news_slider.rank li:after {
	content:'**';
	display:block;
	color:#fff;
	position:absolute;
	top:1px;
	left:7px;
	z-index:4;
	font-size:15px;
	font-weight:bold;
}

.news_slider.rank li[data-swiper-slide-index="0"]:after {
	content:'1';
}
.news_slider.rank li[data-swiper-slide-index="1"]:after {
	content:'2';
}

.news_slider.rank li[data-swiper-slide-index="2"]:after {
	content:'3';
}
.news_slider.rank li[data-swiper-slide-index="3"]:after {
	content:'4';
}

.news_slider.rank li[data-swiper-slide-index="4"]:after {
	content:'5';
}
.news_slider.rank li[data-swiper-slide-index="5"]:after {
	content:'6';
}

.news_slider.rank li[data-swiper-slide-index="6"]:after {
	content:'7';
}
.news_slider.rank li[data-swiper-slide-index="7"]:after {
	content:'8';
}
.news_slider.rank li[data-swiper-slide-index="8"]:after {
	content:'9';
}
.news_slider.rank li[data-swiper-slide-index="9"]:after {
	content:'10';
}

.news_slider.rank li[data-swiper-slide-index="10"]:after {
	content:'11';
}
.news_slider.rank li[data-swiper-slide-index="11"]:after {
	content:'12';
}


@media screen and (max-width:599px){
.news_header .read_more {
	position:static;
	text-align:right;
}
}

/**/

.news_list {
	list-style:none;
	padding:0;
	margin:0;
	letter-spacing:-.4em;
}
.news_list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:48%;
	margin:0 1% 0;
	border-bottom:1px solid #ddd;
	padding:15px 0;
}


.news_list .img {
	position:relative;
	border-radius:10px;
}

.news_list .img:before {
	content:'';
	display:block;
	padding-top:80%;
}

.news_list .img img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;

}

.news_list a{
	color:#333;
}

.news_list .news h2{
	font-size:15px;
}

.news_list .news .days{
	color:#ff0000;
}

.news_list .news .days,
.news_list .news .container,
.news_list .contributor {
	font-size:12px;
}


.news_list_wrap .left {
	float:left;
	width:118px;
}

.news_list_wrap .right {
	float:right;
	width:100%;
	margin-left:-130px;
	padding-left:130px;
}

.tags {
	margin-top:8px;
}

.tags a,
.tags span{
	display:inline-block;
	vertical-align: top;
	font-size:10px;
	border:1px solid #ccc;
	border-radius: 0;
	padding:1px 3px;
	margin-bottom:3px;

}

.tags a:hover {
	background-color:#f1f1f1;
}

@media screen and (max-width:768px){
.news_list li {
	width:100%;
	margin:0%;
}

}

/**/

.category_list {
	list-style:none;
	padding:0;
	letter-spacing:-.4em;
}

.category_list li {
	display:inline-block;
	letter-spacing:normal;
	background:#7AC243;
	border-radius:3px;
	margin:0 8px 8px 0;
}

.category_list li span {
	display:inline-block;
	margin-left:5px;
}

.category_list li a {
	display:block;
	color:#fff;
	background:#7AC243;
	border-left:2px dotted #fff;
	margin-left:10px;
	padding-left:5px;
	padding-right:10px;
	border-radius:3px;
	font-size:15px;
	padding-top:1px;
	padding-bottom:1px;
}

.category_list li .img {
	position:relative;
	border-radius:10px;
	overflow:hidden;
	background:#ccc;
}

.category_list li .img:before {
	content:'';
	display:block;
	padding-top:40%;
}



@media screen and (max-width:768px){

}

@media screen and (max-width:599px){
.category_list li{
	width:100%;
}
.category_list li a {
	padding-top:5px;
	padding-bottom:5px;
}
}

.container.white {
	background:#fff;
}

.container.white#index_contents {
	max-width: 890px;
}

.container#coupon_list {
	max-width: 980px;
}

#single_news img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width:768px){

#alpha{
	float:none;
	width:100%;
	padding-right:0;
	margin-right:0;
}

#beta{
	float:none;
	width:100%;
	margin-top:30px;
}
}


/*single*/
.single_info{
	padding:1em 0;
	position:relative;
	z-index:3;
}
.single_info,
.single_info a {
	color:#fff;
}

.single_info .news_tags {
	text-align:left;
}

.single_info .news_tags a{
	display:inline-block;
	margin:0 5px 5px 0;
	border:1px solid #fff;
	border-radius:0;
}

.single_info .posted {
	text-align:left;
}

.single_info h2 {
	font-size:30px;
}


img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width:768px){
.single_info h2 {
	font-size:20px;
}
}

/**/

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:30px;
}

.mb40 {
	margin-bottom:40px;
}

.mb50 {
	margin-bottom:50px;
}


.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}

.mt30 {
	margin-top:30px;
}

.mt40 {
	margin-top:40px;
}

.mt50 {
	margin-top:50px;
}
/**/

/*sidebar*/

.popular_tag_wrap {
	padding:0 12px;
}

.popular_tag_wrap header {
	margin-bottom:10px;
}

.popular_tag_wrap header h3 {
	color:#000;
}

.popular_tag_wrap header p {
	font-size:12px;
	font-weight:bold;
	color:"717071;"
}

.popular_tag_list {
	list-style:none;
	letter-spacing:-.4em;
}

.popular_tag_list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:1em;
	margin-bottom:5px;
	font-size:12px;
}
.popular_tag_list li a {
	display:block;
	background:#fff;
	color:#717071;
	border:1px solid #DDD;
	padding:1px 3px;
	border-radius:5px;
}
.mostpopular_wrap {
	background:#fff;
	padding:15px;
	border-top:1px solid #c7c7c7;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
}

.mostpopular_wrap h2 {
	font-size:18px;
	color:#000;
}

.mostpopular_wrap ul {
	list-style:none;
}

.mostpopular_wrap ul li{
	overflow:hidden;
	padding:10px 0;
	border-bottom:1px solid #c7c7c7;
}

.mostpopular_wrap ul li:last-child{
	border-bottom:none;
}


.mostpopular_wrap ul li a{
	color:#333;
	display:block;
}

.mostpopular_wrap ul li a:nth-child(1){
	float:left;
	width:50px;
}

.mostpopular_wrap ul li a:nth-child(2){
	float:right;
	width:100%;
	margin-left:-55px;
	padding-left:55px;
	font-size:12px;
}

.mostpopular_wrap ul li a:nth-child(1) img {
	border-radius:5px;
}


.pstlist li{
	background:#fff;
	margin:0 0 1em;
	padding:15px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
}

.pstlist li .img {
	position:relative;
	max-width:380px;
	border-radius:10px;
}

.pstlist li .img:before {
	content:'';
	display:block;
	padding-top:65%;
}

.pstlist li .img img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

.pstlist li a{
	color:#333;
}


.pstlist li .left {
	float:left;
	width:48%;
}

.pstlist li .right {
	float:right;
	width:50%;
}

@media screen and (max-width:768px){
.pstlist li .left {
	float:none;
	width:100%;
}

.pstlist li .right {
	float:none;
	width:100%;
}
.pstlist li .img {
    max-width: none;
}
}

.pstlist li h2 {
	font-size:15px;
}

.pstlist li .posted {
	text-align:left;
	margin:5px 0;
}
.news_tag_box .tag {
	margin-top:5px;
}

.news_tag_box .news_tag_title {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.news_tag_box .tag  a{
	display:inline-block;
	background:#fff;
	border:1px solid #4D4D4D;
	padding:1px 5px;
	color:#4D4D4D;
	margin:0 5px 5px 0;
	font-size:13px;
}

.news_tag_box .tag  a:hover {
	text-decoration:none;
}

h2.title {
	background:#fff;
	padding:15px;
	height:auto;
	text-indent:0;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	
}


.wp-pagenavi {
	text-align:center;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #AEAEAE !important;
    color: #fff;
    background: #AEAEAE !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #AEAEAE !important;
    padding: 3px 5px;
    margin: 2px 4px 2px 0;
}

.wp-pagenavi a, .wp-pagenavi span a{
	color:#AEAEAE;
	background:#fff;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	background:none;
	border:none !important;
}


#pagetotop {
	position:relative;
	background:#F4A93B;
	display:block;
	height:50px;
	max-width:100px;
	border-radius:50px 50px 0 0;
	margin-left:auto;
	line-height:70px;
	text-align:center;
	color:#fff;
}

#pagetotop:before {
	content:'';
	position:absolute;
	left: 0;
	right:0;
	margin:auto;
	top:13px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#footer_pagetotop {
	padding:2em 0 0;
	border-bottom:20px solid #DDCBB5;
}

#pagetotop:hover {
	text-decoration:none;
}

.sidebar_box {
	background:#fff;
	padding:15px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
}

.sidebar_box h2 {
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}

/*share*/

.share_btn_wrap {
	margin-bottom:10px;
}

.share_btn_wrap  .left {
	float:left;
	width:80px;
}

.share_btn_wrap  .right {
	float:right;
	width:100%;
	margin-left:-100px;
	padding-left:100px;

}

.share_list {
	list-style:none;
	padding:0;
	letter-spacing:-.4em;
}

.share_list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:10px;
	margin-bottom:5px;
}

.share_list li a {
	background:#333;
	color:#fff;
	padding:5px;
	text-align:center;
	display:block;
	width:120px;
	border-radius:5px;
}

.share_list li.line a{
	background:#00C300;
}

.share_list li.facebook a{
	background:#485A94;
}

.share_list li.twitter a{
	background:#55ACEE;
}

.share_list li a:hover {
	text-decoration:none;
}

.share_list li:last-child {
	margin-right:0;
}

.share_btn_wrap  .left p {
	position:relative;
	background:#949494;
	padding:7px 1px;
	text-align:center;
	font-size:12px;
	color:#fff;
	border-radius:5px;
}

.share_btn_wrap  .left p:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 14px;
	border-color: transparent transparent transparent #949494;
}

@media screen and (max-width:599px) {
.share_btn_wrap  .left {
	float:none;
	width:100%;
	margin-bottom:20px;
}

.share_btn_wrap  .right {
	float:none;
	width:100%;
	margin-left:0px;
	padding-left:0px;

}

.share_list li {
	display:inline-block;
	width:31.333333%;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:3%;
	margin-bottom:5px;
}

.share_list li a {
	background:#333;
	color:#fff;
	padding:5px;
	text-align:center;
	display:block;
	width:100%;
	border-radius:5px;
}

.share_btn_wrap  .left p {
	max-width:100px;
	margin:auto;
}

.share_btn_wrap  .left p:after {
	content:'';
	position:absolute;
	top:auto;
	bottom:-16px;
	margin:auto;
	right:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 6px 0 6px;
	border-color: #949494 transparent transparent transparent;
}
}

/*swiper*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	width:40px !important;
	height:40px !important;
    background-image: url(/images/coupon/common/next.png) !important;
    background-size:contain !important;
    opacity:0.8;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	width:40px !important;
	height:40px !important;
    background-image: url(/images/coupon/common/prev.png) !important;
    background-size:contain !important;
    opacity:0.8;
}

.page_box {
	background:#fff;
	padding:5%;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);

}


#coupon_list {}

#coupon_list > .left {
	float:left;
	width:100%;
	margin-right:-260px;
	padding-right:260px;
}

#coupon_list > .right {
	float:right;
	width:225px;
}

#coupon_list .list_title {
	background:#fff;
	margin-bottom:25px;
	padding:15px 15px 0;
}

#coupon_list .list_title h2 {
	font-size:20px;
	font-weight:bold;
	color:#4D4D4D;
}


#coupon_list .list_title .list_sort {
	text-align:right;
}

#coupon_list .list_title .list_sort li {
	display:inline-block;
	border-bottom:3px solid transparent;
	margin:0 5px 0;
}

#coupon_list .list_title .list_sort li a {
	display:block;
	padding:6px 10px;
	color:#808080;
}

#coupon_list .list_title .list_sort li.active {
	border-color:#7AC443;
}

#coupon_list .list_title .list_sort li.active a {
	color:#7AC443;
}

#coupon_list_content {}

#coupon_list_list {}

#coupon_list_list > li {
	background:#fff;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	padding:20px;
	margin-bottom:25px;
}

#coupon_list_list li .list_contents {
	border-bottom:1px solid #E1E1E1;
	padding-bottom:10px;
	margin-bottom:10px;
}

#coupon_list_list li .list_contents .img {
	position:relative;
	float:left;
	width:49%;
	border-radius:10px;
	overflow:hidden;
}

#coupon_list_list li .list_contents .img:before {
	content:'';
	display:block;
	padding-top:60%;
}

#coupon_list_list li .list_contents .img img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#coupon_list_list li .list_contents .contents {
	float:right;
	width:49%;
}

#coupon_list_list li .tags {

}

#coupon_list_list li .tags .coupon_noyes_list {
	display:inline-block;
	vertical-align: top;
	letter-spacing:-.4em;
}
#coupon_list_list li .tags .coupon_noyes_list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	background:#ccc;
	padding:3px 7px;
	color:#fff;
	font-size:12px;
	border-radius:5px;
	margin-right:5px;
	margin-bottom:5px;
}

#coupon_list_list li .tags .coupon_noyes_list li.yes {
	background:#ED6506;
}

#coupon_list_list li .tags .tags_list {
	display:inline-block;
	letter-spacing:-.4em;
}

#coupon_list_list li .tags .tags_list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	border:1px solid #808080;
	padding:3px 7px;
	font-size:12px;
	color:#808080;
	margin-right:5px;
	margin-bottom:5px;
}


#coupon_list_list li .list_contents .contents .shop_name {
	color:#4D4D4D;
	font-size:18px;
	font-weight:500;
}

#coupon_list_list li .list_contents .contents .days {
	font-size:12px;
	color:#ff0000;
}

#coupon_list_list li .list_contents .contents .coupon_title {
	display:block;
	font-size:16px;
	font-weight:bold;
}

#coupon_list_list li .list_contents .contents .coupon_comment {
	text-align:justify;
	display:inline-block;
	color:#4D4D4D;
}

#coupon_list_list li .list_contents .contents .more_read {
	font-weight:500;
	color:#3FA4F0;
}

/*pagination*/

.pagination {}

.pagination_wrap {
	text-align:center;
}

.pagination_wrap li {
	position:relative;
	display:inline-block;
	vertical-align:middle;
}

.pagination_wrap li a{
	position:relative;
	display:block;
	color:#666666;
	text-align:center;
}

#pagination_first a {
	width:15px;
}

#pagination_prev {
	margin:0 6px;
	margin-right:10px;
}

.pagination_list {}

#pagination_next {
	margin:0 6px;
	margin-left:10px;
}

#pagination_last a {
	width:15px;
}

#pagination_first a:before,
#pagination_first a:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7px 5px 0;
	border-color: transparent #666666 transparent transparent;
}

#pagination_first a:before{
	left:-7px;
}
#pagination_first a:after {
	left:0;

}

#pagination_prev a:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:-8px;
	margin:auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7px 5px 0;
	border-color: transparent #666666 transparent transparent;

}

#pagination_next a:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:-8px;
	margin:auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #666666;

}


#pagination_last a:before,
#pagination_last a:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #666666;

}


#pagination_last a:before {
	right:0;
}

#pagination_last a:after {
	right:-7px;
}

.pagination_list a {
	background:#fff;
	padding:1px 5px;
	border:1px solid #666666;
	margin:0 3px;
}

.pagination_list.active a {
	background:#666666;
	color:#fff;
}


/*sidebar*/

.popular_tags {
	padding:10px;
}

.popular_tags header {
	margin-bottom:10px;
}


.popular_tags header h3 {
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.popular_tags header > p{
	font-size:12px;
	color:#666666;
}

.popular_tags_list {
	letter-spacing:-.4em;
}
.popular_tags_list li {
	display:inline-block;
	margin-right:6px;
	margin-bottom:6px;
	letter-spacing:normal;
}

.popular_tags_list li a{
	display: block;
	color:#4D4D4D;
	background:#fff;
	border:1px solid #E1E1E1;
	padding:1px 5px;
	border-radius:3px;
}

.popular_coupon {
	background:#fff;
	padding:10px;
	border-top:1px solid #C7C7C7;
	border-bottom:1px solid #C7C7C7;
}

.popular_coupon header {
	margin-bottom:5px;
}

.popular_coupon header h3 {
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.popular_coupon_list li {
	border-bottom:1px solid #C7C7C7;
	padding:15px 0;
}
.popular_coupon_list li:last-child {
	border-bottom:none;
}

.popular_coupon_list li .img {
	position:relative;
	float:left;
	width:70px;
	border-radius:5px;
}

.popular_coupon_list li .img:before {
	content:'';
	display:block;
	padding-top:100%;
	border-radius:5px;
}

.popular_coupon_list li .img img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.popular_coupon_list li .contents {
	float:right;
	width:100%;
	margin-left:-80px;
	padding-left:80px;
}

.popular_coupon_list li .contents .days {
	font-size:12px;
	color:#666666;
}

.popular_coupon_list li .contents .title {
	font-size:1em;
	color:#000;
}

.popular_coupon > .more a{
	display:block;
	background:#c7c7c7;
	text-align:center;
	color:#fff;
	padding:5px 0;
	border-radius:5px;
}

/* responsive */
@media screen and (max-width:768px){
#coupon_list > .left {
	float:none;
	width:100%;
	margin-right:0;
	padding-right:0;
	margin-bottom:30px;
}

#coupon_list > .right {
	float:none;
	width:100%;
}

}

@media screen and (max-width:599px){
#coupon_list_list li .list_contents .img {
	float:none;
	width:100%;
}

#coupon_list_list li .list_contents .contents {
	float:none;
	width:100%;
}
}

/*present*/

#present_coverimg {
	position:relative;
	width:100%;
	background-size:cover;
	background-position:center;
}

#present_coverimg .title img {
	position:absolute;
	top:0;
	bottom:0;
	right:20%;
	margin:auto;
}

#present_coverimg:before {
	content:'';
	display:block;
	padding-top:20%;
}

#coupon_present #coupon_list {
	background:#fff;
	padding:25px;
}

.coupon_present_title {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.coupon_present_title h1 {
	font-weight:bold;
}
.coupon_present_title h1 span {
	display:inline-block;
	margin-left:10px;
}

.presernt_list {
	letter-spacing:-.4em;
}

.presernt_list > li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:48%;
	margin:1%;
}

.present_list_header{
	margin-bottom:5px;
}
.present_list_header .left {
	float:left;
	width:65px;
}

.present_list_header .right {
	position:relative;
	float:right;
	width:100%;
	margin-left:-75px;
	padding-left:75px;
	min-height:65px;
}
.present_list_header .left .no {
	position:relative;
	width:65px;
	height:65px;
	border-radius:50%;
	background:linear-gradient(0deg,#fff 0%,#fff 50%,#7A69B0 50%,#7A69B0 100%);
	border:1px solid #7A69B0;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
.present_list_header .left .no:before {
	content:'Presents';
	font-size:10px;
	text-align:center;
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	color:#fff;
}

.present_list_header .left .no span {
	position:absolute;
	top:47%;
	font-size:22px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	color:#7A69B0;
}

.present_list_header .right h2 {
	font-size:16px;
	padding:7px 0;
}

.present_list_img {
	background-size:cover;
	background-position:center;
	margin-bottom:5px;

}
.present_list_img:before {
	content:'';
	display:block;
	padding-top:65%;
}

.present_list_title {

}

.present_list_title .left {
	float:left;
	width:100%;
	padding-right:55px;
	margin-right:-55px;
}

.present_list_title .left .title {
	color:#7A69B0;
	font-weight:600;
	padding:5px 0
}

.present_list_title .right {
	float:right;
	width:55px;
}

.present_list_title .right .number {
	background:#7A69B0;
	border-radius:50%;
	width:55px;
	height:55px;
	color:#fff;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
}

.present_list_footer {
	margin-top:5px;

}
.present_list_footer .close {
	color:#7A69B0;
	font-weight:bold;
	border:1px solid #7A69B0;
	border-radius:5px;
	font-size:22px;
	text-align:center;
	padding:3px 0;
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #FCEBF5 25%, #FCEBF5 50%,
    #fff 50%, #fff 75%,
    #FCEBF5 75%, #FCEBF5
  );
  background-size: 20px 20px;
}

.present_list_footer .close span {
	display:inline-block;
	vertical-align:top;
}



@media screen and (max-width:1024px) and (min-width:769px){
.presernt_list > li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:100%;
	margin:0 0 15px;
}
}

@media screen and (max-width:768px){
#present_coverimg:before {
	content:'';
	display:block;
	padding-top:60%;
}
#present_coverimg .title img {
	position:absolute;
	top:0;
	bottom:0;
	right:5%;
	margin:auto;
	width:40%;
}


}

@media screen and (max-width:599px) {
.presernt_list > li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:100%;
	margin:0 0 15px;
}
.coupon_present_title {
	font-size:15px;
}
.coupon_present_title h1 span {
	display:block;
	margin-left:0;
}
}

#present_form{}

.present_form_header{
	position:relative;
	background:#F4901E;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:30px;
}

.present_form_header h2{
	font-weight:bold;
}
.present_form_header:after {
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
	content:'';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #f4901e transparent transparent transparent;
}

.required {
	color:#FF0000;
}

.present_form_box {
	margin-bottom:20px;
	overflow:hidden;
}

.present_form_box dt {
	border-left:3px solid #F4901E;
	padding-left:1em;
	float:left;
	width:200px;
}

.present_form_box dd {
	float:right;
	width:100%;
	margin-left:-210px;
	padding-left:210px;

}

.present_form_box.full dt {
	float:none;
	width:100%;
	margin-bottom:10px;
}

.present_form_box.full dd {
	float:none;
	width:100%;
	margin-left:0;
	padding-left:0;

}

.present_form_box input[type="text"],
.present_form_box input[type="email"],
.present_form_box input[type="tel"],
.present_form_box input[type="password"],
.present_form_box select,
.present_form_box textarea{
	width:100%;
}

.present_form_box input[type="text"].zip {
	max-width:80px;
}

.present_form_box input[type="text"].pref,
.present_form_box input[type="text"].addr,
.present_form_box input[type="text"].name {
	max-width:300px;
}

.present_form_box input[type="text"].bulding {
	max-width:400px;
}

.present_form_box select.select {
	max-width:300px;
}

.present_form_checklist {
	letter-spacing:-.4em;
}
.present_form_checklist li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:33.333333%;
}

.zip_hyphen {
	margin:0 5px;
}

.ib {
	display:inline-block;
	margin-right:3em;
}

.present_form_btn {
	margin-top:5em;
	text-align:center;
}

.pp_agree {
	margin-bottom:20px;
}

.pp_agree a{
	font-size:12px;
	color:#333;
	margin-left:1em;
}

.submit_btn {
	background:#E6476D;
	border:none;
	color:#fff;
	display:block;
	width:100%;
	max-width:240px;
	margin:auto;
	padding:10px 0;
	font-size:16px;
	cursor:pointer;
}

.present_form_btn.text h2 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}

@media screen and (max-width:1024px) and (min-width:769px){
.present_form_checklist li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:100%;
}
}

@media screen and (max-width:768px){
.present_form_box dt {
	float:none;
	width:100%;
	margin-bottom:10px;
}

.present_form_box dd {
	float:none;
	width:100%;
	margin-left:0;
	padding-left:0;

}
}

@media screen and (max-width:599px) {
.present_form_checklist li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:100%;
}
}

.error_msg {
	background:#FCEBF5;
	padding:8px 10px;
	border:1px solid #ff0000;
	border-radius:10px;
	color:#ff0000;
	margin-bottom:5px;
}