@charset "utf-8";

@import "reset.css";

/* header */
.header {
	position: absolute;
	width: 93.75%;
	margin: 18px 0 0 3.125%;
	background: #FFF;
	border-radius: 3px;
	z-index: 999;
}

.header .site_logo {
	float: left;
	width: 41.33333333%;
}

.header .onlineshop_link {
	float: left;
	display: block;
	width: 43.33333333%;
}

.header .menuopen {
	float: right;
	display: block;
	width: 15.33333333%;
}

.menu {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 18px 0;
	z-index: 10000;
	font-size: 1.6rem;
	background-color: rgba(255, 255, 255, 0.6);
}

.menu .menuclose a {
	float: right;
	display: block;
	width: 14.375%;
	margin: 0 3.125%;
}

.menu ul {
	margin: 10px 3.125%;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.8);
}

.menu ul li {
	text-align: left;
	background: url(../img/header/menu_arrow.png) center right no-repeat;
	background-size: 32px;
	border-top: 1px solid rgba(0, 0, 0, 0.8);
}

.menu ul li:first-child {
	border-top: none;
}

.menu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 16px 24px;
}

.menu ul li:first-child a {
	padding-left: 50px;
	background: url(../img/header/menu_icon_home.png) 24px center no-repeat;
	background-size: 20px;
}

/* pagebody */
.pagebody{
}

/* bottom_navigation */
.bottom_navigation{
	overflow: hidden;
}

.bottom_navigation a{
	width: 50%;
	float:left;
}

/* footer */
.footer {
	color: #222222;
}

.footer a { color: #222222; text-decoration: none; }
.footer a:hover { color: #00ccff; }

/* news */
.footer .news {
	text-align: left;
	background-color: #ECECEC;
	padding: 24px 3.125%;
	position: relative;
	border-bottom:2px #ffffff solid;
}

.footer .news .heading {
	width: 55%;
	margin-bottom: 14px;
}
.footer .news dl dt.icon_release {
	padding-right: 7.8125%;
	background: url(../../pc/img/footer/news/icon_release.gif) 6em 3px no-repeat;
}

.footer .news dl dt.icon_news {
	padding-right: 7.8125%;
	background: url(../../pc/img/footer/news/icon_news.gif) 6em 3px no-repeat;
}

.footer .news dl dt.icon_meiti {
	padding-right: 7.8125%;
	background: url(../../pc/img/footer/news/icon_meiti.gif) 6em 3px no-repeat;
}

.footer .news dl dd {
	margin: 0.4em 0 0.8em 0;
}

.footer .news .more {
	width: 25.16666667%;
	position: absolute;
	top: 24px;
	right: 3.125%;
}

/* related */
.footer .related {
	text-align: left;
	background-color: #ECECEC;
	padding: 24px 3.125%;
}

.footer .related .heading {
	width: 50%;
	margin-bottom: 14px;
}

/* related_link */
.footer #related_link {
	margin-bottom: 20px;
}

.footer #related_link li {
	float: left;
	width: 48.33333333%;
}

.footer #related_link li:first-child {
	margin-right: 3.333333333%;
}

/* sns_link */
.footer #sns_link li {
	float: left;
	width: 48.33333333%;
}

.footer #sns_link li:first-child {
	margin-right: 3.333333333%;
}

/* footer_menu */
.footer .footer_menu {
	background: #B7B7B7;
	padding: 16px 0 0 0;
	position: relative;
	overflow: hidden;
}

.footer .footer_menu ul {
	text-align: left;
	position: relative;
	left: 50%;
	float: left;
}

.footer .footer_menu ul li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 8px;
	border-left: 1px solid #333;
}

.footer .footer_menu ul li:first-child {
	border-left: none;
}

.footer .footer_menu ul li a {
	display: block;
	color: #003333;
	font-size: 1.0rem;
	letter-spacing: -1px;
	text-decoration: none;
}

.footer .footer_menu ul li a:hover {
	text-decoration: underline;
}

/* etc */
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html { font-size: 62.5%; }
body { font-size: 1.0rem; font-family: "Microsoft Yahei","微软雅黑", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.container { font-size: 1.5rem; line-height: 1.7rem }

/* no display for Smartphone view */
.hidesp {
	display: none;
}

img {
	width: 100%;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 404 page */
body.page404{
}

body.page404 .pagebody{
	text-align: left;
}

body.page404 .pagebody > .pagebody_title{
}

body.page404 .pagebody > .inner{
}

body.page404 .pagebody{
	background-color:#ffffff;
}
body.page404 .pagebody h2{
	font-size:1.7rem;
	margin:0 0 20px 0;
}
body.page404  div.pagebody div.inner{
    margin: 0 auto;
    padding: 20px 0;
    width: 93.75%;
}
body.page404  div.pagebody div.content p{
	margin:0 0 10px 0;
}
body.page404  div.pagebody div.content ul li{
	padding-left:1em;
	background-image:url('../../common/img/img_listmark.gif');
	background-repeat:no-repeat;
	background-position:left 0.4rem;
}
body.page404  div.pagebody div.content ul li a{
	color:#222222;
	text-decoration: none;
}
body.page404  div.pagebody div.content ul li a:hover{
	color:#00ccff;
}

.mybaidu{ display:none;}
.mycnzz{ display:none;}
.footshop{ margin-top:10px;display:none;width:0px;height:0px; }
.fshoplist{ margin-top:5px;display:none;width:0px;height:0px; }