@charset "utf-8";

.star li{
	float : left;
	font-size : 23px;
	line-height : 100%;
	color : #de8aa0;
}

.star .starPoint{
	padding-top : 5px;
	font-weight : 800;
}

.att{
	color : #de8aa0;
}

.ml{
	margin-left : 10px;
}

.mt{
	margin-top : 15px;
}
.mb{
	margin-bottom :25px;
}


.mtSmall{
	margin-top : 2px;
}

.pt{
	padding-top : 15px;
}

.widthBig{
	width : 90%;
}
.cent_box .mb0 {
	margin-bottom: 0px; !important;
}
.cent_box .mt0 {
	margin-top: 0px; !important;
}

.title{
	margin-top: 1em;
	font-size : 150%;
	color : #4f6228;
	font-family:'ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','MS明 朝','MS UI 明朝','MS UI mincho','MS mincho';
}
#post-444 .title,#post-517 .title {
	margin-top: 80px;
	text-align: center;
}
#post-444 .option_txt,#post-517 .option_txt {
 max-width: 500px;
 font-size: 13px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 30px;
 line-height: 1.5;
}
.title2{
	margin-top: 1em;
	font-size : 150%;
	color : #4f6228;
	font-family:'ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','MS明 朝','MS UI 明朝','MS UI mincho','MS mincho';
}

.single_box h4.title,.title5{
	margin-top: 10px;
	font-size : 30px;
	text-align: center;
	color : #4f6228;
	line-height: 1.3;
	font-family:'ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','MS明 朝','MS UI 明朝','MS UI mincho','MS mincho';
	border: none;
}
img.kinenkan {
width: 75%;
height: auto;
}
.single_box h4.title {
	margin-top: 25px;
}

.title2{
	font-size : 100%;
	font-weight : 800;
	font-size: 23px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.title3{
	padding-left : 15px;
	font-size: 22px;
	color : #4f6228;
	border-left : solid 4px #4f6228;
	margin-top: 60px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.title4{
	color : #779263;
	font-weight : 700;
	margin-top: 30px;
	margin-bottom: 0.5em;
	line-height: 1.2;
	letter-spacing: 0.8px;
}

.ciclePink{
	background : #faf6f1;
}

.ciclePink .body{
	padding : 10px !important;
}

.cicleCoupon{
	background : url(img/backgroundCoupon.png) no-repeat;
	text-align : right;	
}

.cicleCoupon img{
	margin : 10px;
}

.iconTitle .left{
	width : 13%;
}

.iconTitle .right{
	width : 85%;
}

.borderTop{
	border-top : solid 2px #77933c;
}

.borderCicle{
	margin : auto auto;
	border : solid 2px #77933c;

	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.borderCicle .body{
	padding : 5px;
}

.borderCicleWhite{
	margin : auto auto;
	border : solid 2px #77933c;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background : #FFFFFF;
}

.borderCenter{
	background : url(img/backgroundBorder.png) repeat-y center top
}

.borderCicleGlay{
	margin : auto auto;
	border : solid 1px #DDDDDD;
	background : #FFFFFF;
}

.borderCicleGlay .body{
	padding : 20px;
}

.arrow{
	display : block;

	padding-left : 30px;
	background : url(img/arrow.png) no-repeat;
	color : #846947;
	font-size : 130%;
}

.text,
.select{
	border : solid 1px #DDDDDD;
	height : 2em;
}

.textarea{
	width : 100%;
	height : 10em;
	border : solid 1px #DDDDDD
}


.table .wpcf7-not-valid-tip{
	display : block;
	background : #990000;
	color : #FFFFFF;
	padding: 0 5px;
}

.screen-reader-response{
	display : none;
}

#slideshow li{
	width : 100%;
}
.side_info {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7fa944', endColorstr = '#d5db78');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7fa944', endColorstr = '#d5db78')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #7fa944, #d5db78);
background-image: -ms-linear-gradient(top, #7fa944, #d5db78);
background-image: -o-linear-gradient(top, #7fa944, #d5db78);
background-image: -webkit-gradient(linear, center top, center bottom, from(#7fa944), to(#d5db78));
background-image: -webkit-linear-gradient(top, #7fa944, #d5db78);
background-image: linear-gradient(top, #7fa944, #d5db78);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	margin: 0;
	margin-bottom: 15px;
	padding: 15px 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.title_info {
	color: #fff;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 23px;
	line-height: 1.3;
	text-shadow:2px 2px 7px #ad997a;
}
.side_info ul {
	margin-top: 10px;
	background-color: #fff;
	padding: 10px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -0.5px;
	height: 65px;
    overflow: auto;
}
.side_info ul li {
	margin-bottom: 10px;
}
.side_info a {
	color: #000;
}
.side_info ul li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #879E70;
	font-size: 16px;
	line-height: 1.5;
}
.side_info ul span {
	font-weight: bold;
	color: #3E4F2F;
}
.side_info .ar {
	text-align: right;
	margin-top: 5px;
	
}
.side_info .ar img {
	vertical-align:0px;
	margin-right: 3px;
	height:10px;
	width: auto;
	margin-left: 3px;
}
.side_info .ar a {
	font-weight: bold;
	color: #3E4F2F;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
.menuHalf ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 0 0;
}

.menuHalf li{
	width : 25%;
	text-align : center;
	margin-bottom: 10px;
}
.menuHalf li a{
color:#507337;
font-weight: bold;
display: block;
width: 94%;
text-align: left;
margin-left: auto;
margin-right: auto;
border: 1px solid #CCCCCC;
/* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#fefefe+0,f3f3f3+47,f2f2f2+49,e8e8e8+51,fdfdfd+100 */
background: linear-gradient(to bottom,  #fefefe 0%,#f3f3f3 47%,#f2f2f2 49%,#e8e8e8 51%,#fdfdfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 10px;
padding-left: 25px;
box-sizing:border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
.menuHalf li a:after {
	content:"";
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:15px;
	margin:auto;
	width: 3px;
	height: 40%;
	/* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#527439+0,a4b697+48,a6b798+52,53753a+100 */
background: linear-gradient(to bottom,  #527439 0%,#a4b697 48%,#a6b798 52%,#53753a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	
}
.bx-wrapper {
	padding-bottom: 0 !important;
}

/*スマフォ用*/
@media only screen and (max-width:939px){
	.menuHalf{
	}

	.menuHalf li{
		width : 50%;

	}
	
	.menuHalf li a{
		display : block;
	}

	.cicleCoupon{
		background-size : 100%;
	}
	.text{
		width : 100%;
	}

}
@media only screen and (max-width:640px){
	.menuHalf li a{
		font-size: 3.4vw;
		padding-top: 5px;
		padding-bottom: 5px;
	}

}

/*PC用*/
@media only screen and (min-width:940px){
	.table .th,
	.table .td{
		padding : 10px;
		border : solid 1px #DDDDDD;
	}
}