/* DEFAULT CSS */
header div.logo a{/* ヘッダーロゴの文字色 */
	color:#333;
}
footer#footer{
	background-color:rgba(0,0,0,0.75);
}
footer div.logo{
	color:#FFF;
}
section.slider::before{/* スライダー下のSCROLLの文字色 */
	color:#333;
}
section.slider::after{/* スライダー下のSCROLLの矢印の色 */
	border-color:transparent transparent #333 #333;
}
.price02_default{
	font-family:'Bai Jamjuree', sans-serif;
	font-weight:400;
}
div.concept{
	background-color:#FFF;
}
@media only screen and (max-width:999px){
	/* SPの設定
	----------------------------------------------- */
	section.wrap{
		padding:60px 0 0 0;
	}
	.container-fluid.inner{
		padding:0;
		width:100%;
		max-width:100%;
		margin:0;
	}
	.front_page section.wrap{
		padding:0;
	}
	header div.logo{
	}
	header section div.menubtn{
		border-color:#333;
	}
	header section div.menubtn.active{
		border-color:#FFF;
	}
	header div.menubtn span{/* ヘッダーのメニューボタンの色 */
		background-color:#333;
	}
	header div.menubtn.active span{/* ヘッダーのメニューボタンの色 */
		background-color:#FFF;
	}
	header nav{/* ヘッダーのメニューの背景色 */
		background-color:rgba(0,0,0,0.75);
	}
	header nav ul li div a{/* ヘッダーのグローバルナビの色 */
		border-color:#FFF;
		background-color:rgba(0,0,0,0.5);
		color:#FFF;
	}
	footer nav ul{/* フッターのグローバルナビのライン色 */
		border-color:#333;
	}
	footer nav ul li{/* フッターのグローバルナビのライン色 */
		border-color:#333;
	}
	footer nav ul li a{/* フッターのグローバルナビの文字色 */
		color:#333;
	}
	footer nav ul li a::after{
		border-color:#333 #333 transparent transparent;
	}
	footer#footer section.footerbottom{/* フッターの下部の文字色 */
		color:#333;
	}
	footer#footer .container-fluid.inner{
		padding:30px 0 0 0;
	}
	section.slicksliderarea dl.title{
		text-align:center;
		padding:50px 0 20px 0;
	}
	section.slicksliderarea dl.title dt{
		font-size:18px;
		font-weight:300;
	}
	section.slicksliderarea dl.title dd{
		padding:0 30px;
		font-size:12px;
	}
	section.slicksliderarea ul{
		list-style:none;
		list-style-position:outside;
		padding:0 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		left:0;
	}
	section.slicksliderarea ul li a{
		text-decoration:none;
		display:block;
		overflow:hidden;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	section.slicksliderarea ul li a img{
		width:100%;
	}
	#cart .inner{
		background-color:rgba(0,0,0,0.5);
		padding:0 !important;
	}
	.container-fluid.inner ul li a{
		color:#333 !important;
	}
	footer#footer .container-fluid.inner ul li a{
		color:#333 !important;
	}
	footer#footer{
		background-image:url(../img/shop.jpg);
		margin:0;
	}
	footer#footer section.footertop{
		padding:20px 0;
	}
	.topitem_01 dt p{
		font-size:16px;
		font-weight:500;
	}
	.topitem_01 dt p span{
		font-size:12px;
		font-weight:500;
	}
	section.topitem_01{
		background-color:rgba(239,239,239,1);
	}
	section.gradation_01 div.container,
	section.gradation_02 div.container{
		background-position:center top;
		background-size:auto 50%;
	}
	div.concept div,
	div.howtoeat div{
		padding:0 30px 60px 30px;
		font-size:12px;
		color:#666;
		line-height:2em;
	}
	.cart .item_box .item_name{
		font-size:12px;
		margin:0;
	}
	.cart .item_box .item_price{
		font-family:'Bai Jamjuree', sans-serif;
		font-size:30px;
		font-weight:300;
	}
	#item_photo_area{
		padding:0;
	}
	.row{
		margin:0;
	}
	#item_detail_area{
		padding:20px 10px 0 10px;
	}
	#item_detail_area .item_name{
		font-size:18px;
	}
	footer section.footertop{
		padding:30px 0;
		background-color:inherit;
	}
	footer div.snsarea a{
		width:40px;
		height:40px;
		margin:0 5px;
		font-size:20px;
		line-height:40px;
		-webkit-border-radius:20px;/* Safari,Google Chrome用 */
		-moz-border-radius:20px;/* Firefox用 */
		border-radius:20px;/* CSS3草案 */
	}
	.btn-primary{
		line-height:50px;
		height:50px;
		font-size:18px;
		font-weight:500;
		padding:0;
	}
	.btn-info{
		line-height:50px;
		height:50px;
		font-size:18px;
		font-weight:500;
		padding:0;
	}
	/*小豆島産へのこだわり*/
	figure.kodawari_img{
		margin:10px auto;
	}
	figure.kodawari_img img{
		width:100%;
	}
	/*大雨の影響によるお届けについて*/
	div.emergency{
		background-color:#fff;
		padding:50px 0;
	}
	div.emergency h3{
		text-align:center;
		font-size:18px;
		font-weight:300;
	}
	div.emergency_text{
		font-size:12px;
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
		margin:30px auto 30px auto;
		text-align:center;
	}
	div.emergency_list{
		width:100%;
		box-sizing:border-box;
		padding:0 20px;
	}
	div.emergency_list span{
		font-weight:600;
		font-size:14px;
	}
	div.emergency_list ul{
		list-style:none;
		list-style-position:outside;
		display:table;
		table-layout:fixed;
		width:100%;
		border-left:1px solid #000;
	}
	div.emergency_list ul li{
		display:table-cell;
		width:33.3333%;
		vertical-align:top;
		font-size:14px;
		background-color:#efefef;
		padding:5px;
		border-right:1px solid #000;
		box-sizing:border-box;
	}
	div.emergency_list ul:nth-of-type(1) li{
		background-color:#ccc !important;
		text-align:center;
	}
	div.emergency_list ul:nth-of-type(1){
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	div.emergency_list ul:nth-of-type(4){
		border-bottom:1px solid #000;
	}
	div.emergency_list ul:nth-of-type(2) li:nth-of-type(2),
	div.emergency_list ul:nth-of-type(2) li:nth-of-type(3),
	div.emergency_list ul:nth-of-type(3) li:nth-of-type(2),
	div.emergency_list ul:nth-of-type(3) li:nth-of-type(3){
		border-bottom:1px solid #000;
	}
	div.emergency_list ul li:nth-child(n+2){
		background-color:#fff;
	}
	div.emergency_list ul li div:last-child{
		border:none;
	}
	div.emergency_list:nth-of-type(1) ul li{
		background-color:#ccc;
	}
	div.emergency_list p{
		font-size:14px;
		padding:5px 5px 0 5px;
	}
		/*お店について*/
	.page-heading{
		margin-bottom:30px;
	}
	div.adress_area{
		margin:50px auto;
		padding:0 10px;
		box-sizing:border-box;
	}
	h3.area_title{
		text-align:center;
		font-size:30px;
		font-weight:600;
		color:#595757;
	}
	div.adress_area p{
		font-size:14px;
		text-align:center;
		margin:15px 0;
	}
	div.adress_area div.adres_box div.adress_text dl{
		display:flex;
		margin:0 0 10px 0;
	}
	div.adress_area div.adres_box div.adress_text dl dt{
		border:2px #595757 solid;
		box-sizing:border-box;
		width:95px;
		max-width:95px;
		font-size:16px;
		text-align:center;
		display:table-cell;
		line-height:33px;
		height:35px;
		border-radius:12px;
	}
	div.adress_area div.adres_box div.adress_text dl dd{
		line-height:35px;
		height:35px;
		padding:0 0 0 10px;
		box-sizing:border-box;
		font-size:16px;
	}
	div.adress_area div.adres_box figure{
		width:70%;
		margin:0 auto;
	}
	div.adress_area div.adres_box figure img{
		width:100%;
	}
}
@media screen and (orientation: landscape){
	/* SP 横の設定
	----------------------------------------------- */
}
@media only screen and (min-width:1000px){
	/* PCの設定
	----------------------------------------------- */
	section.wrap{
		padding:130px 0 0 0;
	}
	.front_page section.wrap{
		padding:0;
	}
	section.slider{
		padding:100vh 0 0 0;
	}
	header section.header,
	section.inner{
		width:1000px;
		margin:0 auto;
		color:#FFF;
	}
	section.footertop,
	section.footerbottom{
		color:#333;
	}
	.container-fluid.inner{
		padding:0;
		width:100%;
		max-width:100%;
		margin:0;
	}
	header section.inner{
		padding:25px 0;
	}
	header div.logo{
		font-size:24px;
	}
	header nav ul li div a:hover{/* グローバルナビマウスオーバー時の背景色 */
		background-color:rgba(0,0,0,0.5);
	}
	header nav ul li.acbtn div.acbtn + ul{/* グローバルナビプルダウン時の背景色 */
		background-color:rgba(0,0,0,0.5);
	}
	header nav ul li div a{/* グローバルナビの文字色 */
		color:#333;
	}
	header nav ul li.acbtn div.acbtn a span.icon span.wrap span{/* グローバルナビプルダウンのプラスアイコン色 */
		background-color:#FFF;
	}
	header div.headercart,
	div.menberform{
		margin:5px 0;
	}
	footer#footer{
		background-image:url(../img/shop.jpg);
		margin:0;
	}
	footer#footer section.footertop{
	}
	footer ul li div a:hover{/* グローバルナビマウスオーバー時の背景色 */
		background-color:rgba(0,0,0,0.5);
	}
	footer ul li.acbtn div.acbtn + ul{/* グローバルナビプルダウン時の背景色 */
		background-color:rgba(0,0,0,0.5);
	}
	footer ul li a{/* グローバルナビの文字色 */
		color:#333 !important;
	}
	footer ul li.acbtn div.acbtn a span.icon span.wrap span{/* グローバルナビプルダウンのプラスアイコン色 */
		background-color:#FFF;
	}
	section.slicksliderarea dl.title{
		text-align:center;
		padding:50px 0 20px 0;
	}
	section.slicksliderarea dl.title dt{
		font-size:24px;
		font-weight:300;
	}
	section.slicksliderarea ul{
		list-style:none;
		list-style-position:outside;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.slicksliderarea ul li a{
		text-decoration:none;
		display:block;
		overflow:hidden;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	section.slicksliderarea ul li a img{
		width:100%;
		left:0;
	}
	.container-fluid#top_wrap{
		max-width:1000px;
	}
	section.topitem_01{
		background-color:rgba(239,239,239,1);
	}
	section.gradation_01 div.container{
		background-position:left center;
		background-size:50% auto;
	}
	section.gradation_02 div.container{
		background-position:right center;
		background-size:50% auto;
	}
	header nav ul li div a:hover,
	header nav ul li div a:hover p{
		color:#FFF;
	}
	div.concept div,
	div.howtoeat div{
		width:600px;
		font-size:16px;
		padding:0 0 60px 0;
		margin:0 auto;
		color:#666;
		line-height:2em;
	}
	div.howtoeat div p{
		padding:0 0 60px 0;
	}
	div.howtoeat div dl{
		padding:0 0 60px 0;
	}
	.footer_logo_area{
		margin:0;
		padding:30px 0;
	}
	.cart .item_box .item_name{
		font-size:18px;
		margin:0;
	}
	.cart .item_box .item_price{
		font-family:'Bai Jamjuree', sans-serif;
		font-size:30px;
		font-weight:300;
	}
	#item_detail_area .item_name{
		font-size:28px;
	}
	/*小豆島産へのこだわり*/
	figure.kodawari_img{
		width:500px;
		margin:20px auto;
	}
	figure.kodawari_img img{
		width:100%;
	}
	/*年末年始の発送について*/
	div.emergency{
		background-color:#fff;
		padding:50px 0;
	}
	div.emergency h3{
		text-align:center;
		font-size:32px;
		font-weight:300;
	}
	div.emergency_text{
		font-size:16px;
		width:600px;
		margin:30px auto 30px auto;
		text-align:center;
	}
	/*お店について*/
	div.adress_area{
		width:600px;
		margin:50px auto;
	}
	h3.area_title{
		text-align:center;
		font-size:30px;
		font-weight:600;
		color:#595757;
	}
	div.adress_area p{
		font-size:18px;
		text-align:center;
		margin:15px 0;
	}
	div.adress_area div.adres_box{
		width:100%;
		display:flex;
	}
	div.adress_area div.adres_box div.adress_text{
		width:70%;
	}
	div.adress_area div.adres_box div.adress_text dl{
		display:flex;
		margin:0 0 10px 0;
	}
	div.adress_area div.adres_box div.adress_text dl dt{
		border:2px #595757 solid;
		box-sizing:border-box;
		width:110px;
		font-size:18px;
		text-align:center;
		display:table-cell;
		line-height:35px;
		height:35px;
		border-radius:12px;
	}
	div.adress_area div.adres_box div.adress_text dl dd{
		line-height:35px;
		height:35px;
		padding:0 0 0 10px;
		box-sizing:border-box;
		font-size:22px;
	}
	div.adress_area div.adres_box div.adress_text dl dd a{
		pointer-events:none;
	}
	div.adress_area div.adres_box figure{
		width:30%;
	}
	div.adress_area div.adres_box figure img{
		width:100%;
	}
	
}