@charset "utf-8";

/* Basic
----------------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; list-style: none; }
strong { font-weight: bold; }
@media print{ #ctv_tab{ display: none; } }



/* Link
----------------------------------------------------------------------------------------------------*/
a:link, a:link * { color: #0084ff; text-decoration: none; outline: none; }
a:visited, a:visited *{ color: #8b1efc; text-decoration: none; outline: none; }
a:hover, a:hover *{ color: #ff780a; text-decoration: none; outline: none; }
a:hover img{ opacity:0.7; filter: alpha(opacity=70); }
li a:hover{ opacity:0.7; filter: alpha(opacity=70); }



/* All
----------------------------------------------------------------------------------------------------*/
.sp{ display: none; }

#ctv_tab{ margin: 0 auto; padding: 0; width: 100%; text-align: center; }
body{
	background: #E6E6E6 url(../img/bg_main.gif) repeat center top;
	color: #000;
	font-size: 80%;
	font-family: 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,Helvetica,sans-serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	text-align: center;
}
img{ border: none; }
#container{ background: #FFF; text-align: center; margin: 0 auto 0; width: 960px; }
#t_main{ width: 960px; clear: both; }
#m_contents{ float: left; width: 620px; }
#s_contents{ float: right; width: 340px; }



/* Contents
----------------------------------------------------------------------------------------------------*/
h1#title{ display: block; background: url(../img/t_header.jpg); height: 276px; width: 960px; text-indent: -9999px; }

#guest_iframe{ margin: 4px 0 12px 0; padding: 0; }

ul#form_list{ width: 600px; margin: 18px 0 24px 20px; }
ul#form_list li{ float: left; padding-bottom: 4px; }

ul#mainmenu{ width: 600px; margin: 18px 0 24px 20px;
	overflow: hidden;
}
ul#mainmenu li{ float: left; padding-bottom: 4px; }
ul#mainmenu2{ width: 600px; margin: 0px 0 24px 20px; clear: both; }
ul#mainmenu2 li{ float: left; padding-bottom: 4px; }


#top_taiso{ clear: both; width: 580px; margin: 0 0 0 30px; }
	#top_taiso_yt{ width: 410px; height: 231px; float: left; margin-bottom: 24px; }
	#top_taiso_img{ width: 170px; float: right; }

#prof_taiso{ clear: both; width: 538px; margin: 0 auto 0px; }
	#prof_taiso_yt{ width: 368px; height: 207px; float: left; margin-bottom: 24px; }
	#prof_taiso_img{ width: 170px; float: right; }


/* instagram */
#ig{
	clear: both;
	display: block;
	width: 580px;
	margin: 0px 0 30px 20px;
	padding: 10px;
	border: #CCC 1px solid;
	border-radius: 8px;
	background: #F9F9F9;
}
#ig h2{
	color: #ff167b;
	font-weight: bold;
	font-size: 116%;
}
#ig h2:before{
	content:"\f16d";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding-right: 6px;
	font-size: 132%;
	font-weight: normal;
}

#ig_container{
	margin: 12px auto;
	width: 98%;
	max-width: 580px;
	overflow: hidden;
	border: #E0E0E0 2px solid;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
	border-radius: 8px;
	background: #fff;
}
#ig_container p{
	margin: 0;
	padding: 2px 0;
	background: #000;
	color: #fff;
	border-radius: 8px 8px 0 0;
}
#ig_container img{ margin: 12px; }
#ig_container a img{ box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); }
	#ig_container a:hover img,
	#ig_container a:active img{
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
#Insta-iframe{ height: 720px; }
#sb_instagram .sb_instagram_header{ width: 99% !important; }
#sb_instagram .sbi_header_text{ width: 99% !important; }





/* side */
#ad_txt{ color: #999; font-weight: normal; font-size: 80%; text-align: right; padding: 10px 20px 0 0; }

#s_profile{ margin: 18px 0 0 0; }

#s_member{ margin: 12px 0 0 0; }
#s_twit{ margin: 12px 0 0 0; }
#s_insta{ margin: 12px 0 0 0; }
#s_present{ margin: 12px 0 0 0; }
#h_next{ margin: 8px 0 0 0; }
#h_schedule{ margin: 16px 0 0 0; }
#member #btn_member_s,
#present #btn_present_s{ display: none; }


/* Top 会員のみなさま */
#top_menber{ background: #fff5fb; width: 278px; margin: 0 auto 0; border: 2px double #eb4cb5; border-radius: 6px; padding-bottom: 2px; }
#top_menber p{ background: #ffdcf3; border-bottom: 1px dashed #eb4cb5; font-size: 112%; line-height: 200%; text-align: center; font-weight: bold; }
#top_menber a{ font-size: 100%; line-height: 160%; }
#top_menber a{
	color: #FFF;
	padding: 4px 12px;
	background: #009cff;
	display: inline-block;
	text-decoration: none;
	border-radius: 10px;
	width: 180px;
	margin: 6px auto;
}
	#top_menber a:hover{ color: #FFF; background: #ff1c87; }



/* member q&a */
body#member_qa{ background-color: #FFF; padding: 18px auto; }
div#member_qa{ width: 840px; background-color: #fffcfe; margin: 0px auto 0px; padding: 6px 10px 24px 10px; border: 3px double #eb4cb5; text-align: left; }
div#member_qa h1{ color: #a3004d; font-size: 150%; line-height: 180%; text-align: center; font-weight: bold; }
div#member_qa h2{ background: #fce6f3; color: #85002f; font-size: 124%; line-height: 200%; font-weight: bold; padding-left: 10px; border-bottom: 1px solid #ffb8e7; }
div#member_qa p{ color: #000; width: 780px; margin: 10px 0 50px 44px; font-size: 104%; line-height: 160%; }
div#member_qa strong{ color: #cc7401; font-size: 136%; line-height: 180%; }
div#member_qa em{ color: #f36d00; font-size: 112%; line-height: 160%; }
div#member_qa p#qa_close{ font-size: 90%; text-align: center; margin: 0; }





/* Contents 2
----------------------------------------------------------------------------------------------------*/
h1#title_s a{ display: block; background: url(../img/m_header.jpg); height: 79px; width: 960px; text-indent: -9999px; }
#theme_main{ background: url(../img/m_main_bg.gif) repeat-y left top; width: 600px; margin: 0 0 0 20px; }
#theme_main h3{ font-size: 140%; line-height: 160%; font-weight: bold; }



/* form_member
----------------------------------------------------------------------------------------------------*/
h2#c_member{ background: url(../img/m_member_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }

#theme_main ul#member_point{ width: 500px; background-color: #fff6fc; margin: 0 auto 4px; padding: 12px 4px 10px 4px; border: 4px solid #ff6fb3; text-align: left; }
#theme_main ul#member_point li{ color: #da0076; font-size: 120%; line-height: 165%; font-weight: bold; padding: 0 0 10px 0px; }
#theme_main ul#member_point li span.no{ display: block; float: left; font-size: 112%; }
#theme_main ul#member_point li span.main{ display: block;  overflow: auto; }

#theme_main p#member_point{ width: 500px; margin: 0 auto 18px; padding: 4px; text-align: left; }

#theme_main #member_rules{ width: 500px; background-color: #fffbe9; margin: 18px auto 24px; padding: 6px 4px 10px 8px; border: 3px double #ffd629; text-align: left; height: 400px; overflow: auto; }
#theme_main #member_rules h4{ color: #cc7401; font-size: 136%; line-height: 140%; text-align: center; font-weight: bold; }
#theme_main #member_rules h5{ color: #cc7401; font-size: 112%; line-height: 180%; }
#theme_main #member_rules h6{ color: #cc7401; font-size: 112%; line-height: 180%; }
#theme_main #member_rules strong{ color: #cc7401; font-size: 136%; line-height: 180%; }
#theme_main #member_rules em{ color: #cc7401; font-size: 112%; line-height: 180%; }
#theme_main #member_rules ul{ width: 480px; margin: 0 auto 18px; }
#theme_main #member_rules p{ color: #85580a; width: 480px; margin: 0 auto 18px; }
#theme_main #member_rules ul li{ color: #85580a; font-size: 100%; line-height: 165%; padding: 0 0 10px 0px; }
#theme_main #member_rules ul li span.no{ display: block; float: left; }
#theme_main #member_rules ul li span.main{ display: block;  overflow: auto; }


#theme_main .member_att{ width: 500px; background-color: #f9f9f9; margin: 0 auto 18px; padding: 6px 4px 10px 8px; border: 1px dotted #ed1600; text-align: left; }
#theme_main .member_att strong{ color: #d90000; font-size: 110%; line-height: 180%; }
#theme_main .member_att ul li{ color: #7d000c; font-size: 90%; line-height: 200%; padding: 0 0 0 4px; }

#theme_main div#member_form{ padding: 12px 0 0px; width: 510px; margin: 0 auto 0px; }
#theme_main div#member_form a{ display: block; background: transparent url(../img/btn_member.gif) no-repeat left top; height: 86px; width: 228px; margin: 0 auto; text-indent: -9999px; }
#theme_main div#member_form a:hover{ background: transparent url(../img/btn_member_on.gif) no-repeat left top; }
#theme_main div#member_form strong{ color: #ff1395; font-size: 112%; line-height: 140%; }



/* form_recipe
----------------------------------------------------------------------------------------------------*/
h2#c_mailrecipe{ background: url(../img/m_recipe_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
#theme_main p#recipe_maint{ width: 520px; margin: 0 auto; font-size: 116%; line-height: 150%; padding: 0px 16px 0px; text-align: left; font-weight: bold; color: #d93c00; }
#theme_main p#recipe_maint span.min{ font-size: 96%; line-height: 140%; }
#theme_main p#recipe_maint2{ width: 520px; margin: 16px auto 0; font-size: 116%; line-height: 150%; padding: 0px 16px 0px; text-align: left; }

#recipe_iframe{ padding: 0; border: 3px double #ffd629; width: 510px; margin: 0 auto 18px; }
#theme_main #recipe_theme{ width: 500px; background-color: #fffbe9; margin: 0 auto 18px; padding: 6px 4px 10px 8px; border: 3px double #ffd629; text-align: center; }
#theme_main #recipe_theme strong{ color: #dd7d00; font-size: 136%; line-height: 180%; }
#theme_main #recipe_theme ul{ width: 200px; margin: 0 auto; text-align: left; }
#theme_main #recipe_theme ul li{ color: #9a6200; font-size: 120%; line-height: 180%; padding: 0 0 0 4px; }

#theme_main #recipe_att{ width: 500px; background-color: #f9f9f9; margin: 0 auto 18px; padding: 6px 4px 10px 8px; border: 1px dotted #ed1600; text-align: left; }
#theme_main #recipe_att strong{ color: #d90000; font-size: 110%; line-height: 180%; }
#theme_main #recipe_att ul li{ color: #7d000c; font-size: 90%; line-height: 200%; padding: 0 0 0 4px; }

#theme_main div#recipe_form{ font-size: 100%; line-height: 160%; padding: 12px 0 4px; font-weight: normal; text-align: center; width: 510px; margin: 0 auto 0px; border: 3px solid #93e7ff; }
#theme_main div#recipe_form strong{ color: #ff1395; font-size: 112%; line-height: 140%; padding: 0px 0; }
#theme_main div#recipe_form div.recipe_mail{ width: 360px; margin: 12px auto 12px; }
#theme_main div#recipe_form div.recipe_mail p{ color: #FFF; text-align: center; font-size: 120%; line-height: 140%; font-weight: bold; }
#theme_main div#recipe_form div.recipe_mail a{ display: block; background: transparent url(../img/btn_recipe.gif) no-repeat left top; height: 86px; width: 228px; margin: 0 auto; text-indent: -9999px; }
#theme_main div#recipe_form div.recipe_mail a:hover{ background: transparent url(../img/btn_recipe_on.gif) no-repeat left top; }
#theme_main div#recipe_form div.recipe_mail span{ color: #333; font-weight: normal; font-size: 90%; text-decoration: none; }



/* profile
----------------------------------------------------------------------------------------------------*/
h2#c_profile{ background: url(../img/m_profile_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
#theme_main #profile_main{ padding: 0; }
		#theme_main #profile_main ul{ width: 530px; margin: 12px auto 24px; text-align: left; }
		#theme_main #profile_main ul li{ color: #9a6200; font-size: 110%; line-height: 200%; padding: 0; }



/* present
----------------------------------------------------------------------------------------------------*/
h2#c_present{ background: url(../img/m_present_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
#theme_main #present_main{ padding: 12px 0 0 0; width: 530px; margin: 0px auto 24px; text-align: left; }
#pre_iframe{ padding: 0; border: #ffea00 double 3px; width: 520px; margin: 0px auto 36px; }
p#pre_att{ width: 500px; background-color: #f9f9f9; margin: 0 auto 0px; padding: 6px 4px 10px 8px; border: 1px dotted #ed1600; text-align: left; line-height: 180%; }
p#pre_att strong{ color: #d90000; font-size: 110%; line-height: 180%; }
p#pre_att em{}
p#pre_att a.member{
	color: #FFF;
	padding: 4px 16px;
	background: #009cff;
	display: inline-block;
	border: solid 1px #8cd9f9;
	text-decoration: none;
	border-radius: 6px;
	margin: 4px 0;
}
	p#pre_att a.member:hover{
	color: #FFF;
	background: #ff1c87;
	border: solid 1px #f60057;
}



/* goods
----------------------------------------------------------------------------------------------------*/
h2#c_goods{ background: url(../img/m_goods_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
h2#c_goods2{ background: url(../img/m_goods_h2.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
#theme_main #goods_main{ padding: 12px 0 0 0; width: 530px; margin: 0px auto 0px; text-align: left; }
#goods_main em{ font-size: 106%; line-height: 160%; }
p#goods_txt{ width: 500px; background-color: #f9f9f9; margin: 12px auto 24px; padding: 6px 8px 10px 8px; border: 1px dotted #ed1600; text-align: left; line-height: 180%; }
p#goods_txt strong{ color: #d90000; font-size: 120%; line-height: 180%; }
#goods_main ul{ margin: 8px 0 20px 12px; }
#goods_main ul li{}
#goods_main ul li a{
	color: #FFF;
	padding: 4px 16px 4px 12px;
	background: #009cff;
	display: inline-block;
	border: solid 1px #8cd9f9;
	text-decoration: none;
	border-radius: 6px;
	margin: 8px 0;
}
	#goods_main ul li a:hover{
	color: #FFF;
	background: #ff1c87;
	border: solid 1px #f60057;
}
p#wp{ margin: 0 auto; width: 531px; text-align: center; font-size: 112%; font-weight: bold; background: #009cff; }
p#wp a{ color: #FFF; line-height: 180%; }
p#wp a:hover{ color: #fffaaf; text-decoration: underline; }
#goods_iframe{ padding: 0; border: #ffc3eb dotted 1px; width: 530px; margin: 0px auto 0px; }



/* farm
----------------------------------------------------------------------------------------------------*/
h2#c_farm{ background: url(../img/m_farm_h.gif); display: block; height: 140px; width: 600px; margin: 8px 0 0 20px; text-indent: -9999px; clear: both; }
#theme_main #farm_main{ padding: 12px 0 0 0; width: 530px; margin: 0px auto 24px; text-align: left; }
p#farm_txt{ width: 500px; background-color: #f9f9f9; margin: 12px auto 24px; padding: 6px 8px 10px 8px; border: 1px dotted #ed1600; text-align: left; line-height: 180%; }
#farm_main p{ margin: 0 0 32px 0; text-align: center; }
#farm_main p strong{ color: #000000; font-size: 120%; line-height: 180%; }
#farm_main a{
	color: #FFF;
	font-size: 112%;
	padding: 8px 16px 8px 14px;
	background: #009cff;
	display: inline-block;
	border: solid 1px #8cd9f9;
	text-decoration: none;
	border-radius: 12px;
	margin: 4px 0;
}
	#farm_main a:hover{
	color: #FFF;
	background: #ff1c87;
	border: solid 1px #f60057;
}





/* index　sub
----------------------------------------------------------------------------------------------------*/
#whatsnew_iframe{ padding: 0; border: #dff2c5 solid 1px; width: 280px; margin: 0 auto 0; }

#schedule_iframe{ padding: 0; border: #3d9000 solid 2px; width: 290px; margin: 0 auto 0; }



/* Sub_contents
----------------------------------------------------------------------------------------------------*/
#go_top{ margin: 24px 0 4px; text-align: right; padding: 0 12px 0 0; clear: both; }


div#footer{ background: #b55900; width: 960px; margin: 0 auto 0; text-align: center; clear: both; }
.copyright{ color: #FFF; font-size: 88%; line-height: 112%; padding: 7px; }
.copyright a{ color: #FFF; line-height: 112%; padding: 7px; }























#movie iframe{ border: 4px double #a48f02; }
img.img_sp1{ margin: 2px 0 10px 0; }

#remote{
	/*border: 1px dotted #BBBBBB;*/
	padding: 8px 12px 8px;
	width: 720px;
	margin: 16px auto 48px;
	text-align: left;
}
	#remote strong{ color: #ff7246; font-size: 112%; line-height: 160%; }


#howto{
	padding: 8px 12px 8px;
	width: 720px;
	margin: 16px auto 0px;
	text-align: left;
	color: #fff;
}
	#howto li{ padding: 8px 8px 12px 4px; border-bottom: 1px solid #9f7000; border-right: 1px solid #9f7000; font-size: 112%; line-height: 160%; 	border-radius: 8px; margin-bottom: 16px; }
	#howto li strong{ background: #fffcc9; color: #402000; border-radius: 4px; border: 1px solid #eaa500; font-size: 112%; line-height: 160%; font-weight: bold; padding: 2px 4px;
		background: rgb(252,234,187); /* Old */
		background: -moz-linear-gradient(top,  rgb(252,234,187) 0%, rgb(248,181,0) 12%, rgb(251,223,147) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(252,234,187)), color-stop(12%,rgb(248,181,0)), color-stop(100%,rgb(251,223,147))); /* Chr,Saf4+ */
		background: -webkit-linear-gradient(top,  rgb(252,234,187) 0%,rgb(248,181,0) 12%,rgb(251,223,147) 100%); /* Chr10+,Saf5.1+ */
		background: -ms-linear-gradient(top,  rgb(252,234,187) 0%,rgb(248,181,0) 12%,rgb(251,223,147) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgb(252,234,187) 0%,rgb(248,181,0) 12%,rgb(251,223,147) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	}


#attention{
/*	background: transparent url(../image/bg_cont25.png) repeat;*/
/*	border: 1px dotted #fdd000;*/
	padding: 8px 12px 8px;
	width: 720px;
	margin: 18px auto 60px;
	text-align: left;
}
	#attention li{ line-height: 200%; }






/* form_button */
#form{ margin: 24px 0 50px; }
#form a{
	background: #119ffa; color: #FFF; font-weight: bold; font-size: 136%;
	border: 1px solid #b4b4b4;
	border-right-color: #707070;
	border-bottom-color: #707070;
	padding: 10px 48px; margin: 0 auto; width: 320px;
	background: -moz-linear-gradient(top, #b2d4f4 1%, #73b1e7 10%, #0a77d5 60%, #539fe1 85%, #87bcea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b2d4f4), color-stop(10%,#73b1e7), color-stop(60%,#0a77d5), color-stop(85%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b2d4f4 1%,#73b1e7 10%,#0a77d5 60%,#539fe1 85%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2d4f4 1%,#73b1e7 10%,#0a77d5 60%,#539fe1 85%,#87bcea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2d4f4 1%,#73b1e7 10%,#0a77d5 60%,#539fe1 85%,#87bcea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2d4f4 1%,#73b1e7 10%,#0a77d5 60%,#539fe1 85%,#87bcea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4f4', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
}
	#form a:hover{
	border: 1px solid #505050;
	background: #ffc01b; color: #000; /* Old */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 10%, #f8b500 60%, #fccd4d 85%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(10%,#fccd4d), color-stop(60%,#f8b500), color-stop(85%,#fccd4d), color-stop(100%,#fbdf93)); /* Chr,Saf4+ */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 10%,#f8b500 60%,#fccd4d 85%,#fbdf93 100%); /* Chr10+,Saf5.1+ */
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 10%,#f8b500 60%,#fccd4d 85%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 10%,#f8b500 60%,#fccd4d 85%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	}
	.f_btn{
		text-align: center;
	}
div#h_endtnx{ color: #FF116B; font-size: 140%; line-height: 180%; font-weight: bold; margin: 32px 0 32px 0; }