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

/*共通*/
.red{color:#F00;}

.concept_wrap{font-size:0.9em;}
.concept_wrap li{padding-left:1em;text-indent:-1em;}

/*タイトル*/
.title{background:url(../img/order/line.jpg) bottom no-repeat;background-size:contain;padding-bottom: 1.5%;margin:5% 0;}
.title .left{max-width:157px;}
.title .right{padding-top:1%;}


/*まぐろのご注文*/
.form_up_text{padding:4% 0;display:block;}

.p_tanpin{width:96%;max-width:960px;margin-bottom:2%;background:#FFF5E0;padding:1.5%;}
.p_tanpin h3{color:#572E1D;border-bottom:3px #572E1D solid;font-weight:bold;margin-bottom: 2%;}
.p_tanpin .left{width:40%;float:left;}
.p_tanpin .right{width:58%;float:right;}
.p_tanpin .right li{font-size:0.8em;line-height:1.4em;}
.p_tanpin h4{font-size:24px !important;font-weight:bold;padding:0;line-height: 1em;margin: 2% 0;width:100%;}
.p_tanpin .line_wrap{padding:2% 0;border-top:1px #572E1D solid;border-bottom:1px #572E1D solid;margin-top:2%;}

.p_tanpin input{display:block;padding:1%;border:1px #888 solid;min-height: 24px;float:left;}
.p_tanpin .tani{display:block;padding:1%;border:1px #888 solid;font-size:18px;float:left;margin-left:1%;}


.p_set{width:96%;max-width:960px;margin-bottom:2%;background:#FFF5E0;padding:1.5%;}
.p_set h3{color:#572E1D;border-bottom:3px #572E1D solid;font-weight:bold;margin-bottom: 2%;}
.p_set .left{width:40%;float:left;}
.p_set .right{width:58%;float:right;}
.p_set .right li{font-size:0.8em;line-height:1.4em;}
.p_set h4{font-size:24px !important;font-weight:bold;padding:0;line-height: 1em;margin: 2% 0 0;float:left;width:50%;}
.p_set .line_wrap{padding:2% 0;border-top:1px #572E1D solid;border-bottom:1px #572E1D solid;margin-top:4%;}

.p_set input{display:block;padding:1%;border:1px #888 solid;float:left;min-height: 24px;float:left;}
.p_set .set_text{padding:0.5% 0 0 1%;display:block;float:left;}



.order_wrap .title{margin:5% 0 0;}

.order_table{width:99%;}
.order_table th{width:30%;background:#572E1D;color:#FFF;border:1px #FFF solid;padding:2%;}
.order_table td{width:70%;border:1px #572E1D solid;padding:2%;}

.order_table th.start{border-top:1px #572E1D solid;}
.order_table th.end{border-bottom:1px #572E1D solid;}

.title_cyuumon img{max-width:318px;margin:2% 0;}
.title_okurisaki img{max-width:112px;margin-top:2%;}

.order_table td input{padding:1%;border:1px #888 solid;width:98%;}
.order_table td input.zip_line{padding:1%;border:1px #888 solid;width:48%;}
.zip_code{padding:0 1% 0 0;} 
.text_area{width:98%;padding:1%;border:1px #888 solid;min-height:240px;}


.form_btn{padding:5% 0;text-align:center;}
.form_btn .btn_submit{
	padding:2%;
	margin:0 auto;
	width:100%;
	max-width:300px;
	background:#572E1D;
	border:none;
	display:block;color:#FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor:pointer;
	}
.form_btn .btn_submit:hover{
	background:#846D3A;
}

.privacy_wrap{font-size:0.9em;}
.privacy_wrap .title .left{max-width:546px;}
.privacy_wrap li{padding-left: 1em;text-indent: -1em;}

/*確認画面*/
#formWrap h3{text-align:center;color:#572E1D;padding:5% 0 2%;font-size: 36px;font-weight: bold;}
.kakuin{text-align:center;display:block;padding:2% 0;}


/*サンクス*/
.thanks_wrap{text-align:center;padding:5% 0;}
.top_back{text-align:center;}



/*会社案内*/
.syomei{text-align:right;padding:4% 0 0;}
.syomei img{width:70%;max-width:350px;}


.staff{text-align:center;padding:5% 0;}
.staff img{max-width:700px;}

.title_okurisaki img{max-width:112px;margin-top:2%;}

.com_history_wrap .title .left{max-width:82px;}
.yousu_wrap .title .left{max-width:166px;}


.profile_table{width:99%;}
.profile_table th{width:25%;background:#572E1D;color:#FFF;border:1px #FFF solid;padding:2%;text-align:left;}
.profile_table td{width:75%;border:1px #572E1D solid;padding:2%;}

.profile_table th.start{border-top:1px #572E1D solid;}
.profile_table th.end{border-bottom:1px #572E1D solid;}

.map{width:100%;min-height:300px;}


.com_history_wrap{margin-top:8%;}
.com_history_wrap .left{width:70%;}
.com_history_wrap .right{width:28%;}

.movie{width:100%;height:50vw;max-height:540px;margin-bottom:5%;}


@media screen and (max-width:700px) {
	
/*タイトル*/
.title{text-align:center;}
.title .left{float:none;margin:0 auto;}
.title .right{float:none;width:100%;}


/*まぐろのご注文*/
.product_wrap {
	display: block;
	padding-bottom:0;
	}
	
.p_tanpin{width:96%;max-width:960px;margin-bottom:2%;background:#FFF5E0;}
.p_tanpin h3{font-size:24px;padding:4% 0 2%}
.p_tanpin .left{width:100%;float:none;}
.p_tanpin .right{width:100%;float:none;}
.p_tanpin .right li{}
.p_tanpin h4{width:100%;float:none;margin-bottom:2%;font-size:20px !important;}
.p_tanpin .line_wrap{}



.p_set{width:96%;max-width:960px;margin-bottom:2%;background:#FFF5E0;}
.p_set h3{font-size:24px;padding-top:4%}
.p_set .left{width:100%;float:none;}
.p_set .right{width:100%;float:none;}
.p_set .right li{}
.p_set h4{width:100%;float:none;margin-bottom:2%;}
.p_set .line_wrap{}

.p_set input{}
.p_set .set_text{}



.order_table{width:100%;}
.order_table th{width:96%;float:left;border:none;}
.order_table td{width:96%;float:left;border:none;}


/*会社案内*/
.profile_table{width:100%}
.profile_table th{width:96%;float:left;border:none;}
.profile_table td{width:96%;float:left;border:none;}


.com_history_wrap{width:100%;}
.com_history_wrap .left{width:100%;float:none;}
.com_history_wrap .right{width:100%;float:none;text-align:center;padding-top:5%;}
.com_history_wrap .right img{width:70%;}


.yousu_wrap{width:100%;}
.yousu_wrap .left{width:100%;float:none;}
.yousu_wrap .right{width:100%;float:none;text-align:center;padding-top:5%;}
.yousu_wrap .right img{width:70%;}


}