/*reset*/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, 
hgroup, menu, nav, section, summary,time, mark, audio, video,span {margin:0;padding:0;border:0;outline:0;font-size:inherit;vertical-align:baseline;background:transparent;font-weight:inherit;}
body {
color:#535353;
background-color: #F6F5F1;
line-height:1.8;
font-size:16px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 500; font-style: normal;
}
@media (max-width: 1060px) {
body {
	font-size: 14px;
}
}

_:lang(x)::-ms-backdrop, body {font-family: "メイリオ", Meiryo, sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
 blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:inherit;text-decoration:none;outline: none;}
a:hover{text-decoration:none;}
img {font-size:0;line-height: 0;max-width:100%;vertical-align:bottom; height:auto !important;}
ins {background-color:#ff9;color:#111;text-decoration:none;}
mark {background-color:#ff9;color:#111;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
input[type="date"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="date"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="date"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color: #654521;
}
.select_box{position: relative;}
.select_box::before {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #654521;
	pointer-events: none;
}
button,input,textarea{
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	width: 100%;
}
input::placeholder,
textarea::placeholder {
  color: #afafaf;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #afafaf;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #afafaf;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}

/*original
*******************************/
.flex{-js-display: flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
.fw{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.js{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.jc{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.ac{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items: center;}
.ae{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items: flex-end;}
.wrap{max-width:1020px; margin-left:auto; margin-right:auto;}
.wrap_s{max-width:1020px;width: 94%; margin-left:auto; margin-right:auto;}
.wrap_ss{max-width:760px;width: 94%; margin-left:auto; margin-right:auto;}
.sp_bl{display:none;}
@media (min-width: 769px){
	a,a:after,a:before{
		transition: all 0.2s;
	}
}
@media (max-width: 768px) {
.wrap_s,.wrap_ss{
	width:90%;
}
}
@media (max-width: 480px) {
.sp_bl{display:inline;}
.sp_none{display:none;}
}

/*2カラム*/
#clm2{
	width:100%;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
}
#clm2 main{
	flex:1;
}
#clm2 #news{
	background-color:#F0E9D7;
}
#clm2 aside{
	width:200px;
	margin-left:20px;
}

/*link*/
.link{
	display:block;
	max-width:400px;
	width:80%;
	height:50px;
	line-height:46px;
	margin:30px auto 0;
	color:#999574;
	border:2px solid #999574;
	font-weight: 600;
	letter-spacing:1px;
	text-align:center;
}
.link:hover{
	background-color:#999574;
	color:#fff;
}

/*header*
********************************/
header{
	position:relative;
	margin-top:20px;
}
header .logo{
	width:30%;
	max-width:140px;
	padding:30px 0 40px;
	margin:0 auto;
}
.header_nav{
	position:absolute;
	top:0;
	right:0;
}
.header_nav li span:nth-of-type(2){display:none;}
.header_nav li:nth-of-type(1){
	margin-right:10px;
}	
.header_nav li a{
	display:inline-block;
	padding:5px 12px;
	border-radius:20px;
	background-color:#E3E2D8;
	font-size:14px;
}
.header_nav li a:before{
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background-size:cover;
	vertical-align:-3px;
	margin-right:5px;
}
.header_nav li:nth-of-type(1) a:before{background-image:url(../img/header_nav1.png);}
.header_nav li:nth-of-type(2) a:before{background-image:url(../img/header_nav2.png);}

#navToggle{
	display:none;
}
.header_catch{
	position:absolute;
	top:0;
	left:-6px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.header_catch span{
	display:inline-block;
	background-color:#fff;
	margin:0 6px;
	padding:5px 1px;
	letter-spacing:4px;
	font-size:15px;
}
.sp_nav{
	display:none;
}
.header_sns{
	position:absolute;
	top:45px;
	right:0;
}
.header_sns li{
	width:40px;
}
.header_sns li:not(:first-child){
	margin-left:10px;
}
.header_gnav li{
	margin-left:4%;
}
.header_gnav li:nth-of-type(1){
	margin-left:0;
}
.header_gnav li:nth-of-type(6){
	display:none;
}
.header_gnav a{
	display:block;
	position:relative;
	padding:20px 0 20px 60px;
	font-size:18px;
	line-height:1.4;
	font-weight:600;
}
.header_gnav a:before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	background-size:cover;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.header_gnav li.shopping a:before{background-image:url(../img/gnav_2.png);}
.header_gnav li.food a:before{background-image:url(../img/gnav_1.png);}
.header_gnav li.beauty a:before{background-image:url(../img/gnav_5.png);}
.header_gnav li.living a:before{background-image:url(../img/gnav_4.png);}
.header_gnav li.life a:before{background-image:url(../img/gnav_3.png);}
.header_gnav li:nth-of-type(6) a:before{background-image:url(../img/gnav_6.png);}
.header_gnav span{
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:1px;
	display:block;
	font-size:11px;
}
.header_gnav li.shopping span{color:#FDB492;}
.header_gnav li.food span{color:#FFA6A2;}
.header_gnav li.beauty span{color:#B1BCE3;}
.header_gnav li.living span{color:#BAD38E;}
.header_gnav li.life span{color:#96CACC;}
.header_gnav li:nth-of-type(6) span{color:#A9A489;}
@media (max-width: 1060px) {
.header_nav,.header_sns{
	right:20px;
}
.header_catch{
	left:16px;
}
.header_nav li a,
.header_catch span{
	font-size:13px;
}
.header_gnav{
	padding:0 20px;
}
.header_gnav a{
	font-size:16px;
	padding-left:50px;
}
.header_gnav a:before{
	width:40px;
	height:40px;
}
}
@media (max-width: 768px) {
header .logo{
	max-width:74px;
	padding:0 0 20px;
	margin:0 auto;
	position:relative;
	z-index:4;
}
.header_nav{
	z-index:4;
}
.header_gnav li{
	margin-left:0;
}
.header_nav li span:nth-of-type(1){display:none;}
.header_nav li span:nth-of-type(2){display:block;}
.header_nav li:nth-of-type(1){
	display:none;
}	
.header_nav li a{
	text-align:center;
	color:#A9A489;
	font-size:12px;
	padding:0;
	background-color:transparent;
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:1px;
}
.header_nav li a:before{
	width:30px;
	height:30px;
	margin-right:0;
}
.header_nav li:nth-of-type(2) a:before{background-image:url(../img/header_nav2_sp.png);}

/*ハンバーガー*/
#navToggle{
	display:block;
	position: fixed;
	left: 20px;
	top: 24px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	z-index: 4;
}
#navToggle span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 4px #ADAA90;
	transition: .35s ease-in-out;
	left: 5px;
}
#navToggle span:nth-child(1) {
	top: 9px;
}
#navToggle span:nth-child(2) {
	top: 20px;
}
#navToggle span:nth-child(3) {
	top: 30px;
}
/* click */
#navToggle.active span:nth-child(1) {
	top: 16px;
	left: 5px;
	transform: rotate(-45deg);
}
#navToggle.active span:nth-child(2),
#navToggle.active span:nth-child(3) {
	top: 16px;
	transform: rotate(45deg);
}
/*hidden_nav*/
#hidden_nav{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:-100%;
	z-index:3;
	background-color:rgba(242,237,195,0.9);
	transition:all 0.4s ease-in;
}
#hidden_nav.active{
	left:0;
}
.header_catch{
	top:130px;
	left:50%;
	transform:translateX(-50%);
}
.header_catch span{
	background-color:transparent;
	padding:5px 0;
	letter-spacing:3px;
	color:#746c32;
	font-weight:600;
}
.sp_nav{
	display:block;
	position:absolute;
	bottom:55px;
	left:0;
	width:100%;
	border-top:2px solid #ADAA90;
}
.sp_nav li a{
	display:block;
	height:50px;
	line-height:50px;
	border-bottom:2px solid #ADAA90;
	padding:0 5%;
	font-weight:600;
	font-size:16px;
	color:#746c32;
}
.header_sns{
	top:auto;
	bottom:10px;
}
.header_sns li{
	width:32px;
}
.header_gnav{
	padding:0;
}
.header_gnav ul{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom:2px dotted #999574;
}
.header_gnav li,
.header_gnav li:nth-of-type(6){
	width:33%;
	border-right:2px dotted #999574;
	border-top:2px dotted #999574;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header_gnav li:nth-of-type(3n){
	width:34%;
	border-right:none;
}
.header_gnav a{
	padding:12px 0 12px 45px;
}
.header_gnav a:before{
	width:34px;
	height:34px;
}
}
@media (max-width: 480px) {
header h1{
	max-width:60px;
}	
.header_nav li a{
	font-size:11px;
}
.header_nav li a:before{
	width:24px;
	height:24px;
	vertical-align:0;
}

/*ハンバーガー*/
#navToggle{
	left: 14px;
	top: 20px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	z-index: 4;
}
#navToggle span {
	border-bottom: solid 3px #ADAA90;
}
#navToggle span:nth-child(2) {
	top: 18px;
}
#navToggle span:nth-child(3) {
	top: 28px;
}
/*hidden_nav*/
.header_catch{
	top:95px;
}
.header_gnav{
	padding:0;
}
.header_gnav a{
	padding:10px 0 10px 30px;
	font-size:14px;
}
.header_gnav a:before{
	width:24px;
	height:24px;
}
.header_gnav span{
	font-size:10px;
}
}


/*footer*
********************************/
footer{
	margin-top:50px;
}
footer > div{
	border-top:2px dotted #999574;
	border-bottom:2px dotted #999574;
	padding:30px 0;
}
.footer_nav{
	flex:1;
}
.footer_nav ul{
	width:460px;
}
.footer_nav li{
	width:170px;
	font-size:14px;
	font-weight:600;
}
.footer_nav li:nth-of-type(1),
.footer_nav li:nth-of-type(4),
.footer_nav li:nth-of-type(7){
	width:120px;
}
.footer_nav li:nth-of-type(n+4){
	margin-top:10px;
}
.footer_nav li a:hover{
	text-decoration:underline;
}
.footer_logo{
	width:380px;
}
.footer_logo div{
	width:100px;
	margin-right:15px;
}
.footer_logo p{
	flex:1;
	font-size:13px;
}

footer > p{
	text-align:right;
	padding:10px 0;
	font-size:11px;
}
@media (max-width: 1060px) {
footer > div{
	padding:30px 5px 30px 20px;
}
.footer_logo{
	width:265px;
}
.footer_logo div{
	display:none;
}
footer > p{
	padding-right:20px;
}
}
@media (max-width: 768px) {
footer > div.flex{
	display:block;
	padding:30px 20px;
}
.footer_nav ul{
	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	text-align:center;
}
.footer_nav li{
	width:37%;
	font-weight:500;
}
.footer_nav li:nth-of-type(1),
.footer_nav li:nth-of-type(4),
.footer_nav li:nth-of-type(7){
	width:26%;
}
.footer_nav li a{
	display:block;
	padding:5px 0;
	color:#929292;
	text-decoration:underline;
}
.footer_logo{
	width:100%;
	text-align:center;
	line-height:2;
}
footer > p{
	text-align:center;
}
}
@media (max-width: 480px) {
.footer_nav li,
.footer_nav li:nth-of-type(1),
.footer_nav li:nth-of-type(4),
.footer_nav li:nth-of-type(7){
	width:50%;
	text-align:left;
}
.footer_nav li:nth-of-type(3){
	margin-top:10px;
}
}

/*list_clm*
********************************/
.list_clm3 li{
	width:31%;
	margin-right:3.5%;
}
.list_clm3 li:nth-of-type(3n){
	margin-right:0;
}
.list_clm3 li:nth-of-type(n+4){
	margin-top:30px;
}
@media (max-width: 768px) {
.list_clm3 li{
	width:48%;
	margin-right:4%;
}
.list_clm3 li:nth-of-type(3n){
	margin-right:4%;
}
.list_clm3 li:nth-of-type(2n){
	margin-right:0;
}
.list_clm3 li:nth-of-type(n+3){
	margin-top:30px;
}
}

/*information_list*
********************************/
#top_information{
	padding-bottom:0;
}
.information_list ul{
	border-bottom: 2px dotted #E5E3D9;
}
.information_list li a{
	display:block;
	padding:20px 0;
	position:relative;
	border-top: 2px dotted #E5E3D9;
}
.information_list li a:after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background:url(../img/icon_arrow.png) no-repeat;
	background-size:cover;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.information_list time{
	display:inline-block;
	background-color:#E5E3D9;
	padding:5px 20px;
	font-size:14px;
	border-radius:20px;
	margin-bottom:10px;
}
.information_list p{
	padding:0 40px 0 10px;
}
.information_list li a:hover p{
	text-decoration:underline;
}

/*campaign_list*
********************************/
.campaign_list .img{
	position:relative;
	margin-bottom:20px;
}
.campaign_list .img div{
	overflow:hidden;
	width:100%;
	padding-top:100%;
	position:relative;
	border-radius:50%;
}
.campaign_list .img div img{
	width:150%;
	max-width:150%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:all 0.2s ease-in;
}
.campaign_list .img p{
	width:70%;
	max-width:160px;
	text-align:center;
	position:absolute;
	bottom:-5px;
	left:50%;
	transform:translateX(-50%);
	background-color:#fff;
	border-radius:30px;
	padding:12px 0;
	color:#999574;
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:2px;
	box-shadow:1px 1px 4px #aaa;
	transition:all 0.2s ease-in;
}
.campaign_list .shop .cate{
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:1px;
	font-size:12px;
}
.campaign_list .shop .cate:before{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background-size:contain;
	margin-right:6px;
	vertical-align:-3px;
}
.campaign_list .shop .food{color:#FFA6A2;}
.campaign_list .shop .food:before{background-image:url(../img/icon_food.png);}
.campaign_list .shop .shopping{color:#FDB492;}
.campaign_list .shop .shopping:before{background-image:url(../img/icon_shopping.png);}
.campaign_list .shop .life{color:#96CACC;}
.campaign_list .shop .life:before{background-image:url(../img/icon_life.png);}
.campaign_list .shop .living{color:#BAD38E;}
.campaign_list .shop .living:before{background-image:url(../img/icon_living.png);}
.campaign_list .shop .beauty{color:#B1BCE3;}
.campaign_list .shop .beauty:before{background-image:url(../img/icon_beauty.png);}

.campaign_list .title{
	border-top:2px dotted #999574;
	margin-top:10px;
	padding-top:10px;
	font-size:20px;
	margin-bottom:3px;
	font-weight:600;
	line-height:1.4;
}
.campaign_list .day{
	text-align:right;
	font-size:12px;
}
.campaign_list a:hover{
	text-decoration:underline;
}
.campaign_list a:hover .img img{
	width:160%;
	max-width:160%;
}
.campaign_list a:hover .img p{
	background-color:#999574;
	color:#fff;
}
@media (max-width: 1060px) {
.campaign_list .title{
	font-size:18px;
	margin-bottom:5px;
}
}
@media (max-width: 480px) {
.campaign_list .img{
	margin-bottom:14px;
}
.campaign_list .img p{
	padding:6px 0;
	color:#999574;
	letter-spacing:1px;
	font-size:11px;
}
.campaign_list .title{
	font-size:14px;
}
}

/*single*
********************************/
.pan{
	padding-bottom:20px;
}
.pan li{
	display:inline-block;
	font-size:12px;
}
.pan li:not(:last-child):after{
	content:">";
	display:inline-block;
	padding:0 10px;
}
.pan li a{
	color:#999574;
	text-decoration:underline;
}
.pan li a:hover{
	text-decoration:none;
}
#news-link{
	margin-top:50px;
}
#news-link p{
	font-size:14px;
	font-weight:600;
	color:#999574;
}
#news-link p a:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/icon_arrow.png) no-repeat center/cover;
	margin-right:5px;
	vertical-align:-3px;
}
#news-link p a{
	text-decoration:underline;
}
#news-link p a:hover{
	text-decoration:none;
}
@media (max-width: 480px) {
.pan{
	margin-top:-20px;
}
.pan li{
	font-size:11px;
}
.pan li:not(:last-child):after{
	padding:0 5px;
}
#news-link p{
	font-size:12px;
	margin-top:4px;
}
#news-link p a:before{
	vertical-align:-2px;
}
}

#single h1{
	font-weight:600;
	font-size:20px;
}
#single .time{
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:1px;
	font-size:12px;
}
#single .main_img{
	margin:20px 0 30px;
	text-align:center;
}
#single article p{
	margin-bottom:10px;
}

#newpost{
	padding:25px 0 20px;
	font-size:14px;
}
#newpost h2{
	color:#999574;
}
#newpost h2:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/icon_tag.png) no-repeat center/cover;
	margin-right:5px;
	vertical-align:-3px;
}
#newpost li{
	margin-top:5px;
	line-height:1.4;
}
#newpost li span{
	font-family: 'Muli', sans-serif;
	font-weight:700; font-style:italic; letter-spacing:1px;
	font-size:12px;
}
#newpost li a{
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration:underline;
}
#newpost li a:hover{
	text-decoration:none;
}
@media (max-width: 480px) {
#single h1{
	font-size:16px;
}
}

/*shop_campaign*/
#list_page .pan{
	margin-bottom:20px;
}
#pager{
	width:100%;
	text-align:center;
	margin-top:50px;
	padding-bottom:20px;
}
#pager .page-numbers{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#999574;
	color:#fff;
	margin:0 2px;
}
#pager a.page-numbers:hover{
	opacity:0.8;
}
#pager span.page-numbers{
	background-color:transparent;
	color:#999574;
	border:1px solid #999574;
}
#pager .page-numbers.next,
#pager .page-numbers.prev{
	width:auto;
	padding:0 10px;
	background-color:transparent;
	color:#999574;
}
#pager #news-link{
	margin-top:30px;
}
strong{
	font-weight: bold!important;
}