/* ======================================= 
   media queries
   ======================================= */


/* -------- カラム　画像 ---------- */

section div.col-imgL150 {
	margin-bottom: 10px;
	text-align: center;
}
section div.col-imgC {
	margin-bottom: 8px;
	text-align: center;
}

/* -------- 商品一覧 ---------- */

.itembox1 h3 {
	color: #B04802;
	font-size: 130%;
}

/* -------- 表組み ---------- */

.tbl-1 {
	width: 95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin: 0 auto;
}
.tbl-1 dt {
	color: #705043;
}

/* --- ボタン --- */
.btn_info {
	font-family: "FP-ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.5em;
}
.btn_info a {
	text-align: center;
	display: block;
	border: 2px solid #000000;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 1.3em;
	line-height: 1.5em;
	padding-top: 0.8em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.8em;
	position: relative;
	text-decoration: none;
	font-weight: 800;
}
.btn_info a:hover {
  /*opacity: 0.5;*/
  background-color: #DD3322;
  border: 2px solid #DD3322;
  color: #fff;
}
.btn_info a::after {
	content: "";
	display: block;
	background: url("../img/global/ico_arrow01-w.png") no-repeat center;
	background-size: 8px;
	width: 8px;
	height: 12px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 5%;
}
.btn_info a:hover::after {
	content: "";
	display: block;
	background: url("../img/global/ico_arrow01-w.png") no-repeat center;
	background-size: 8px;
	width: 8px;
	height: 12px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 5%;
}

/* ---- 幅サイズ指定 (pc-tb) ----*/
.pc-w100 {width: 100%; box-sizing: border-box;}
.pc-w95 {width: 95%; box-sizing: border-box;}
.pc-w90 {width: 90%; box-sizing: border-box;}
.pc-w85 {width: 85%; box-sizing: border-box;}
.pc-w80 {width: 80%; box-sizing: border-box;}
.pc-w75 {width: 75%; box-sizing: border-box;}
.pc-w70 {width: 70%; box-sizing: border-box;}
.pc-w65 {width: 65%; box-sizing: border-box;}
.pc-w60 {width: 60%; box-sizing: border-box;}
.pc-w55 {width: 55%; box-sizing: border-box;}
.pc-w50 {width: 50%; box-sizing: border-box;}
.pc-w45 {width: 45%; box-sizing: border-box;}
.pc-w40 {width: 40%; box-sizing: border-box;}
.pc-w35 {width: 35%; box-sizing: border-box;}
.pc-w30 {width: 30%; box-sizing: border-box;}
.pc-w25 {width: 25%; box-sizing: border-box;}
.pc-w20 {width: 20%; box-sizing: border-box;}
.pc-w15 {width: 15%; box-sizing: border-box;}
.pc-w10 {width: 10%; box-sizing: border-box;}
.pc-mg-auto {margin: 0 auto;}
.pc-mg-0 {margin: 0 !important;}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {
	
	/* ------- 幅サイズ指定 sp ------- */

.sp-full, .sp-w100 {width:100% !important;}
.sp-w90 {width:90% !important;}
.sp-w80 {width:80% !important;}
.sp-w75 {width:75% !important;}
.sp-w70 {width:70% !important;}
.sp-w65 {width:65% !important;}
.sp-w60 {width:60% !important;}
.sp-w55 {width:55% !important;}
.sp-w50 {width:50% !important;}
.sp-w45 {width:45% !important;}
.sp-w40 {width:40% !important;}
.sp-w35 {width:35% !important;}
.sp-w30 {width:30% !important;}
.sp-w25 {width:25% !important;}
.sp-w20 {width:20% !important;}
.sp-mg-auto {margin: 0 auto;}
	
body {
	background-image: none;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
}
header {
	background-image: url(../img/global/header_bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
header #logo {
	text-align: center;
	padding-top: 40px;
	padding-right: 10%;
	padding-bottom: 5px;
	padding-left: 10%;
	margin: 0px;
}
nav {
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
}
nav ul li {
	padding-right: 3%;
	padding-left: 3%;
	font-size: 80%;
	line-height: 2em;
	background-image: none;
}
#main {
	font-size: 100%;
	line-height: 1.6em;
}
footer {
	background-image: url(../img/global/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	height: 70px;
	font-size: 68%;
	padding-top: 20px;
}

/* ------- fg ------ */

.fg_center {
	padding: 0 2%;
}
.row {
	padding: 0 1em;
	margin: 0;
}
.fg1, .fg2 {
	width: 46%;
	margin-bottom: 1em;
}
.fg3, .fg4, .fg5, .fg6, .fg7, .fg8, .fg9, .fg10, .fg11, .fg12 {
	margin: 0 2% 2em;
	padding: 0;
	width: 96%;
}
.fg-no-mobile {
	display: none !important;
}
.fg-no-desktop {
	display: block !important;
}

/* -------- カラム ---------- */

section.col2 p {
	font-size: 95%;
}
section.col3 p {
	font-size: 95%;
}

/* -------- カラム　画像 ---------- */

section div.col-imgL150 {
	float: left;
	width: 120px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* -------- article ---------- */

.atcl_1 {
	margin-bottom: 0px;
}
.atcl_1 h2 {
	line-height: 1.5em;
	font-size: 20px;
	font-family: "FP-ヒラギノUD明朝 StdN W6";
}
.tt_blk1 {
	font-size: 17px;
	background-color: #000;
	background-image: none;
	line-height: 1.4em;
	padding-top: 10px;
	height: auto;
	padding-bottom: 10px;
}
.tt_blue1 {
	font-size: 17px;
	background-color: #0A3361;
	background-image: none;
	line-height: 1.4em;
	padding-top: 10px;
	height: auto;
	padding-bottom: 10px;
}
.goshop {
	text-align: center;
	margin-bottom: 40px;
}

/* -------- 表組み ---------- */

.tbl-1 {
	background-color: #FFF;
	font-size: 90%;
	width: 100%;
	border-top-style: none;
}
.tbl-1 dt, .tbl-1 dd {
	padding: 7px 12px;
}
.tbl-1 dt {
	float: none;
	background-color: #E9E4DE;
}
.tbl-1 dd {
	padding-bottom: 10px;
}

.tbl-2 {
	background: #FFF;
	font-size: 92%;
	width: 100%;
}
.tbl-2 dt,  .tbl-2 dd {
	box-sizing: border-box;
	padding: 10px 10px;

}
.tbl-2 dt {
	clear: both;
	float: left;
	width: 80%;
}
.tbl-2 dd {
	padding-left: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: right;
}
	
.tbl-3 {
	background: #FFF;
	font-size: 92%;
	width: 100%;
	box-sizing: border-box;
}
.tbl-3 dt,  .tbl-3 dd {
	box-sizing: border-box;
	padding: 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
.tbl-3 dt {
	clear: both;
	float: left;
	width: 20%;
}
.tbl-3 dd {
	width:40%;
	float: left;
	text-align: left;
}

.tbl-4 {
	background: #FFF;
	width: 100%;
	overflow: hidden;
}
.tbl-4 dt,  .tbl-4 dd {
	box-sizing: border-box;
}

.tbl-4 dt {
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 1.8;
	margin-bottom: 5px;
	font-weight: 800;
	font-size: 110%;
}
	.tbl-4 dd {
		font-size: 90%;
		line-height: 1.5;
	}
	

/* ---- ボタン sp  ----- */
.btn_info a {
	font-size: 16px;
}
#main section .col2 .btn_info {
	padding-top: 0.3em;
}

}



/* ########### 600px以上 ########### */
@media (min-width: 600px) {

	
	.hd {
	overflow: hidden;
}
nav ul li {
	padding-right: 3%;
	padding-left: 3%;
	font-size: 75%;
}
#main {
	font-size: 95%;
}
footer {
	background-image: url(../img/global/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	height: 100px;
	font-size: 85%;
	padding-top: 20px;
}
footer #ft_name {
	margin-bottom: 5px;
}

/* -------- カラム ---------- */

section.col2 p {
	font-size: 87%;
	margin-bottom: 13px;
}
section.col3 p {
	font-size: 87%;
}
section .pc_floatR {
	float: right;
}

/* -------- カラム　画像 ---------- */

section div.col-imgL150 {
	float: left;
	width: 120px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* -------- article ---------- */

.atcl_1 {
	font-size: 110%;
	margin-bottom: 50px;
}
.atcl_1 h2 {
	font-size: 150%;
	margin-bottom: 1.2em;
	line-height: 1.5em;
	letter-spacing: -1px;
}
.atcl_1 p {
	font-size: 90%;
}
.itembox1 {
	margin: 40px 0px;
}
.itembox1 h2 {
	font-size: 27px;
	margin-bottom: 1.3em;
}
.itembox1 p {
	font-size: 92%;
	line-height: 1.6em;
	margin-bottom: 1.8em;
}

/* -------- 商品一覧 ---------- */

.itembox1 div.item_img {
	width: 30%;
	float: left;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 3%;
}
.itembox1 div.item_info {
	width: 63%;
	float: left;
}
.goshop {
	text-align: right;
}

/* -------- 表組み ---------- */

.tbl-1 {
	background: #FFF;
	font-size: 92%;
	width: 90%;
}
.tbl-1 dt,  .tbl-1 dd {
	padding: 15px 20px;

}
.tbl-1 dt {
	clear: both;
	float: left;
	width: 110px;
}
.tbl-1 dd {
	padding-left: 170px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
	
.tbl-2 {
	background: #FFF;
	font-size: 92%;
	width: 90%;
}
.tbl-2 dt,  .tbl-2 dd {
	box-sizing: border-box;
	padding: 15px 20px;

}
.tbl-2 dt {
	clear: both;
	float: left;
	width: 80%;
}
.tbl-2 dd {
	padding-left: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: right;
}

.tbl-3 {
	background: #FFF;
	font-size: 92%;
	width: 100%;
	overflow: hidden;
}
.tbl-3 dt,  .tbl-3 dd {
	box-sizing: border-box;
	padding: 15px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.tbl-3 dt {
	clear: both;
	float: left;
	width: 30%;
}
.tbl-3 dd.t3-add {
	width: 50%;
	float: left;
	text-align: left;
}
.tbl-3 dd.t3-tell {
	width: 20%;
	float: left;
	text-align: left;
}
	
.tbl-4 {
	background: #FFF;
	width: 100%;
	overflow: hidden;
}
.tbl-4 dt,  .tbl-4 dd {
	box-sizing: border-box;
	
}

.tbl-4 dt {
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
	line-height: 2;
	font-weight: 800;
	font-size: 110%;
}
	.tbl-4 dd {
		font-size: 90%;
	}



/* ########### 960px以上 ########### */
@media (min-width: 960px) {
#wrapper {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
nav ul li {
	font-size: 100%;
}
#main {
	font-size: 100%;
}
footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/* -------- カラム　画像 ---------- */

section div.col-imgL150 {
	float: left;
	width: 150px;
	margin-right: 25px;
	margin-bottom: 20px;
}
section div.col-imgR400 {
	float: right;
	width: 400px;
	margin-left: 25px;
	overflow: hidden;
}
section div.col-imgR250 {
	float: right;
	width: 250px;
	margin-left: 25px;
	overflow: hidden;
	margin-top: 25px;
}

/* -------- article ---------- */

.atcl_1 {
	line-height: 1.6em;
}
.atcl_1 h2 {
	font-size: 25px;
}
.atcl_1 p {
}

/* -------- 商品一覧 ---------- */

.itembox1 p {
	font-size: 100%;
	line-height: 1.8em;
}
}