@charset "UTF-8";

@media screen and (max-width: 960px) {
	.pc {
	/*
		width:960px;
		*/
	}
	
}

@media screen and (max-width: 900px) {

	/* 共通 */

	body {
		font-size:0.85em;
	}
	
	.pc {
		display:none;
	}

	.mb {
		display:block;
	}

	/* SNSボタンエリア */
	body div.sns-area {
		width:325px;
		height:90px;
		border:1px solid #ccc;
		border-bottom:none;
		text-align:center;
		position:fixed;
		z-index:1000;
		top:auto;
		bottom:0 !important;
		left:50%;
		margin-left:-160px;
		padding:2px;
		background-color:white;
	}

	body div.sns-area a img{
		width:50px;
		height:50px;
	}
	
	div.sns-area a {
		display:block;
		float:left;
		margin:0 2px;
	}
	
/*----------------------------------------
 * 共通
 *----------------------------------------*/

.outer_width {
	width:100%;
}

.std_width {
	width:95%;
}

.std_harf_width {
	width:100%;
}

.padding5 {padding:5px;}
.padding10 {padding:5px;}
.padding15 {padding:10px;}
.padding20 {padding:10px;}
.padding30 {padding:10px;}

.rad10 {	border-radius:5px;}
.rad15 {	border-radius:5px;}
.rad20 {	border-radius:10px;}
.rad50p { border-radius:50%;}

.f12 { font-size:0.75rem;}
.f14 { font-size:0.875rem;}
.f16 { font-size:1rem;}
.f20 { font-size:1.1rem;}
.f22 { font-size:1.1rem;}
.f24 { font-size:1.1rem;}
.f28 { font-size:1.2rem;}
.f30 { font-size:1.3rem;}
.f32 { font-size:1.3rem;}
.f34 { font-size:1.3rem;}

.w10p {width:10%; margin-left:auto;margin-right:auto;}
.w20p {width:20%; margin-left:auto;margin-right:auto;}
.w25p {width:25%; margin-left:auto;margin-right:auto;}
.w30p {width:30%; margin-left:auto;margin-right:auto;}
.w40p {width:40%; margin-left:auto;margin-right:auto;}
.w33p {width:33%; margin-left:auto;margin-right:auto;}
/*
.w50p {width:70%; margin-left:auto;margin-right:auto;}
*/
.w50p {width:50%; margin-left:auto;margin-right:auto;}
.w60p {width:90%; margin-left:auto;margin-right:auto;}
.w70p {width:90%; margin-left:auto;margin-right:auto;}
.w80p {width:90%; margin-left:auto;margin-right:auto;}
.w90p {width:90%; margin-left:auto;margin-right:auto;}

.mb_w30p { width:30%;}
.mb_w40p { width:40%;}
.mb_w50p { width:50%;}
.mb_w60p { width:60%;}
.mb_w70p { width:70%;}
.mb_w80p { width:80%;}
.mb_w90p { width:90%;}

.mb_div_center {display:block;margin-left:auto;margin-right:auto;}

.no_top_margin { margin-top:0;}
.std_margin_top0 { margin-top:0px;}
.std_margin_top_large { margin-top:50px;}
.std_margin_top { margin-top:40px;}
.std_margin_top2 { margin-top:20px;}
.std_margin_top3 { margin-top:10px;}
.std_margin_top4 { margin-top:5px;}

.std_margin_bottom0 { margin-bottom:0px;}
.std_margin_bottom { margin-bottom:40px;}
.std_margin_bottom2 { margin-bottom:20px;}
.std_margin_bottom3 { margin-bottom:10px;}
.std_margin_bottom4 { margin-bottom:5px;}

.std_padding_top_large { padding-top:50px;}
.std_padding_top { padding-top:40px;}
.std_padding_top2 { padding-top:20px;}
.std_padding_top3 { padding-top:10px;}
.std_padding_top4 { padding-top:5px;}

.std_padding_bottom { padding-bottom:40px;}
.std_padding_bottom2 { padding-bottom:20px;}
.std_padding_bottom3 { padding-bottom:10px;}
.std_padding_bottom4 { padding-bottom:15x;}

.std_column2 .left,
.std_column2 .right {
	width:100%;
	float:none;
	margin-bottom:15px;
}

.std_column2.mb_break {
}

.std_column2.mb_break .left,
.std_column2.mb_break .right {
	width:100%;
	float:none;
	margin-bottom:15px;
}

.std_column2.mb_no_break .left {
	float:left;
}

.std_column2.mb_no_break .right {
	float:right;
}

.std_column2.mb_no_break.col2_66_30 .left { width:66%;}
.std_column2.mb_no_break.col2_66_30 .right { width:30%;}

.std_column2.mb_no_break.col2_47_47 .left { width:48%;}
.std_column2.mb_no_break.col2_47_47 .right { width:48%;}

.std_column2.mb_no_break.col2_48_48 .left { width:48%;}
.std_column2.mb_no_break.col2_48_48 .right { width:48%;}

.std_column2.mb_no_break.col2_49_49 .left { width:49%;}
.std_column2.mb_no_break.col2_49_49 .right { width:49%;}

.std_column2.mb_no_break.col2_50_50 .left { width:50%;}
.std_column2.mb_no_break.col2_50_50 .right { width:50%;}

.std_column2.mb_no_break.col2_36_60 .left { width:36%;}
.std_column2.mb_no_break.col2_36_60 .right { width:60%;}

.std_column2.mb_no_break.col2_30_66 .left { width:30%;}
.std_column2.mb_no_break.col2_30_66 .right { width:66%;}

.std_column2.mb_no_break.col2_26_70 .left { width:26%;}
.std_column2.mb_no_break.col2_26_70 .right { width:70%;}

.std_column2.mb_no_break.col2_16_80 .left { width:16%;}
.std_column2.mb_no_break.col2_16_80 .right { width:80%;}

.std_column2.mb_no_break.col2_36_62 .left { width:36%;}
.std_column2.mb_no_break.col2_36_62 .right { width:62%;}

.std_column3 {}

.std_column3 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column3.mb_no_break .column {
	width:31.6%;
	margin-right:2.5%;
	float:left;
}

.std_column4 {}

.std_column4 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column4.mb_2col .column {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
}

.std_column4.mb_2col .column:nth-child(2n) {
	margin-right:0;
}

.std_column4.mb_2col .column:nth-child(2n+1) {
	clear:left;
}

.std_column3.mb_no_break .column:nth-child(3),
.std_column4.mb_no_break .column:nth-child(4),
.std_column5.mb_no_break .column:nth-child(5) {
	margin-right:0;
}

}


@media screen and (max-width: 900px) {

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/
 
body {
	background-size:contain;
}

article {
	background:none;
}

/*----------------------------------------
 * 共通設定
 *----------------------------------------*/

/* header */
.mb_ja {
	position:relative;
	z-index:10;
}

.mb_ja a {
	display:block;
	width:100%;
}

.mb_ja img {
	width:100%;
	height:auto;
}

img.mb_main_title {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	z-index:5;
}

.oshi_border {
	width:100%;
	height:20px;
}

/* YouTube */

.youtube_wrapper {
	width:95%;
}

.youtube_area .movie_midashi_1,
.youtube_area .movie_midashi_2 {
	position:absolute;
	width:40%;
	height:auto;
	top:50px;
	left:0;
	z-index:10;
}

/*----------------------------------------
 * 第20回
 *----------------------------------------*/

 /* コンテンツの幅 */
.std_width {
	width:95%;
}

.std_width2 {
	width:95%;
}

.main_bg {
	background:url(images/bg2.png) repeat-y center bottom;
}

.main_wrapper {
	background:none;
}

.main_wrapper .std_width_none {
	background:white;
}

.main {
	width:100%;
	height:auto;
}

/* ENTRY.20 */
.entry25_wrapper {
	margin-top:0px;
	background:none;
}

.entry25 {
	margin-top:0px;
	height:auto;
}

/* entry**_title.png */
.entry25 h2 {
	width:100%;
}

/* 商品説明 */
.introduction {
	font-size:1rem;
	line-height:1.8em;
	margin-top:20px;;
	padding-bottom:0px;
}

.introduction h4 {
	width:100%;
}

.introduction .std_column2 .left,
.introduction .std_column2 .right {
	position:relative;
}

.introduction .sec1 .image_01 img {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:-10px;
}

/* 直売所説明 */
.market div.f20.align_center {
	text-align:left;
}

.market .photo_area {
	width:100%;
}

.market .photo_area .photo_2.ab_image {
	display:none;
}

.market .photo_area .member {
	margin-left:0;
}

.market .std_margin_top {
	margin-top:10px;
}

.market .member.align_right {
	text-align:center;
}

/* 詳しくはこちら */
.more.std_padding_top2 {
	padding-top:0;
}

/* 応募 */
.oubo .oubo_button {
	position:relative;
	width:100%;
	height:auto;
	right:auto;
	bottom:auto;
}

.oubo .oubo_button img {
	width:100%;
	height:auto;
}

/* 前回の推し名物 */
.zenkai {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	font-size:1.2em;
}

.zenkai strong {
	font-weight: bold;
	font-size: 1em;
	line-height:2em;
}

.zenkai .zenkai_item_area_wrapper {
	width:100%;
	margin:0 auto;
	background:url(images/entry02_bg.png) no-repeat center top;
	background-size:contain;
}

.zenkai .zenkai_item_area {
	width:80%;
	margin:1em auto;"
}

.zenkai dl {
	line-height:1.8em;
}

.zenkai dl dt {
	display:inline-block;
	padding:0 1em;
	line-height:2em;
	color:#7a5448;
	background-color:#e7d39c;
}

.zenkai dl dd {
	margin-left:0;
}

/* 募集終了 */
.bosyuu_end {
	font-size:1em;
}


/* SNSアイコン */
.top_sns_icon ul li {
	padding:0 15px;
}

.top_sns_icon ul li img.yoisyoku {
	width:36px;
	height:auto;
}



}