/*基本*/
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing: border-box;margin: 0px;padding: 0px}
body {font-family:  游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 160%;margin: 0px;padding: 0px;color: #000000;background-color: #f8f8ef}

p {color: #000000}
img {margin: 0px;padding: 0px;vertical-align: bottom}
img.mati {width:100%}

/*スマホ*/
@media (max-width:599px){
h1 {font-size: 12px;margin: 0px 0px 0px 0px;padding-top: 0px}
h2 {font-size: 18px;margin: 0px;padding-top: 0px}
h2.logo {font-size: 24px;color: #ff9326;background-color: transparent;margin: 0px 0px 10px 0px;padding: 10px 0px 10px 0px;border-bottom: solid 4px #ff9326}
h3 {font-size: 14px;margin: 0px;padding: 0px}
h3.midasi {font-size: 17px;padding-top: 25px;line-height: 140%}
h4 {font-size: 14px:margin: 0px;padding: 0px;font-weight: bolder}
p {font-size: 16px;line-height: 160%;margin: 0px;padding: 20px 10px 20px 10px}

a {text-decoration: none}
a:link { color: #222222 }
a:visited { color: #222222 }
a:hover { color: #ff9326}
a:active { color: #222222 }

a.modoru{font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}
/*画像*/
img.center {margin: 0px auto 0px auto;padding: 0px}
img.icon{vertical-align: -3px;margin-right: 3px}
img.parking {width: 100%;height: auto;margin-bottom: 20px}
img.ooya {width: 40%; height: auto;margin-top: 10px; margin-left: auto;margin-right: auto;display:block}

/*テーブル*/
table {margin: 10px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px;display: block}
th {width: 100%;background-color: #DFDFD0}
td {width: 100%text-align: left;border: solid 1px #aaaaaa;}

/*スマホアコーディオンメニュー*/
.menu {text-align: center}
.menu label {width: 40%;background: #ff9326;color: #fff;padding: 10px;display: block;margin:15px auto 0px auto;border: 1px solid #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;line-height: 100%}
.menu input[type="checkbox"].on-off{display: none}
.menu ul {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;margin: 0;padding: 0;list-style: none}
.menu li {padding: 5px;border-bottom: solid 1px #222222}
.menu a {display: block} 
input[type="checkbox"].on-off + ul{height: 0;overflow: hidden}
input[type="checkbox"].on-off:checked + ul{height: 280px}

/* スマホ topics */
.topics {margin-top: 20px}
.topics li{margin-left: 25px}

/*ヘッダー アーティクル フッター*/
nav ul {list-style-type: none;font-size: 0;text-align: right}
nav li {display: inline;font-size: 16px;padding: 0px 10px 0px 10px}/*inlineで一行にする*/

article {margin-bottom: 20px}
article:after {content: "";display: block;clear: both}

footer {width: 100%;margin-top: 10px;padding: 20px;background-color: #f9a458;color: #ffffff;text-align: center}
footer:after {content: "";display: block;clear: both}

/*枠 基本*/
div {margin: 0px;padding: 0px}

/*枠　スマホ タイトル用*/
.box_title {width: 100%;height: 200px;margin-bottom: 0px;padding-top: 30px;background-image: url("img/title.jpg")}
.box_time {width: 100%;height: 140px;padding:5px 0px 0px 20px;background-color: #ffffff;opacity: 0.9;text-align: center}
.box_time img {margin-bottom: 10px}
.box_time p{margin: 0px;padding: 0px;font-size: 28px;line-height: 70%;color: #ff9326}
.mini {font-size: 12px;line-height: 50%}
.mobile {display: block;text-align: center;margin: 0px;font-size: 16px;color: #555555}

/*枠 サブタイトル*/
.subject {background-color: #f9a458;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px}
.subject img{width: 100%;margin: 0px;padding: 0px}
.subject h2{color: #fff;padding: 13px 5px 8px 10px}
.subject:after {content: "";display: block;clear: both}

/*枠メイン*/
.box_main {width: 100%;margin:20px auto 0px auto}
.box_main:after {content: "";display: block;clear: both}

.box_L{width: 100%}
.box_L:after {content: "";display: block;clear: both}

.box_R{width: 100%;margin-top:20px;height: 100%;text-align: center}
.box_R:after {content: "";display: block;clear: both}

.box_33 {width: 300px;height: auto;margin:0px auto 0px auto;border: solid 6px #f0f0e1;background-color: #f0f0e1}
.box_33 a {line-height: 210%}

/*枠 スタッフ*/
.box_staff {width: 90%;background-color: #ffffff;margin: 0px auto 10px auto;padding: 0px 0px 10px 0px}
.box_staff:after {content: "";display: block;clear: both}
.box_staff h3 {margin: 0px;font-size: 14px;padding: 10px 0px 0px 10px}
.box_staff p {font-size: 14px;margin: 0px 0px 10px 10px;padding: 0px}
.box_staff img {margin: 20px auto 0px auto;display: block}
.box_staff img.blog {margin: 0px 0px 0px 10px;display: inline}

/*枠 商品*/
.box_item {width:100%;margin:0px 0px 20px 0px;background-color: #ffffff}
.box_item:after {content: "";display: block;clear: both}
.box_item img{margin: 0px auto 0px auto;padding: 0px;width: 200px;display: block}
.box_item table {width: 90%;margin: 0px auto 0px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.box_item th, td {border: solid 1px #aaaaaa;padding: 7px 10px 7px 10px}
.box_item th {width: 100%;text-align: left;background-color: #fff1d0}
.box_item td {text-align: left;border: solid 1px #aaaaaa;}
.box_item a {font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}

/*枠 商品 詳細*/
.syousai table {width: 90%;margin: 0px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.syousai th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px}
.syousai th {width: 100%;background-color: #fff1d0}
.syousai td {width: 100%;text-align: left;border: solid 1px #aaaaaa;background-color: #ffffff}

.syousai img {width: 100%}
.syousai a{width:50px;font-size: 18px;margin: 20px 0px 10px 20px;padding: 7px;background-color: #f9a458;color: #ffffff;display: block}
a.nomal {width: 100%;font-size: 16px;color: #f9a458;background-color: #fff;margin: 0px 0px 0px 0px;padding: 0px}
/*フォーム*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:100%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#formWrap h3{margin: 0px 0px 10px 10px}
}


/*タブレット*/
@media screen and (min-width: 600px) and (max-width: 979px) {
h1 {font-size: 14px;margin: 0px 0px 0px 0px;padding-top: 0px}
h2 {font-size: 20px;margin: 0px;padding-top: 0px}
h2.logo {font-size: 30px;color: #ff9326;background-color: transparent;margin: 0px 0px 10px 0px;padding: 10px 0px 10px 0px;border-bottom: solid 4px #ff9326}
h3 {font-size: 14px;margin: 0px;padding: 0px}
h3.midasi {font-size: 21px;padding-top: 25px}
h4 {font-size: 14px:margin: 0px;padding: 0px;font-weight: bolder}
p {font-size: 16px;line-height: 160%;margin: 0px;padding: 20px 10px 20px 10px}

a {text-decoration: none}
a:link { color: #222222 }
a:visited { color: #222222 }
a:hover { color: #ff9326}
a:active { color: #222222 }

a.modoru{font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}
/*画像*/
img.center {margin: 0px auto 0px auto;padding: 0px}
img.icon{vertical-align: -3px;margin-right: 3px}
img.parking {width: 100%;height: auto;margin-bottom: 20px}
img.ooya {width: 35%; height: auto;margin-top: 10px; margin-left: 70px}

/*テーブル*/
table {margin: 10px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px}
th {width: 200px;background-color: #DFDFD0}
td {width: 350px;text-align: left;border: solid 1px #aaaaaa;}

/*タブレットメニュー*/
.menu label {background: green;color: #fff;padding: 10px;display: none;margin: 0;border: 1px solid #fff}
.menu input[type="checkbox"].on-off{display: none}
.menu ul {list-style-type: none;font-size: 0px;margin: 0px}
.menu li {display: inline-block;font-size: 16px;width: 16.6%;border-right: solid 1px #aaa;text-align: center}/*inlineで一行にする*/
.menu li:first-child {border-left: solid 1px #aaa}
.menu a {font-size: 14px;display: block}         /* a をブロックで表示して塊にする */
.menu a:hover { color: #ff9326;border-bottom: solid 2px #ff9326}

/* タブレット topics */
.topics {margin-top: 20px}
.topics li{margin-left: 25px}

/*ヘッダー アーティクル フッター*/
nav ul {list-style-type: none;font-size: 0;text-align: right}
nav li {display: inline;font-size: 16px;padding: 0px 10px 0px 10px}/*inlineで一行にする*/

article {margin-bottom: 20px}
article:after {content: "";display: block;clear: both}

footer {width: 100%;margin-top: 10px;padding: 20px;background-color: #f9a458;color: #ffffff;text-align: center}
footer:after {content: "";display: block;clear: both}

/*枠 基本*/
div {margin: 0px;padding: 0px}

/*枠　タイトル用*/
.box_title {width: 600px;height: 300px;margin-bottom: 0px;padding-top: 90px;background-image: url("img/title.jpg")}
.box_time {width: 100%;height: 140px;padding:5px 0px 0px 20px;background-color: #ffffff;opacity: 0.9;text-align: center;pointer-events: none}
.box_time img {margin-bottom: 10px}
.box_time p{margin: 0px;padding: 0px;font-size: 28px;line-height: 70%;color: #ff9326}
.mini {font-size: 12px;line-height: 50%}
.mobile {display: none}

/*枠 サブタイトル*/
.subject {background-color: #f9a458;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px}
.subject img{width: 100%;margin: 0px;padding: 0px}
.subject h2{color: #fff;padding: 13px 5px 8px 10px}
.subject:after {content: "";display: block;clear: both}

/*枠メイン*/
.box_main {width: 600px;margin:20px auto 0px auto}
.box_main:after {content: "";display: block;clear: both}

.box_L{width: 600px}
.box_L:after {content: "";display: block;clear: both}

.box_R{width: 600px;margin-top:20px;height: 100%;text-align: center}
.box_R:after {content: "";display: block;clear: both}

.box_33 {width: 200px;height: 415px;border: solid 6px #f0f0e1;background-color: #f0f0e1;float: left}

/*枠 スタッフ*/
.box_staff {width: 90%;height: 140px;background-color: #ffffff;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px}
.box_staff:after {content: "";display: block;clear: both}
.box_staff h3 {margin: 0px;font-size: 14px;padding: 10px 0px 0px 10px}
.box_staff p {font-size: 14px;margin: 0px 0px 10px 0px;padding: 0px}
.box_staff img {margin: 20px 10px 0px 0px;float: left}
.box_staff img.blog {margin: 0px 0px 0px 0px}

/*枠 商品*/
.box_item {width:100%;margin:0px 0px 20px 0px;background-color: #ffffff}
.box_item:after {content: "";display: block;clear: both}
.box_item img{margin: 0px;padding: 0px;width: 200px;float:left}
.box_item table {margin: 0px auto 0px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.box_item th, td {border: solid 1px #aaaaaa;padding: 7px 10px 7px 10px}
.box_item th {width: 100px;text-align: left;background-color: #fff1d0}
.box_item td {text-align: left;border: solid 1px #aaaaaa;}
.box_item a {font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}

/*枠 商品 詳細*/
.syousai table {margin: 0px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.syousai th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px}
.syousai th {width: 100px;background-color: #fff1d0}
.syousai td {width: 450px;text-align: left;border: solid 1px #aaaaaa;background-color: #ffffff}

.syousai img {width: 100%}
.syousai a{width:50px;font-size: 18px;margin: 20px 0px 10px 20px;padding: 7px;background-color: #f9a458;color: #ffffff;display: block}
a.nomal {width: 100%;font-size: 16px;color: #f9a458;background-color: #fff;margin: 0px 0px 0px 0px;padding: 0px}
/*フォーム*/
#formWrap {
	width:598px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#formWrap h3{margin: 0px 0px 10px 10px}
}
/*タブレットここまで*/

/*PC*/
@media (min-width:980px){
h1 {font-size: 14px;margin: 0px 0px 0px 0px;padding-top: 0px}
h2 {font-size: 20px;margin: 0px;padding-top: 0px}
h2.logo {font-size: 30px;color: #ff9326;background-color: transparent;margin: 0px 0px 10px 0px;padding: 10px 0px 10px 0px;border-bottom: solid 4px #ff9326}
h3 {font-size: 14px;margin: 0px;padding: 0px}
h3.midasi {font-size: 21px;padding-top: 25px}
h4 {font-size: 14px:margin: 0px;padding: 0px;font-weight: bolder}
p {font-size: 16px;line-height: 160%;margin: 0px;padding: 20px 10px 20px 10px}

a {text-decoration: none}
a:link { color: #222222 }
a:visited { color: #222222 }
a:hover { color: #ff9326}
a:active { color: #222222 }

a.modoru{font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}
/*画像*/
img.center {margin: 0px auto 0px auto;padding: 0px}
img.icon{vertical-align: -3px;margin-right: 3px}
img.parking {width: 100%;height: auto;margin-bottom: 20px}
img.ooya {width: 35%; height: auto;margin-top: 10px; margin-left: 56px}

/*テーブル*/
table {margin: 10px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px}
th {width: 200px;background-color: #DFDFD0}
td {width: 350px;text-align: left;border: solid 1px #aaaaaa;}

/*PCメニュー*/
.menu label {background: green;color: #fff;padding: 10px;display: none;margin: 0;border: 1px solid #fff}
.menu input[type="checkbox"].on-off{display: none}
.menu ul {list-style-type: none;font-size: 0px;margin: 0px}
.menu li {display: inline-block;font-size: 16px;width: 16.6%;border-right: solid 1px #aaa;text-align: center}/*inlineで一行にする*/
.menu li:first-child {border-left: solid 1px #aaa}
.menu a {display: block}         /* a をブロックで表示して塊にする */
.menu a:hover { color: #ff9326;border-bottom: solid 2px #ff9326}

/* PC topics */
.topics {margin-top: 20px}
.topics li{margin-left: 25px}

/*ヘッダー アーティクル フッター*/
nav ul {list-style-type: none;font-size: 0;text-align: right}
nav li {display: inline;font-size: 16px;padding: 0px 10px 0px 10px}/*inlineで一行にする*/

article {margin-bottom: 20px}
article:after {content: "";display: block;clear: both}

footer {width: 100%;margin-top: 20px;padding: 20px;background-color: #f9a458;color: #ffffff;text-align: center}
footer:after {content: "";display: block;clear: both}

/*枠 基本*/
div {margin: 0px;padding: 0px}

/*枠　タイトル用*/
.box_title {width: 960px;height: 300px;margin-bottom: 0px;padding-top: 90px;background-image: url("img/title.jpg")}
.box_time {width: 320px;height: 130px;padding:40px 0px 0px 20px;background-color: #ffffff;opacity: 0.9;border-radius: 5px;float: right;pointer-events: none}
.box_time img {float: left;margin-right: 7px}
.box_time p{margin: 0px;padding: 0px;font-size: 28px;line-height: 70%;color: #ff9326}
.mini {font-size: 12px;line-height: 50%}
.mobile {display: none}

/*枠 サブタイトル*/
.subject {background-color: #f9a458;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px}
.subject img{width: 100%;margin: 0px;padding: 0px}
.subject h2{color: #fff;padding: 13px 5px 8px 10px}
.subject:after {content: "";display: block;clear: both}

/*枠メイン*/
.box_main {width: 960px;margin:20px auto 0px auto}
.box_main:after {content: "";display: block;clear: both}

.box_L{width: 600px;float: left}
.box_L:after {content: "";display: block;clear: both}

.box_R{width: 340px;height: 100%;float: right;text-align: center}
.box_R:after {content: "";display: block;clear: both}

.box_33 {width: 200px;height: 415px;border: solid 6px #f0f0e1;background-color: #f0f0e1;float: left}

/*枠 スタッフ*/
.box_staff {width: 90%;height: 140px;background-color: #ffffff;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px}
.box_staff:after {content: "";display: block;clear: both}
.box_staff h3 {margin: 0px;font-size: 14px;padding: 10px 0px 0px 10px}
.box_staff p {font-size: 14px;margin: 0px 0px 10px 0px;padding: 0px}
.box_staff img {margin: 20px 10px 0px 0px;float: left}
.box_staff img.blog {margin: 0px 0px 0px 0px}

/*枠 商品*/
.box_item {width:100%;margin:0px 0px 20px 0px;background-color: #ffffff}
.box_item:after {content: "";display: block;clear: both}
.box_item img{margin: 0px;padding: 0px;width: 200px;float:left}
.box_item table {margin: 0px auto 0px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.box_item th, td {border: solid 1px #aaaaaa;padding: 7px 10px 7px 10px}
.box_item th {width: 100px;text-align: left;background-color: #fff1d0}
.box_item td {text-align: left;border: solid 1px #aaaaaa;}
.box_item a {font-size: 16px;padding: 5px;background-color: #f9a458;color: #ffffff}

/*枠 商品 詳細*/
.syousai table {margin: 0px auto 20px auto;font-size: 16px;border: solid 1px #aaaaaa;border-collapse: collapse}
.syousai th, td {border: solid 1px #aaaaaa;padding: 5px 10px 5px 10px}
.syousai th {width: 100px;background-color: #fff1d0}
.syousai td {width: 450px;text-align: left;border: solid 1px #aaaaaa;background-color: #ffffff}

.syousai img {width: 100%}
.syousai a{width:50px;font-size: 18px;margin: 20px 0px 10px 20px;padding: 7px;background-color: #f9a458;color: #ffffff;display: block}
a.nomal {width: 100%;font-size: 16px;color: #f9a458;background-color: #fff;margin: 0px 0px 0px 0px;padding: 0px}
/*フォーム*/
#formWrap {
	width:598px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#formWrap h3{margin: 0px 0px 10px 10px}
}