@charset "utf-8";
/* CSS Document */
/*********************************
　基本フォーマット
*********************************/


html{overflow:auto;}

/*font-size基本=============================*/
@media screen and (min-width:984px){
	html{
		font-size:16px;
	}
}

@media screen and (min-width:768px) and (max-width:983px){
	html{
		font-size:1.5vw;
	}
}

@media screen and (max-width:767px){
	html{
		font-size:3.3vw;
	}
}
/*=============================font-size基本*/


body{
	margin: 0px;
	padding: 0px;
	line-height:150%;
	color:#000;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Verdana, Arial, "メイリオ", Meiryo, sans-serif;
	overflow:hidden;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:lighter;
 -webkit-text-size-adjust: 100%;/* font-sizeのiphoneで変わるのを防ぐ */
}





/* Webfont: BloggerSans-Medium */
	@font-face {
    font-family: 'BloggerSans';
    src: url('../font/BloggerSans-Medium.eot');
    src: url('../font/BloggerSans-Medium.woff') format('woff'),
         url('../font/BloggerSans-Medium.ttf') format('truetype'),
         url('../font/BloggerSans-Medium.svg#BloggerSans-Medium') format('svg');
    font-style: normal;
    /*font-weight: bold;*/
    /*text-rendering: optimizeLegibility;
	  
	    url('../font/BloggerSans-Medium.eot?#iefix') format('embedded-opentype'),*/
}

/* Webfont: Reitam_Regular */
	@font-face {
	font-family:'Reitam';
	src:url('../font/Reitam_Regular.eot');
	src:url('../font/Reitam_Regular.woff') format('woff'),
		url('../font/Reitam_Regular.ttf') format('truetype'),
		url('../font/Reitam_Regular.svg#Reitam') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* Webfont: yakuhanjp 半角記号 */
.yakuhanjp {
  font-family: YakuHanJP, "Hiragino Sans", Meiryo, "Yu Gothic Medium", sans-serif;
}

.en {
font-family: input-serif,serif;
font-weight: 400;
font-style: normal;
}

/*
.dosis{
    font-family: 'Dosis', sans-serif;
}
.bsans{
    font-family:'BloggerSans' , 'Dosis' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3' , sans-serif;
}*/
.reitam{
	font-family:'Reitam' , 'BloggerSans' , 'Dosis', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	letter-spacing: 0.1rem;
}




input,select,textarea{
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

img {
	border:0;
}
h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
}



h2{
	margin-bottom:30px;
	margin-top:30px;
	letter-spacing:0.2em;
	color:#000;
}

.ovf{
    overflow:hidden;
    
}

a{
    text-decoration:none;
}




.contents{
	width:96%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width:calc(100% - 30px);
    max-width:900px;
    margin:0 auto;
	position: relative;
}

p{
	font-size:0.87rem;
	color:#000;
	}

.fb-share-button span{
    vertical-align:top !important;
}

.flexbox1{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}


/* スマホ */
@media screen and (max-width: 767px){



h2.bsans{
	
	font-size: 23px;
}

/*p{
	font-size:14px;
	}*/

}

/*********************************
　　　汎用クラス
*********************************/

/** クリア **/
.clear{
	display:block;
	clear:both;
	color:#FFFFFF;
	font-size:0px;
	line-height:0px;
	height:0px;
}


.clearfix:after ,.contents:after{  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;
}  



/*********************************
　　　汎用マージン、スペース
*********************************/

/* ----------------------------------------------------
margin
---------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt150 { margin-top: 150px !important; }
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pr00 { padding-right:  0px !important; }
.pr03 { padding-right:  3px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

.w10 { width: 10%}
.w20 { width: 20%}
.w30 { width: 30%}
.w40 { width: 40%}
.w50 { width: 50%}
.w60 { width: 60%}
.w70 { width: 70%}
.w80 { width: 80%}
.w90 { width: 90%}
.w100 { width: 100%}
.h100{ height:100%;}
.left{float:left;}
.right{float:right;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}


.mr4p{margin-right:4% !important;}
.mr5p{margin-right:5% !important;}
.ml5p{margin-left:5% !important;}

.border-no{border:none !important;}

.b{font-weight:bold;}

.att{
padding-left:1em;
    text-indent:-1em;
}

a:hover , div:hover ,a:hover img{
	transition:.5s;
}


/****************************/

.border{
	border-top:1px solid #8e9792;
	width:100%;
	height:1px;
	display:block;
}
	
hr{
	border:none;
	height:1px;
	background:#8e9792;
	margin:10px auto 40px;
	}
	
.icon_new{
	position:relative;
}

.icon_new:before {
  content:" ";
  background: url("../img/icon_new.png") left top;
  background-size:contain;
  width:53px;
  height:53px;
  position:absolute;
  z-index:100;
  top:-18px;
  left:-24px;
}

.fw_nomal{font-weight:nomal !important;}  



	#pankuzulink{
    background:#eeeeee;
    padding:18px 0;
    }
    
    .pankuzulink_inner{
    width:94%;
    max-width:1100px;
    margin:0 auto;
    font-size:0.87rem;
	color:#595959;
	
	line-height:2em;
    }
	
	.pankuzulink_inner a{
	    color:#595959;
	}
	
	.pankuzulink_inner a:hover{
	color: #b4b4b5;
	}
	
	.pankuzulink_inner span{
	display:inline-block;
	margin:0 20px;
	}


.c_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position:relative;
/*	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
/*	justify-content: space-between;*/

}

.c_block{
	width:100%;
}

.h2style1{
	text-align:center;
	font-weight:lighter;
	vertical-align: middle;
	font-size:1.45rem;
	margin-top:40px;
}

.h2style1 .en{
	font-size:0.8rem;
	vertical-align: inherit;
	display:inline-block;
	margin-left:20px;
	padding-left:20px;
	border-left:solid 1px #ed3e5c;
}


.c_block .c_3 .texteare{
	padding:15px 10px;
	position:relative;
	height:130px;
	box-sizing: border-box;
	}
	



.c_block .c_3 .texteare .text{
	height:3.5rem;

}

.c_block .c_3 .texteare .text a{
	color:#000;
	font-size:1rem;
}


.c_block .c_3 .texteare .date{
	font-weight:bold;
	position:absolute;
	bottom:15px;
	box-sizing: border-box;
    width: 91%;
}

.c_block .c_3 .texteare .date .cate-label{
    padding: 0.2vw 0.6vw;
    display: inline-block;
    background: #81dcfc;
    vertical-align: top;
    color: #fff;
    float: right;
    font-weight: lighter;
}

.c_block .c_3 .texteare .date .sale{
background:#ed3e5c;
}

.morebtn{
	text-align:center;
	margin:30px auto 50px;
}

.morebtn a{
	padding:12px 80px;
	color:#000;
	border:2px solid #000;
	background:#fff;
	display: inline-block;
	position:relative;
}

.morebtn a:after{
	content:"";
	width: 8px;
	height: 8px;
	border: 0px;
	border-bottom: solid 1px #ed3e5c;
	border-right: solid 1px #ed3e5c;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;

}

.morebtn a:hover{
	color:#fff;
	background:#000;
}

.morebtn a:hover:after{
    border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}
.morebtn.next a:after{
	border-top: solid 1px #ed3e5c;
	border-bottom: none;
	margin-top: -4px;
}

.morebtn.next a:hover:after{
    border-top: solid 1px #fff;
}

.morebtn.pink a{
	background:#ed3e5c;
	color:#fff;
	border:2px solid #ed3e5c;
}

.morebtn.pink a:after{
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

.morebtn.pink a:hover{
	background:#fff;
	color:#ed3e5c;
}

.morebtn.pink a:hover:after{
	border-top: solid 1px #ed3e5c;
	border-right: solid 1px #ed3e5c;
}


.backbtn{
	text-align:center;
	margin:30px 40px 50px 0;
	display: inline-block;
}

.backbtn a{
	padding:12px 80px;
	color:#fff;
	border:2px solid #9e9e9f;
	background:#9e9e9f;
	display: inline-block;
	position:relative;
}

.backbtn a:after{
	content:"";
	width: 8px;
	height: 8px;
	border: 0px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -4px;

}

.backbtn a:hover{
	color:#737373;
	background:#f1f1f1;
}

.backbtn a:hover:after{
	border-bottom: solid 1px #737373;
	border-left: solid 1px #737373;
}

.ta-c .morebtn{
	display: inline-block;
}






/*PC*/
@media print, screen and (min-width:768px){
	.pc{display:block !important;}
	.sp{display:none !important;}
	
	hr{width:900px;}
	
	
	a.op:hover{
	    opacity:0.5;
	}

	/*.linkbox:hover img, .linkbox img:hover{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    }*/
    
    a:hover img{
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    }
    
    .linkbox:hover,.linkbox:hover img{
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    }
    
    
    .c_block .c_3{
	width: -webkit-calc((100% / 3) - 20px);
	width: -moz-calc((100% / 3) - 20px);
	width: calc((100% / 3) - 20px);
    max-width: 242px;
	margin-right:25px;
	margin-bottom:25px;
	}
	
	.c_block .c_3:nth-of-type(3n){
	margin-right:0;
	}
	
	
    
    
    
	.c_block .c_4{
	width: -webkit-calc(25% - 23px);
	width: -moz-calc(25% - 23px);
	width:calc(25% - 23px);
	max-width:202px;
	margin-right:25px;
	margin-bottom:25px;
	}
	
	.c_block .c_4:nth-of-type(4n){
	margin-right:0;
	}
    
    
}


/*PC可変*/
@media screen and (min-width:767px) and (max-width:983px){


}




/*スマホ*/
@media screen and (max-width: 767px){
.pc{display:none !important;}
.sp{display:block !important;}

.icon_new:before {
  content:" ";
  width:50px;
  height:50px;
  position:absolute;
  z-index:100;
  top:-20px;
  left:-10px;
  }
  
	.pankuzulink{
	width:100%;
	padding:20px;
	box-sizing:border-box;
    font-size:12px;
    color:#8e9792;
    }
	
	.pankuzulink a{
	color:#8e9792;
	}
	
	
	.h2style1{
	font-size: 1.45rem;
	letter-spacing: 0.02em;
	}
	
	.h2style1 .en{
	margin-left: 3vw;
    padding-left: 3vw;
	}
	
	.c_block{
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
	justify-content: space-between;
	  -webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
	}
	
    .c_block .c_3{
	width: -webkit-calc(50% - 2vw);
	width: -moz-calc(50% - 2vw);
	width: calc(50% - 2vw);
	margin-right:0;
	margin-bottom:4vw;
	float:left;
	}
	
	.c_block .c_3:nth-of-type(2n){
	margin-right:0;
	}
	
	.c_block .c_3 .texteare{
	height:24vw;
	padding: 2.3vw 1.9vw;
	}
	
	.c_block .c_3 .texteare .text{
	height: 2.9em;

	}
	
	.c_block .c_3 .texteare .date .cate-label{
    padding: 0.2vw 1.2vw;
    }
	
	.morebtn a , .backbtn a{
	padding: 2vw 12vw;
	}
	
	.morebtn a span , .backbtn a span{
	font-size:1.2rem;
	}
	.backbtn{
	margin-right:2vw;
	}
}


/*Cookie同意*/
.container{max-width:960px;margin:auto;width:96%;}

.cookie-consent .container{padding:0;}
.cookie-consent a{color:#ffffff;}
.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    padding:40px 0;
    visibility: hidden;
    box-sizing: border-box;
    z-index:99;
    line-height:1.5em;
}
.cookie-consent.is-show {visibility: visible;}
.cookie-consent p{color: #fff;width: calc(100% - (200px + 40px));}
.cookie-consent p a{text-decoration:underline;}
.cookie-consent .agree {background: #fff;display: inline-block;min-width: 200px;padding: 16px;
border-radius:4px;text-align:center;transition: all 0.2s ease-in-out;border:1px solid #fff;}
.cookie-consent .agree:hover {background:#333;color:#fff;}
/* パッと消える */
.cc-hide1 {display: none;}
/* ゆっくり消える */
.cc-hide2 {
animation: hide 1s linear 0s;animation-fill-mode: forwards;}
@keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
}

/*PC==============================================*/
@media screen and (min-width:769px){
.cookie-consent .container{display: flex;justify-content: space-between;align-items: center;}
}

@media screen and (max-width:1160px){
.cookie-consent p{width: calc(100% - (200px + 20px));}
}

/*スマホ==========================================*/
@media screen and (max-width: 768px) {
.cookie-consent{padding:6vw 0;}
.cookie-consent p{width:100%;margin-bottom:4vw;}
.cookie-consent .agree{display:block;margin:auto;padding:3vw;}
}

@media screen and (max-width: 576px) {
.cookie-consent p{font-size:1.4rem;}
}