@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*========================================
 Base
========================================*/
html {font-size:62.5%;}
body {font-size:1.2rem;}
#special_content{
	position:relative;
	line-height:1.6;
}
#special_content * {box-sizing:border-box;}

.mainBanner img {vertical-align:bottom;}


/* none */
#special_content .sp {display:none;}
#product-detail-wrap .pc {display:none;}
#special_content .title_in {display:none;}
div.pagetop {display:none;}


/* 商品情報 */
.related_products ul li .item_list_class,
#related_products ul li .item_list_class{
	left:34px;
	top:3px;
}
#layouts ul.product_horizontal_list{
	border-collapse:separate;
    border-spacing:14px;
    display:table;
	table-layout:fixed;
	margin:0 auto !important;
	padding:0;
}
#layouts ul.product_horizontal_list li{
	float:none;
	display:table-cell;
	width:222px !important;
	padding-bottom:10px;
	box-sizing:content-box;
}
ul.product_horizontal_list li > div {margin:0 auto !important;}

/* topへ戻る */
#top-wrap #footerGroup #totopSm{
    width:40px;
    height:40px;
    padding:0;
    text-indent:-9999px;
    background-color:#0079c7;
    border-radius:100%;
    position:fixed;
    bottom:10px;
    right:0;
    z-index:800;
    display:none;
    cursor:pointer;
}
#top-wrap #footerGroup #totopSm a {display:block;}
#top-wrap #footerGroup #totopSm::after{
    content:"\f106";
    font-family:"FontAwesome";
    font-size:40px;
    line-height:35px;
    text-indent:0;
    text-align:center;
    color:#fff;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

#special_content .smOnly {display:none;}


/*========================================
 カスタム
========================================*/
#layouts {background:#e9e9e9;}
#special_content{
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
	margin-bottom:0;
	box-shadow:10px 0 10px -5px #fff, -10px 0 10px -5px #fff;
}
.mainBanner {margin-bottom:20px;}
#special_content .smOnly {display:none;}
.pc + br {display:none;}


/* 商品情報 */
#layouts ul.product_horizontal_list {width:1060px !important;}
#layouts ul.product_horizontal_list:last-child {padding-bottom:20px !important;}
#layouts ul.product_horizontal_list li{
	background:#fff;
	padding:30px 10px 10px;
	border:1px solid #00569d;
}
#related_products ul li h3{
	background:none;
	height:auto;
	margin-bottom:0;
	border:none;
}
#layouts ul.product_horizontal_list li a{
	font-size:1.3rem;
	color:#000;
}
.imgsizefix,
.product_horizontal_list > li > a{
	position:relative;
	z-index:100;
}

.related_products ul li .item_list_status,
.related_products ul li .release,
#related_products ul li .item_list_status,
#related_products ul li .release{
	color:#999;	/* 基本色 */
}
.related_products ul li .price,
.related_products ul li .item_list_status ._1,
#related_products ul li .price,
#related_products ul li .item_list_status ._1{
	color:#0078c7;	/* 基本色 */
}
#related_products ul li .item_list_class p > *,
.related_products ul li .item_list_class p > *{
	color:#da245a;
	border:1px solid #da245a;
}


/*==== ↑↑↑ テンプレここまで ↑↑↑　====*/


/* SNS */
#special_content .share{
	position:absolute;
	top:0;
	right:20px;
	width:auto;
	z-index:50;
}


/* hタグ */
#special_content h2{
	background:repeating-linear-gradient(-45deg, #dedede, #dedede 2px, #fff 0, #fff 4px);
	height:36px;
	margin:12px 0;
}
#special_content h2 span{
	display:table-cell;
	background:#626262;
	height:36px;
	padding:0 1em;
	font-size:1.8rem;
	color:#fff;
	vertical-align:middle;
}
#special_content h3{
	background:#dedede;
	margin-bottom:12px;
	font-size:1.8rem;
	color:#00569d;
	border-left:6px solid #00569d;
	text-indent:0.4em;
}
#special_content h4{
	display:inline-block;
	margin:0 0 12px 25px;
	padding:2px 1.4rem;
	font-size:1.6rem;
	color:#00569d;
	border:1px solid #00569d;
}

/*infoWrap*/

/*#special_content #infoWrap{
	padding: 20px;
	height: 450px;
	float: left;
}*/

/*header_img*/


/*#special_content #header_img {
	position: absolute;
	right: 90px;
	top: 250px;
}

#special_content #header_img #headerBtm01{
	opacity:1;
	animation:key01 7s ease-in-out 5s infinite alternate;
}
@keyframes key01{
	0% {opacity:1;}
	45% {opacity:1;}
	60% {opacity:0;}
	100% {opacity:0;}
}
#special_content #header_img #headerBtm02{
	position:absolute;
	top:0;
	opacity:0;
	animation:key02 7s ease-in-out 5s infinite alternate;
}
@keyframes key02{
	0% {opacity:0;}
	45% {opacity:0;}
	60% {opacity:1;}
	100% {opacity:1;}
}*/


/*　header-menu */
#special_content .header_menu{
	width:1080px;
}

/*#special_content .header_menu{
   display: inline;
}*/

#special_content .header_menu ul{
	display: table;
	margin: 0 auto !important;
}


#special_content .header_menu li{
	display:table-cell;
	text-align: center;}

#special_content .header_menu .top_menu{
	text-align: center;	
	margin:10px 10px;
}

#special_content .t-menuBox{
	background:linear-gradient(to top, #d9eef9 0%, #fff 100%);
	width:220px;
	height: 340px;
	margin:0 30px 30px;
	padding:10px;
}
#special_content a .t-menuBox
{
	border:1px solid #000;
	text-decoration:none;
}
#special_content a:hover .t-menuBox
 {border:1px solid #00569d;}

#special_content .t-menuBoxImg{
	width:170px;
	margin:0 auto 10px;
}
#special_content .t-menuBoxImg img{
	height:auto;
	margin-bottom:0;
}
#special_content .itemBox:hover .itemImg img {opacity:0.6;}
#special_content .t-menuBox-title {margin-bottom:10px;}
#special_content a:hover .t-menuBox-title {color:#d06118;}
.t-menuBox-title span{
	margin:0 2px;
	font-size:1rem;
}
#special_content t-menuBox-text{
	background:#00569d;
	padding:2px 0;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	border-radius:4px;
}
#special_content a:hover .t-menuBox-text {color:#aaa;}

#special_content .header_notes{
   margin:0 10px 15px 0;
   text-align: right;
}


/*　nav */

#special_content #nav {
	position: absolute;
	left: 20px;
	top: 350px;
	width: 600px;
}

#special_content #nav ul {
	text-align: left;
}
#special_content #nav li {
	margin-bottom: 20px;
}

#special_content #nav a {
	background: #00579e;
	border-radius: 3px;
	color: #FFF;
	display: block;
	font-size: 1.3rem;
	letter-spacing: 1px;
	padding: 1%;
	text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
	padding:10px 0 10px 10px;
}

#special_content #nav a:hover {
	background: #00739e;
}


/* 受注商品 */
#special_content #pushItemErea{
	width:800px;
	margin:0 0 40px 186px;
}


/* 商品Box */

#special_content .itemWrap{
/*	overflow:hidden;*/
	width:1080px;
	margin:0 auto;
}


#special_content .itemBox{
	float:left;
	background:linear-gradient(to top, #d9eef9 0%, #fff 100%);
	width:208px;
	margin:0 4px 12px;
	padding:10px;
}
#special_content a .itemBox{
	border:1px solid #000;
	text-decoration:none;
}
#special_content a:hover .itemBox {border:1px solid #00569d;}
#special_content .itemImg{
	width:170px;
	margin:0 auto 10px;
}
#special_content .itemImg img{
	height:auto;
	margin-bottom:0;
}
#special_content .itemBox:hover .itemImg img {opacity:0.6;}
#special_content .itemTit {margin-bottom:10px;}
#special_content a:hover .itemTit {color:#d06118;}
.itemTit span{
	margin:0 2px;
	font-size:1rem;
}
#special_content .itemBtn{
	background:#00569d;
	padding:2px 0;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	border-radius:4px;
}
#special_content a:hover .itemBtn {color:#aaa;}


/* Footer */
#special_content footer p {padding-bottom:30px;}
#special_content footer #koushiki a{
	display:inline-block;
	background:#00569d;
	margin-bottom:1rem;
	padding:4px 1rem;
	font-size:1.4rem;
	color:#fff;
	text-decoration:none;
	border:1px solid #00569d;
	box-sizing:border-box;
	border-radius:4px;
}
#special_content footer #koushiki a:hover{
	background:rgba(255, 255, 255, 0.4);
	color:#00569d;
}



/*=================================
スマートフォン
=================================*/
#top-wrap {background:#e9e9e9;}
#top-wrap section {background:#e9e9e9;}
#top-wrap h2{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}
h2.search-h2 {display:none;}
div.sphone_banner {}
/*div.sphone_banner img {width:100%;}*/
#corner_sphone_banner img{
	max-width:640px;
	width:100%;
	margin:0 auto;
	vertical-align:bottom;
}
section#corner_name {display:none;}
#product-detail-wrap{
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.3rem;
	color:#000;
	line-height:1.4;
}
section #product-detail-wrap h2, section #product-detail-wrap h3, section #product-detail-wrap h4, section #product-detail-wrap h5, section #product-detail-wrap h6 {line-height:1.4;}
#top-wrap .itemsList{
	background:#fff;
	width:98%;
	margin:0 auto;
}
#top-wrap #corner_products {padding-bottom:20px;}

#top-wrap section p {padding:0;}

#product-detail-wrap h2 {padding:0;}
#product-detail-wrap .pcOnly {display:none;}

#corner_sub_text_title {display:none;}


/* sns */
#top-wrap .share {margin-bottom:20px;}


/* hタグ */
#product-detail-wrap h2{
	background:repeating-linear-gradient(-45deg, #dedede, #dedede 2px, #fff 0, #fff 4px);
/*	height:30px;*/
	margin-bottom:12px;
}

#product-detail-wrap h2 span{
	display:table-cell;
	background:#626262;
/*	height:30px;*/
	padding:0.5em 1em;
	margin-bottom: 1em;
	font-size:1.6rem;
	color:#fff;
	vertical-align:middle;
}
#product-detail-wrap h3{
	background:#dedede;
	margin-bottom:12px;
	font-size:1.6rem;
	color:#00569d;
	border-left:6px solid #00569d;
	text-indent:0.4em;
}
#product-detail-wrap h4{
	display:inline-block;
	margin:0 0 12px 5px;
	padding:2px 1.4rem;
	font-size:1.3rem;
	color:#00569d;
	border:1px solid #00569d;
}

/*infoWrap*/

/*#top-wrap #infoWrap{
	padding: 0 20px 10px;
}

#top-wrap #header_img{
	display: none;
}*/

/*　header-menu */
#top-wrap .header_menu{
   height: 1080px;
}

#top-wrap .header_menu ul{
    display: inline;
	margin: 0 auto !important;
	overflow: hidden;
}


#top-wrap .header_menu li{
	width: 50%;
	float: left;
	text-align: center;
}

#top-wrap .header_menu .top_menu{
	text-align: center;	
	margin:10px 10px;
}

#top-wrap .t-menuBox{
	background:linear-gradient(to top, #d9eef9 0%, #fff 100%);
	height: 330px;
	margin:4px 2px;
	padding:6px;
}

#top-wrap a .t-menuBox{
	border:1px solid #000;
	text-decoration:none;
}
#top-wrap a:hover .t-menuBox
 {border:1px solid #00569d;}

#top-wrap .t-menuBoxImg{
	width:170px;
	margin:0 auto 10px;
}
#top-wrap .t-menuBoxImg img{
	height:auto;
	margin-bottom:0;
}
#top-wrap .itemBox:hover .itemImg img {opacity:0.6;}
#top-wrap .t-menuBox-title {margin-bottom:10px;}
#top-wrap a:hover .t-menuBox-title {color:#d06118;}
.t-menuBox-title span{
	margin:0 2px;
	font-size:1rem;
}
#top-wrap t-menuBox-text{
	background:#00569d;
	padding:2px 0;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	border-radius:4px;
}
#top-wrap a:hover .t-menuBox-text {color:#aaa;}





/*　nav */
/*#top-wrap #nav {
	position: absolute;
	left: 40px;
	top: 370px;
	width: 95%;
	margin:0 auto;
}

#top-wrap #nav ul {
	text-align: left;
}
#top-wrap #nav li {
	margin: 10px 0;
}

#top-wrap #nav a {
	background: #00579e;
	border-radius: 3px;
	color: #FFF;
	display: block;
	font-size: 1.3rem;
	letter-spacing: 1px;
	padding: 1%;
	text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
	padding:10px 0 10px 10px;
}

#top-wrap #nav a:hover {
	background: #00739e;
}*/


/* 受注商品 */
#product-detail-wrap #pushItemErea{
	width:94%;
	margin:0 auto 20px;
}
#product-detail-wrap #pushItemErea img {width:100%;}


/* 商品Box */
#product-detail-wrap .itemWrap{
	overflow:hidden;
	width:98%;
	margin:10px auto;
}
#product-detail-wrap .itemBox{
	float:left;
	background:linear-gradient(to top, #d9eef9 0%, #fff 100%);
	width:calc(100% / 2 - 30px);
	margin:0 4px 12px;
	padding:10px;
}
#product-detail-wrap a .itemBox{
	border:1px solid #000;
	text-decoration:none;
}
#product-detail-wrap a:hover .itemBox {border:1px solid #00569d;}
#product-detail-wrap .itemImg{
	width:100%;
	max-width:170px;
	margin:0 auto 10px;
}
#product-detail-wrap .itemImg img{
	width:100%;
	height:auto;
	margin-bottom:0;
}
#product-detail-wrap .itemBox:hover .itemImg img {opacity:0.6;}
#product-detail-wrap .itemTit {margin-bottom:10px;}
#product-detail-wrap a:hover .itemTit {color:#d06118;}
#product-detail-wrap .itemBtn{
	background:#00569d;
	padding:2px 0;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	border-radius:4px;
}
#product-detail-wrap a:hover .itemBtn {color:#aaa;}


/* Footer */
#top-wrap footer{
	background:#e9e9e9;
	padding-bottom:30px;
}
#top-wrap footer #koushiki a{
	display:inline-block;
	background:#00569d;
	margin-bottom:1rem;
	padding:4px 1rem;
	font-size:1.4rem;
	color:#fff;
	text-decoration:none;
	border:1px solid #00569d;
	box-sizing:border-box;
	border-radius:4px;
}
#top-wrap footer #koushiki a:active{
	background:rgba(255, 255, 255, 0.4);
	color:#00569d;
}