@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
.notoSansSC{
    font-family: 'Noto Sans SC', sans-serif;
}
/**
 * Theme Name: Daitou
 * Version: 1.0.0
 * Author: Otatsu
 *
 */
@charset "UTF-8";
/*

responsive.css

*/

/* ==============================

1:RESPONSIVE Style

============================== */

/* ---------------------------------------------------------
1:RESPONSIVE Style
----------------------------------------------------------*/
.pc_view{
	display:block;
}
.sp_view{
	display:none;
}

/* --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px){
.pc_view{
	display:none;
}
.sp_view{
	display:block;
}
a:hover,
a img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.fl,
.fr{
	float:none !important;
}

body{
	min-width:320px;
}
#wrapper{
	box-sizing:border-box;
    left:0;
    position:absolute;
    width:100%;
}
.inner{
	width:100%;
}

#contents {
	/*width: 90%;*/
}
#home #contents {
	width: 100%;
}

header{
  position:fixed;
  top:0;
  z-index:9999;
  background:#FFF;
}
header p {
	padding: 5px 15px;
}
header p.sp_caption{
	float: none;
}

#pagetop img{
	width:35px;
	opacity: 0.6;
}

footer {
	padding: 0 0 30px;
}
footer ul {
	float: none;
	text-align: center;
}
footer ul li{
	padding: 0;
}

footer address {
	float: none;
	text-align: center;
	padding-top: 30px;
	border-top: solid 1px #a0a0a1;
}
footer ul.f_nav{
	border-top: solid 1px #fff;
	margin-bottom: 0;
	padding-bottom: 0;
}
footer ul.f_nav li{
	display: block;
	float: none;
	border-top: solid 1px #a0a0a1;
	text-align: left;
}
footer ul.f_nav li a{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 16px 0 14px;
	text-align: left;
	position: relative;
}
footer ul.f_nav li a::after {
    content: "＞";
    position: absolute;
    right: 0;
}

#contents {
	padding-top: 91px;
}

#main {
	height: 420px;
	margin-bottom: 30px;
}

#contents .ttl{
	font-size:18px;
	padding:0 0 20px;
	width: auto;
}
/**/
.sectit { width: 200px;}

#contents #main,
#contents #main_food,
#contents section{
	padding-bottom: 30px;
}
#contents p{
	font-size:14px;
	padding:20px 0;
}

#home #contents #main h2,
#contents #main h3{
	padding: 20px 0;
	width: 65%;
	top: 25%;
}
#home #contents .top_greeting p{
	width: 90%;
}
#home #contents .top_greeting ul{
	width: 90%;
	max-width: 290px;
	margin: 0 auto;
}

#contents .service p{
	padding:15px 0 0;
	font-size:14px;
	/*width: 90%;*/
	margin: 0 auto;
}

#contents .service h3 {
	padding:0 0 20px;
}

#contents .sttl{
	font-size:14px;
	margin:20px auto 0;
	padding:20px 0;
}
#service #contents .text{
	padding: 25px 0;
	font-size: 13px;
}
#service #contents dl{
	padding:25px 15px;
	margin:0 auto;
	font-size: 13px;
}

#contact #contents p{
	padding: 25px 0;
	font-size: 13px;
}
.iframe_wrap {
	width: 100%;
	margin: 0 0 40px;
}
iframe {
	width: 100%;
	/*overflow: hidden;*/
}

.bl{
	display: inline;
}
.inline {
	display: block;
}

.btn_more {
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	font-size: 16px;
	padding: 18px 0 16px;
}
.btn_more_mail {
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	font-size: 16px;
	padding: 16px 0 16px 15px;
	background: #36489e url(../image/icon_mail.png) 20px 23px no-repeat;
}
#contents .service .cel2{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 40px;
}
#contents .service .cel2 img{
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
#contents .service .cel2 div.btn{
	padding: 10px 0 0;
}
#contents .service .cel2 div.btn a.btn_more{
	width: 100%;
	max-width: 560px;
	padding: 10px 0 8px;
}
#contents .service .cel3 li.btn{
	padding: 10px 0 0;
    float: none;
}
#contents .service .cel3 li.btn a.btn_more{
	width: 100%;
	max-width: 560px;
	padding: 10px 0 8px;
    float: none;
}

#contents .service .cel2 .fleft{
	float: none;
	padding-bottom: 40px;
}
#contents .service .cel2 .fright{
	float: none;
}
#contents .service .cel2 .fleft,
#contents .service .cel2 .fright{
	width: 100%;
}
#side-nav-btn{
	top: 42px;
}


/* お知らせ */
#contents .news dl{
	width: 90%;
	height: 300px;
	overflow-y: auto;
}
#contents .news dl dt{
	line-height: 2;
	float: none;
}
#contents .news dl dd{
	display: block;
	width: auto;
}

#contents .data_box ul{
	width: 90%;
}
#contents .data_box ul li{
	line-height: 2;
}
#contents .data_box ul li span{
	display: inline-block;
	width: 20%;
}

/* こだわり */
#contents .individuality{
	width: 90%;
	margin: 0 auto;
}
#contents .individuality p{
	line-height: 2;
}

#contents .chinabase ul{
	width: 90%;
	max-width: 320px;
}
#contents .chinabase ul li{
}

/**/
#contents .news_info,
#contents .list_box{
	width: 90%;
}

#main_guide{
	width: 90%;
	margin: 0 auto;
	padding: 0 0 30px;
}
#contents #main_guide h2{
	float: none;
	width: auto;
    text-align: center;
}
#contents #main_guide p{
	width: auto;
	float: none;
}

#pankuzu{
	padding: 20px 0;
	background: #f0f0f0;
	line-height: 0;
}
#pankuzu ul{
	width: 90%;
}
#s_nav ul{
	width: 90%;
}

#itemguide .process_img li{
	width: 33%;
}


/* 食品案内 */
#itemguide #contents .item_list h3 img{
	width: auto;
	height: 42px;
}
#itemguide #contents .item_list ul.item_list_box,
#itemguide #contents .item_list_img ul{
	width: 90%;
	margin: 0 auto;
}
#itemguide #contents .item_list ul.item_list_box li,
#itemguide #contents .item_list_img ul li{
	float: none;
	width: auto;
	padding: 0 0 20px;
}

#itemguide #contents .item_list ul.item_list_box li div{
	float: left;
	width: 30%;
	margin-bottom: 15px;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info{
	float: right;
	width: 68%;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info li{
}

#itemguide #contents .item_list h3{
	width: 90%;
	margin: 20px auto;
}

/* 実績 */
#itemguide #contents .item_list_img ul li div{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}

#itemguide_map .item_calendar{
}
#itemguide_map .item_calendar .msg{
	width: 90%;
	max-width: 640px;
}
#itemguide_map .item_calendar .msg span{
	display: block;
}
#itemguide_map .item_calendar ul{
	text-align: center;
}

}

/* --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 640px) and (max-width: 1050px){
	#contents .cel3{
		width: 640px;
	}
	#contents .cel3 li{
		padding-right: 10px;
		padding-left: 10px;
	}
	#contents .cel3 li img{
		max-width: 300px;
		padding-bottom: 20px;
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 640px){
	#main {
		height: 380px;
		background:url(../image/bg_main_logo_sp.jpg) center top no-repeat;
	}
	#contents {
		padding-top: 74px;
	}
	header .sp_logo{
		width: 240px;
	}
	header p.sp_caption{

	}
	.btn_more {
		padding: 17px 0 14px
	}

	#contents .daitou_quality ul{
		width: 90%;
		margin: 0 auto;
	}

	#contents .cel3{
		width: 90%;
		margin: 0 auto;
		padding-bottom: 20px
	}
    /*
	#contents .cel3 li{
		float: left;
		max-width: 40%;
		padding: 20px 0 10px;
		padding-right: 5%;
		padding-left: 5%;
	}*/
	#contents .cel3 li img{
		display: block;
		width: 100%;
		max-width: 100%;
		padding-bottom: 20px;
	}
    
	#contents .data_box ul li span{
		display: block;
		width: auto;
	}
	#contents .news_info dl dt,
	#contents .news_info dl dd,
	#contents .list_box dl dt,
	#contents .list_box dl dd{
		float: none;
		width: auto;
	}
	#contents .list_box dl dt,
	#contents .news_info dl dt{
		display: block;
		font-weight: bold;
	}
	#contents .list_box dl dd{
		line-height: 2;
	}
	#contents .list_box dl dd span{
		display: block;
	}


	/*商品*/
	#itemguide #contents .item_list h3{
		margin: 0 auto 20px;
		font-size: 32px;
	}
	#contents #main_guide .left_ttl{
		display: none;
}
	#contents #main_guide .left_ttl_sp {
		display: block;
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 490px){
	header p.sp_caption{
		font-size: 12px;
	}
	#side-nav-btn{
		top: 32px;
	}
	/* 食品案内 */
	#itemguide #contents .item_list h3 img{
		width: auto;
		height: 21px;
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 390px){
	header p.sp_caption{
		font-size: 10px;
	}
	/*商品*/
	#itemguide #contents .item_list h3{
		font-size: 24px;
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
/*2017/10/05 追加*/
@media only screen and (min-width: 320px) and (max-width: 640px){
#contents .service .cel1{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 40px;
}
#contents .service .cel1 img{
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
#contents .service .cel1 div.btn{
	padding: 10px 0 0;
}
#contents .service .cel1 div.btn a.btn_more{
	width: 100%;
	max-width: 560px;
	padding: 10px 0 8px;
}
}