@charset "utf-8";
/* CSS Document */

/***************************************************************************************************************************/
/* funclub                                                                                                                 */

article.funclub>section{
	margin:40px 0;
	}
article>h2>img{
	width:100%;
	}
	
article.funclub>section>div{
	text-align:center;
	margin-top:40px;
	}
article.funclub>section section{
	margin:20px 0;
	text-align:left;
	}
article.funclub>section section div{
	background:#ffe7f8;
	padding:20px;
	border:1px solid #033e1b;
	border-top:none;
	}
article.funclub>section section h2{
	background:url(../../../image/fun-zone/funclub/point_bk.png) left top repeat-x;
	height:40px;
	box-sizing:border-box;
	color:#fff;
	padding-top:8px;
	padding-bottom:6px;
	padding-left:90px;
	line-height:26px;
	font-size:26px;
	position:relative;
	overflow:visible;
	margin:40px 0 0;
	}
article.funclub>section section h2 span.topics{
	position:absolute;
	background:url(../../../image/fun-zone/funclub/point.png) center no-repeat;
	display:block;
	left:4px;
	top:-20px;
	width:80px;
	height:80px;
	font-size:18px;
	color:#e00;
	text-align:center;
	padding-top:16px;
	box-sizing:border-box;
	}
article.funclub>section section h2 span.topics span{
	display:block;
	font-size:26px;
	margin-top:-4px;
	}
article.funclub>section section h2>span:not([class]){
	font-size:14px;
	}

article.funclub>section section div span{
	color:#C00000;
	font-size:0.9em;
	}
article.funclub>section section b{
	color:#C00000;
	}
	
article.funclub>section>div p{
	color:#C00000;
	font-weight:bold;
	}
.red{
	color:red;
	}	

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
article.funclub>section section div:after{
	display:block;
	content:'';
	clear:both;
	}
article.funclub>section section img{
	float:right;
	padding:10px 0 20px 20px;
	}
article.funclub>section section img.center{
	float:none;
	padding:0;
	margin:0 auto 10px;
	display:block;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
article.funclub>section section h2{
	font-size:16px;
	padding-left:82px
	}
article.funclub>section section img{
	float:none;
	padding:0;
	margin:0 auto 10px;
	display:block;
	}
}

/* funclub
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* mailmagazin                                                                                                             */


.mailmagazin section{
	border:1px solid #EAE4CC;
	background:#F9F2D6;
	padding:10px 20px;
	margin:40px;
	}
.mailmagazin section h2{
	font-size:1.1em;
	font-weight:normal;
	border-bottom:1px dotted #a8a8a8;
	}
.mailmagazin section h2:before{
	content:"■";
	margin-right:4px;
	}

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}

/* mailmagazin
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* message                                                                                                                 */

.message>img{
	width:100%;
	}

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}

/* message
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* gourmet         
                                                                                                           */


.gourmet>section{
	margin-bottom:40px;
	}
.gourmet>section:after{
	content:"";
	display:block;
	clear:both;
	}
.gourmet>section>h2 img{
	width:90%;
	display:block;
	margin:0 auto;
	padding-right:20px;
	}
.gourmet>section h1, .gourmet>section h2, .gourmet>section:first-child{
	text-align:left;
	}
.gourmet>section:first-child{
	margin-bottom:20px;
	}
.gourmet>section:first-child>img{
	display:block;
	margin:-20px auto 20px;
	}
.gourmet>section:nth-of-type(2) ul{
	background:#f9f2d7;
	text-align:left;
	padding:20px 20px;
	}
.gourmet>section:nth-of-type(2) li{
	box-sizing:border-box;
	font-size:12px;
	padding-left:16px;
	position:relative;
	}
.gourmet>section:nth-of-type(2) li:before{
	content:"▶";
	font-size:12px;
	padding-right:4px;
	position:absolute;
	left:0;
	}
.gourmet>section:nth-of-type(2) small{
	margin-top:-10px;
	}
.gourmet>section section h2{
	background:url(../../../image/fun-zone/gourmet/tit_b.png) left top repeat;
	margin-left:20px;
	height:28px;
	}
.gourmet>section section h2 img{
	position:relative;
	left:-20px;
	top:-6px;
	}
.gourmet>section div div{
	text-align:left;
	}
.gourmet>section section td, .gourmet>section section th{
	border:none;
	border-left:none !important;
	background:none;
	}
	
.gourmet>section:not(:first-child) p{
	clear:both;
	}

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
.gourmet>section:first-child>a{
	float:right;
	display:inline-block;
	margin:0 0 20px 20px;
	}
.gourmet>section:nth-of-type(2) li{
	width:33.3%;
	float:left;
	}
.gourmet>section:nth-of-type(2) ul:after{
	content:"";
	display:block;
	clear:both;
	}
.gourmet>section:nth-of-type(2) small{
	text-align:right;
	display:block;
	}
.gourmet>section>div:after{
	display:block;
	content:"";
	clear:both;
	}
	
.gourmet>section div{
	margin-bottom:20px;
	}
.gourmet>section{
	margin-bottom:60px;
	}
.gourmet>section div div{
	float:left;
	width:48%;
	text-align:left;
	}
.gourmet>section div div:nth-of-type(odd){
	clear:both;
	}
.gourmet>section div div:nth-of-type(even){
	float:right;
	}
.gourmet>section section{
	margin-top:40px;
	}
.gourmet>section div img{
	margin:20px auto 10px;
	width:100%;
	}
	
.gourmet>section section table{
	width:45%;
	float:left;
	margin-left:2%;
	margin-right:0;
	}
.gourmet>section section table:nth-of-type(2){
	float:right;
	margin-right:2%;
	margin-left:0;
	}
.gourmet>section section tr{
	border-bottom:1px dotted #333;
	}
.gourmet>section section th{
	position:relative;
	padding-left:40px;
	}
.gourmet>section section th:before{
	content:"・";
	position:absolute;
	left:20px;
	}
.gourmet>section section td{
	text-align:right;
	padding-right:30px;
	}
	
.gourmet #sec10 div>img{
	width:auto;
	float:right;
	padding:0 0 20px 20px;
	}
.gourmet #sec10 div>p{
	clear:none;
	}
.gourmet #sec10>img{
	width:100%;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
.gourmet>section img{
	display:block;
	margin:0 auto;
	}
.gourmet>section div>img{
	margin:40px auto 40px;
	}
.gourmet>section div div img{
	margin:0px auto 0px;
	}
.gourmet>section div div{
	margin-bottom:40px;
	}
.gourmet>section h2 img{
	margin:0;
	}
.gourmet>section section th{
	border-bottom:1px dotted #333;
	}
}

/* gourmet
/***************************************************************************************************************************/

/* one-touch
/***************************************************************************************************************************/

article.one-touch section {
    margin-top: 40px;
}

article.one-touch section>strong {
    color: red;
    font-size: 108%;
}
section>strong.qr_txt{
    text-decoration: underline!important;
}

.one-touch>section:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}

article.one-touch .back_txt {
    background-color: #F9F2D6;
    padding: 14px;
}

.one-touch>section:nth-of-type(1){
text-align:center;
}



@media screen and (min-width: 600px) {
.one-touch>section:nth-of-type(2) img {
    float: right;
    margin-right: 13%;
}

.one-touch>section div div{
	float:left;
	width:48%;
	text-align:left;
	}

.one-touch>section div div:nth-of-type(even){
	float:right;
	}

.one-touch>section div div:nth-of-type(odd){
	clear:both;
	}
	
.one-touch>section>div:after {
    display: block;
    content: "";
    clear: both;
}

}


/***************************************************************************************************************************/
/* manual                                                                                                                    */
.manual>section{
	margin:20px 0;
	clear:both;
	}
.manual>section:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
	
.manual>section h5{
	margin-bottom:20px;
	}
	
.manual>section>div>p:not([class]){
	margin:14px 0;
	}
.manual>section>div>img{
	display:block;
	margin:0 auto;
	clear:both;
	}
.manual>section>div>a{
	display:inline-block;
	float:right;
	margin-bottom:10px;
	position:relative;
	top:-6px;
	color:#0058bf;
	}
.manual>section>div>a:before{
	content:url(../../../image/fun-zone/manual/icon.png);
	position:relative;
	left:-6px;
	}
.manual>section>div>a:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
	
.manual>section>div{
	border:1px solid #f3f0e2;
	background:#fcf8ea;
	border-radius:10px;
	position:relative;
	margin-bottom:60px;
	}
	
.manual h5 img{
	width:100%;
	}
@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
.manual>section>img{
	float:left;
	margin-bottom:60px;
	width:40%;
	}
	
.manual>section>div{
	float:right;
	width:50%;
	padding:16px 10px;
	}
.manual>section>div:before{
	content:url(../../../image/fun-zone/manual/serif.png);
	position:absolute;
	top:100px;
	left:-34px;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {

.manual>section>div{
	padding:10px 30px 20px;
	}
.manual>section>img{
	margin:0 auto 20px;
	display:block;
	}
}

/* manual
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* download                                                                                                                    */



@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
.download section img{
	float:left;
	padding:0 20px 20px 0;
	}
.download section:after{
	content:"";
	display:block;
	clear:both;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
.download section img{
	display:block;
	margin:0 auto 10px;
	}
.download section div{
	text-align:center;
	margin-bottom:40px;
	}
}

/* download
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* photoForm                                                                                                                    */


.photoForm>p{
	color:#C00;
	font-weight:bold;
	}
.photoForm>img{
	width:100%;
	}

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}

/* photoForm
/***************************************************************************************************************************/

/***************************************************************************************************************************/
/* eco                                                                                                                    */

article.eco img{
	display:block;
	margin:0 auto;
	vertical-align:bottom;
	}
article.eco section{
	margin-bottom:60px;
	}
article.eco ul li{
	text-align:center;
	}

article.eco h3{
	color:#19743e;
	margin-bottom:-16px;
	}

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
article.eco ul li{
	float:left;
	width:50%;
	padding-left:10px;
	box-sizing:border-box;
	}
article.eco ul li:nth-of-type(2n+1){
	padding-left:0;
	padding-right:10px;
	clear:both;
	}
article.eco ul:after{
	content:"";
	display:block;
	clear:both;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
article.eco ul li{
	margin-bottom:20px;
	}
}

/* eco
/***************************************************************************************************************************/





/***************************************************************************************************************************/
/* funclub                                                                                                                    */




@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}

/* funclub
/***************************************************************************************************************************/







/***************************************************************************************************************************/
/* vote2017                                                                                                                    */

.vote2017 {
  background-color: #fff;
}

.vote2017_inner{
  text-align: left;
}

.vote2017 h1.vote2017_title {
  font-size: 26px;
  color: #fff;
  background: none;
  background-color: #005a25;
  padding: 30px 0;
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
}

.vote2017_list {}

.vote2017_list li {}

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

.vote2017_list {}

.vote2017_list::after {
  content: "";
  display: table;
  clear: both;
}

.vote2017_list li {
  width: 20%;
  float: left;
  padding: 10px 10px;
  box-sizing: border-box;
}


.vote2017_list li:nth-child(5n+1) {
  clear: both;
}

.vote2017_list input {
  display: none;
}

.vote2017_list label {
  display: block;
  border: 7px solid #eee;
  cursor: pointer;
  opacity: 0.5;
}

.vote2017_list input:checked+label {
  border-color: #005a25 !important;
  opacity: 1;
}

.vote2017_list li:hover label {
  border-color: rgba(0, 90, 37, 0.3);
}

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

.vote2017_list p {
  padding: 0 !important;
  margin: 5px 0;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}

.vote2017_subtitle{
  padding-top: 20px;
}

.vote2017_checkbox_container{
  
}
.vote2017_checkbox_container label{
  display: inline-block;
  margin: 0;
  width: auto;
  padding: 0;
}
.vote2017_checkbox_container label input{
  display: inline-block;
  margin: 0 5px 0 0;
  width: auto;
  padding: 0;
}

@media screen and (max-width:768px) {
  
  .vote2017 {
    padding: 10px 3% !important;
  }
  
  .vote2017 h1.vote2017_title {
    font-size: 18px;
    padding: 10px 0;
    margin-top: 10px;
  }
  
  .vote2017_list li {
    width: 33.3%;
    float: left;
    padding: 2px 2px;
    box-sizing: border-box;
  }
  
  .vote2017_list li:nth-child(5n+1) {
    clear: none;
  }
  
  .vote2017_list li:nth-child(3n+1) {
    clear: both;
  }
  
  .vote2017_list input {
    display: none;
  }
  
  .vote2017_list label {
    border: 3px solid #eee;
    opacity: 0.5;
  }
  
  .vote2017_list input:checked+label {
    border-color: #005a25 !important;
    opacity: 1;
  }
  
  .vote2017_list li:hover label {
    border-color: rgba(0, 90, 37, 0.3);
  }
  
  .vote2017_list img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
  
  .vote2017_list p {
    margin: 2px 0;
    font-size: 11px;
  }
  
  .vote2017_subtitle {
    padding-top: 20px;
  }
  
  .vote2017_subtitle img {
    height: 30px;
  }
}

/* vote2017
/***************************************************************************************************************************/