@charset "UTF-8";

/* ------------------------------------------------ *

 * 基準

/* ------------------------------------------------ */

* { margin:0; padding:0;}
html { width:100%; height:100%;overflow-y: scroll;}
body {
	width:100%;
	height:100%;
	color:#666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	line-height: 1.8;
	background-color: #FFF;
}

#flashContent {
	width:100%;
	height:100%;
	padding-top: 10px;
}

#boxhomeleft h3{
	margin-bottom:10px;
	background-color: #FFF;
	text-indent: 0px;
	background-image: none;
	padding: 0px;
}

a,a:link {
	text-decoration:none;
	color:#F60;
}
a:hover {
	text-decoration:underline;
	color:#FC0;
}

a img { border:none; outline:none;}

ul { list-style:none;}
ul img { vertical-align:bottom;}

#container {
	width:100%;
	background-color: #FFF;
}
#header {
	height: 80px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #630;
}

/* 商品カテゴリーナビ（全ページ共通ヘッダー） */
.product-cat-nav {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 16px 12px;
	background: #f7f7f5;
	border-bottom: 1px solid #ddd;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.product-cat-nav-title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 0 0 8px 0;
}
.product-cat-nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.product-cat-nav-links a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
	color: #333 !important;
	background: #fff;
	font-size: 12px;
	line-height: 1.4;
}
.product-cat-nav-links a:hover {
	background: #eee;
	color: #111 !important;
	text-decoration: none;
}
.product-cat-nav-links a.product-cat-nav-price {
	border-color: #999;
	font-weight: bold;
}
@media (max-width: 767px) {
	.product-cat-nav-links a {
		flex: 1 1 calc(50% - 8px);
		box-sizing: border-box;
	}
}

#header #headnavi {
	float: right;
	margin-top: 55px;
}
#header #headnavi li,#header #headnavi li a {
	display:block;
	width:100px;
	height:25px;
	float: left;
	margin-left: 3px;
}
#header li.snsbtn {
	width:100px;
	height:21px;
	overflow:hidden;
	margin-left:5px;
	float: left;
}

#keyvisual {
	width:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}
#keyvisual .copy { position:absolute; top:34px; left:200px;}

#navigation {
	height:40px;
	margin-bottom: 10px;
	float: right;
	width: 745px;
	margin-top: 5px;
}
#snavigation {
	height:35px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#navigation li {
	float:left;
	margin-right:0px;
}
#snavigation li {
	float:right;
	margin-right:0px;
}
#navigation li,#navigation li a {
	display:block;
	width:122px;
	height:32px;
}
#snavigation li, #snavigation li a {
	display:block;
	width:135px;
	height:35px;
	margin-left: 2px;
}
.submenu li a:link,.submenu li a:visited  {
	color: #333;
}
.submenu li a:hover {
	text-decoration:underline;
	color:#F90;
}

#content {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(img/sidbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
	height: 100%;
}
#content #sidebar {
	width:200px;
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	line-height: 150%;
}
#content #sidebar ul {
	margin-bottom:15px;
	margin-left: 5px;
}
ul .submenu  {
	padding-left: 15px;
}
.submenu li {
	background-image: url(img/limark_w.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 1em;
	margin-bottom: -5px;
}
#content #sidebar ul li {
	margin-bottom:0px;
}
#sidebar ul li img {
	margin-bottom: 5px;
}
#content #main {
	width:620px;
	float:right;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 55px;
	padding-left: 55px;
}
#content #maintop {
	width:700px;
	float:right;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}
#content #main p {
	margin-bottom:10px;
}

#footer {
	height:40px;
	padding:10px 0 0 0;
	width:100%;
	font-size:12px;
	color:#666;
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-color: #FFF;
}
#footer a:link,#footer a:visited { color:#FFF; text-decoration:none;}
#footer a:hover { color:#F66; text-decoration:underline;}

.innerbox {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(img/headebg.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 80px;
}
.innerbox_f {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 80px;
}



/* ------------------------------------------------ *

 * 汎用

/* ------------------------------------------------ */

/* -------------------- マージン */

.mt10 { margin-top:10px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.ml5 { margin-left:5px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}

/* -------------------- フロート・クリアフィックス */

.alignleft {
	float:left;
	margin-right: 10px;
}
.alignright { float:right;}
.aligncenter{
	text-align:center;
}

.clearfix:before,
.clearfix:after { content:""; display:block; overflow:hidden; height:0;}
.clearfix { display: inline-block;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix { *zoom:1;}
.innerbox img {
	float: left;
}
/* ------------------------------------------------ *

 * ホーム

/* ------------------------------------------------ */

#boxhomeleft { width:300px; float:left;}
#boxhomeleft ul { list-style:url(img/icon_01.jpg) inside; margin-bottom:20px;}
#boxhomeleft ul li { border-bottom:dotted 1px #CCC; padding:5px 0;}
#boxhomeright { width:390px; float:right;}
#boxhomeright div { border:solid 1px #CCC; padding:10px 10px 0 10px; margin-bottom:20px;}
#boxhomeright p.linkitem { display:block; text-align:right;}

#main h3 {
	height: 25px;
	padding-bottom: 20px;
}
#maintop h3 {
	height: 25px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#main h4 {
	color: #F90;
	margin-bottom: 5px;
	font-size: 115%;
	margin-top: 10px;
}
#main .upperinfo {
	background-color: #F0EFC1;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#main .texbox {
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
#maintop .toptexbox {
	padding-left: 30px;
	float: left;
	width: 640px;
	padding-right: 30px;
}
em {
	font-weight: bold;
	color: #F69;
	font-style: normal;
}
.texbox ul li{
	list-style-type: disc;
	list-style-position: outside;
}
.texbox ol {
	padding-left: 2em;
	margin-bottom: 10px;
}
.texbox ul {
	padding-left: 2em;
	margin-bottom: 10px;
}
.toptexbox ul {
	padding-left: 2em;
	margin-bottom: 10px;
}
.basic-table {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	width: 560px;
	margin-bottom: 20px;
}
.basic-table02 {
	width: 80%;
	margin-bottom: 5px;
}
.basic-table td {
	padding: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	text-align: center;
}
.basic-table02 td {
	padding: 5px;
}
.basic-table th {
	padding: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	background-color: #F0F0F0;
	text-align: center;
}
#main .mov {
	width: 420px;
	margin-bottom: 20px;
	text-align: center;
	height: 315px;
	margin-right: auto;
	margin-left: auto;
}
.texbox .data {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.data th {
	text-align: left;
}
#main .leftimg {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	padding: 1px;
	border: 1px solid #CCC;
}
#main .rightimg {
	margin-bottom: 10px;
	float: right;
	padding: 1px;
	border: 1px solid #CCC;
	margin-left: 20px;
}
.texbox .centimg {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 150px;
}
.texbox h5 {
	font-size: 100%;
	font-weight: bold;
	color: #0CC;
}
.texbox .qbox {
	background-image: url(img/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	padding-left: 30px;
	color: #F90;
}
.texbox .abox {
	background-image: url(img/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.texbox .box500 {
	float: right;
	width: 490px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.texbox .lineupbox {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-radius: 20px;        /* CSS3草案 */
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 20px;   /* Firefox用 */
	padding: 10px;
}
#main iframe {
	margin-bottom: 20px;
	margin-top: 10px;
}
#main .m_lef {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}
#main .m_right {
	float: right;
	width: 300px;
	margin-bottom: 10px;
}
#main .menu {
	font-weight: bold;
	color: #663307;
}
.texbox li {
	list-style-image: url(img/limark.gif);
}
.toptexbox li {
	list-style-image: url(img/limark.gif);
}
.m_right_bgcol {
	float: right;
	width: 280px;
	margin-bottom: 10px;
	background-color: #EFEDCF;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 120px;
}
.m_leht_bgcol {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	background-color: #EFEDCF;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 120px;
}

dl {
	width: 80%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 30px;
}
dl dt {
	float: left;
	width: 6em;
	font-weight: bold;
	line-height: 150%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
dl dd {
	line-height: 150%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 6em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.ftab {
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	width: 540px;
	margin-left: 10px;
}
.ftab th {
	background-color: #630;
	text-align: left;
	font-weight: normal;
	color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 5px;
	vertical-align: middle;
}
.ftab td {
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#hnavibox {
	text-align: right;
	float: right;
}
#topimg {
	float: right;
	width: 745px;
	margin-top: 10px;
}
#topbanner {
	float: right;
	width: 200px;
}
#topbanner p {
	margin-bottom: 5px;
}
#feed {
	width: 90%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.caption {
	font-size: 95%;
	color: #960;
}

#feed .gfc-title {
padding : 3px 0 2px 5px;
border-left : 3px solid #cc9900;
}

#feed .gf-author, #feed .gf-spacer, #feed .gf-snippet{
 display : none;
  }

#feed .gf-relativePublishedDate{
	font-size: 80%;
	color: #999;
	padding-bottom: 5px;
  }

#feed .gf-result {
padding-top:5px;
}

 
#feed .gf-title a {
	padding-bottom: -1em;
}
#sidebar ul .sub {
	padding-left: 12px;
}



/* === responsive (added) === */
img, video, iframe {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
	#header {
		height: auto;
		min-height: 0;
	}
	.innerbox,
	.innerbox_f,
	#content {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		background-image: none;
		height: auto;
	}
	.innerbox {
		height: auto;
		padding: 8px 12px;
		background-image: none;
	}
	.innerbox img {
		width: auto !important;
		max-width: 100%;
		height: auto !important;
	}
	#content #sidebar {
		float: none;
		width: 100%;
		padding: 12px 10px 0;
		box-sizing: border-box;
	}
	#content #sidebar ul {
		margin-left: 0;
	}
	#sidebar ul li img,
	#content #sidebar ul li img {
		max-width: 100%;
		height: auto;
		width: auto !important;
	}
	#content #main,
	#content #maintop {
		float: none;
		width: auto;
		max-width: 100%;
		padding: 16px 14px 28px;
		box-sizing: border-box;
	}
	#boxhomeleft,
	#boxhomeright {
		float: none;
		width: 100%;
		margin: 0 0 16px 0;
	}
	#keyvisual,
	#navigation,
	#snavigation {
		float: none;
		width: 100%;
		height: auto;
	}
	#maintop .toptexbox,
	#main .texbox,
	#main .mov,
	#main .m_lef,
	#main .m_right,
	.menu {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}
	table {
		width: 100% !important;
		max-width: 100%;
	}
	#spLinkBlockInPc {
		display: none !important;
	}
}