@charset "utf-8";
/* 
 style info : 基本共通スタイル

2021/1/20

color 
メインカラーオレンジ　#e8380d
イエロー　#fff23f
グリーン　#006a2c
グレー　#333
文字色 #000

 */
 
/*----------------------------------------------------
	base	
----------------------------------------------------*/
* {
}
html{
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
html,
body {
 overflow-x: hidden;
}
body{
	font-size:16px;
	font-size: 1.6rem;/* 16px */
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:1.6;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: 100%;/*iphone 調整用*/
	-webkit-font-smoothing: antialiased;/*ちらつき防止用*/
	background:#E94709;
	color:#000;
}

/*IE11用ハック*/
_:lang(x)::-ms-backdrop, body{
	font-family: Meiryo, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif; 
} 

@media screen and (max-width: 768px) {
body{
}
}
select,input,button,textarea,button{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;font:100%;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* link*/
a {
	
}

a:link {
}

a:visited {
}

a:hover{
	color:#e8380d;
}


a img:hover,.mover:hover{
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}



@media screen and (max-width: 768px) {
img{
	max-width:100%;
	height:auto;
}
}

/*----------------------------------------------------
	layout
----------------------------------------------------*/
#contents{
	}
.inner,footer{
	width:980px;
	margin:auto;
}


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

#contents,footer,.inner{
	width:100%;
}
.inner{
	padding:0 10px;
	box-sizing: border-box;
}
}

/*----------------------------------------------------
	wrap
----------------------------------------------------*/
#wrap{
/*	display: flex;
  flex-direction: column;
  min-height: 100vh;*/
}



/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
	width: 100%;
	background: #fff;
	padding:8px 0;
	text-align: center;
}

header .logo img {
	width: 120px;
}


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

}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer{
	width: 100%;
	padding:10px 5px;
	margin-top: auto;
}

p.copyright{
	font-size:1.4rem;
	text-align: center;
	color: #fff;
}
/*TOPへ戻るボタン*/
.totop{
	position:fixed;
	right:30px;
	bottom:50px;
}
.totop img{
	width:70px;
	cursor:pointer;
}

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

p.copyright{
	font-size:1.2rem;
}

.totop{
	right:20px;
	bottom:55px;
}
.totop img{
	width:50px;
}


}

/*----------------------------------------------------
	#contetnts
----------------------------------------------------*/
.notice{
	text-align: left;
	color: #fff;
	font-size: 1.4rem;
}

.info{
	margin: 40px 0;
	text-align: center;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
	.info{
		font-size: 1.4rem;
}
	.info h4,.info p{
		margin-bottom: 10px;
}
	
}

/*----------------------------------------------------
	パーツ
----------------------------------------------------*/

/*ボタン
-----------------------------------------*/	

.btn,.btn_y,.btn_w{
	margin: 40px 0;
}
.btn a{
	box-sizing:border-box;
	display:block;
	background:#808080 url("../img/btn_arrow_w.png") no-repeat;
	background-position:90%  center;
	border-radius: 10px;
	color:#fff;
	width:90%;
	margin:auto;
	padding:20px 0;
	text-align:center;
	font-size:3.0rem;
	font-weight: bold;
	 text-decoration: none;
	
}
.btn_y a{
	box-sizing:border-box;
	display:block;
	background:#fff23f url("../img/btn_arrow.png") no-repeat;
	background-position:90%  center;
	border-radius: 10px;
	color:#e8380d;
	width:90%;
	margin:auto;
	padding:20px 0;
	text-align:center;
	font-size:3.0rem;
	font-weight: bold;
	 text-decoration: none;
	
}
.btn_w a{
	box-sizing:border-box;
	display:block;
	background:#fff url("../img/btn_arrow.png") no-repeat;
	background-position:90%  center;
	border-radius: 10px;
	color:#e8380d;
	width:90%;
	margin:auto;
	padding:20px 0;
	text-align:center;
	font-size:3.0rem;
	font-weight: bold;
	 text-decoration: none;
	
}

.btnwrap{
	text-align:center;
}
@media screen and (max-width: 768px) {
	.btn a,.btn_y a,.btn_w a{
        font-size: 2.0rem;
		background-position:95%  center;
	}

}
@media screen and (max-width: 320px) {
	.btn a,.btn_y a,.btn_w a{
        font-size: 1.8rem;
		background-position:95%  center;
	}

}

/* table 表組基本
-----------------------------------------*/	

table {
	border-collapse: collapse;
	width:100%;
	box-sizing: border-box;
}

caption{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 4px;
}

 table th,table td{
	border:1px solid  #006a2c;
}
 /*table tr:last-child th,table tr:last-child td{
	border-bottom:none;
}*/
table th {
	background: #f3f3f3;
	padding: 15px 20px;
	vertical-align:middle;
	white-space:nowrap;
}
table td {
	padding: 10px 20px;
	vertical-align:middle;
}

@media screen and (max-width: 768px) {
	
	table {
    width: 100%;
  }
	
	.liquor table {
	width:100%;
}
  table th {
		padding:10px;
		display:block;
		width:100%;
		box-sizing:border-box;
	  white-space:normal;
	}
	table td {
		padding:10px;
		display:block;
		width:100%;
		box-sizing:border-box;
	}
table td{
	border-bottom:none;
}
	table tr:last-child{
	border-bottom:1px solid  #006a2c;
}
}

/*基本フォーム
-----------------------------------------*/	



input,select,textarea{
	margin:8px 5px;
	box-sizing: border-box;
	padding:5px 0;
}
input[type="radio"]{
	height:initial;
}

input[type="text"],input[type="file"],textarea{
	width:100%;
	}


@media screen and (max-width: 768px) {
	input[type="submit"].btn,input[type="button"].btn{
		width:100%;
	}
	input,select,textarea{
	margin:8px auto;
	}
	input,select,textarea{/*iphone拡大防止用*/
		font-size:16px;
	}
	input[type="submit"],input[type="button"]  { /*iphone調整用*/
   -webkit-appearance: none;
}
}

/* フォーカス・チェック*/
input[type="password"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,
textarea:focus,input[type="number"]:focus{
	background-color:#FFFFCC;
	outline: none;
}

/*input装飾*/
.inputbox{
	border-radius: 4px;
	border:1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	padding-left:3px;
}

input.mail{
	width:70%;	
}
input.serial,input.keyword,input.name,input.tel{
	width:40%;
}
input.zipcode{
	width:120px;
	margin-left:8px;
	margin-right:8px;
}

input.zipauto{
	width:30%;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #ccc;
	background:#DADADA;
	cursor:pointer;
	color:#000;
	border-radius: 4px;
}
select.time{
	margin-left:8px;
	}
@media screen and (max-width: 768px) {
	.itmelist li{
	display:block;
	width:100%;
}
	input.zipcode,input.date{
	width:30%;
	}
	select,input.zipauto,input.mail,input.serial,input.keyword,input.name,input.tel{
	width:100%;
}
	select.time{
		width:auto;
		width: initial;
	}
	table.form td span{
		display: block;
}
}
/* エラー*/
.ex-comment{
	color:#666;
	font-size: 1.4rem;
}
.error-comment{
	color:#F00;
	padding:5px 20px;
	box-sizing: border-box;
	border:1px solid #F00;
	margin-bottom:8px;
}
th.error-bg{
	background-color:#FCC;
}

.error-box{
	background:#FFF;
	color:#F00;
	border:1px solid #F00;
	padding:5px 20px;
	text-align:center;
	margin:15px auto;
	box-sizing: border-box;
}




/*----------------------------------------------------
	汎用
----------------------------------------------------*/



/* clerfix */

.clear {
  clear: both;
}
.cf:after{
	content: "";
	display: block;
	clear: both;
}
.cf:before {
  display: inline-table;
}
.cf {
	zoom:1;
}

/* float */

.floatL {
	float: left;
}
.floatR {
	float: right;
}

/*位置*/
.imgC {
	margin:0 auto 20px;
}

.alL{
	text-align: left;
}

.alC{
	text-align: center;
}
.alR{
	text-align: right;
}
/*fontsize*/

.s-font{
	font-size:1.2rem ;
}
.l-font{
	font-size:1.8rem;
}

.bold{
	font-weight:bold;
}
.red{
	color:#c0272d;
}

.blue{
	color:#006DFF;
}

/*余白*/
.mgt10{
	margin-top: 10px;
}
.mgt20{
	margin-top: 20px;
}
.mgt30{
	margin-top: 30px;
}
.mgb10{
	margin-bottom: 10px;
}
.mgb20{
	margin-bottom: 20px;
}
.mgb30{
	margin-bottom: 30px;
}

.mgtb10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mgtb20{
	margin-top:20px;
	margin-bottom: 20px;
}
.mgtb30{
	margin-top: 30px;
	margin-bottom: 30px;
}
/*PCSP表示非表示*/

@media screen and (max-width: 768px) {
.pc{
	display:none;
}
}

@media screen and (min-width: 769px) {
.sp{
	display:none;
}
}