@charset "UTF-8";
/* CSS Document */

/*===== HEADER PART CSS =====*/

/* common & SP */
.pc_visible	{display:none;}
.sp_visible	{display:block;}

#header {
	width:100%;
	display:block;
	
}

.logo { width:100%; text-align:center;}
.logo img { width:70%; margin: 10px 0 0 10px; float:left;}
.logo img.sp_logo { position:fix;}

.head_cart{ width:100%; max-width:1000px; padding:0.5em 0;}
.head_cart .cart_btn{ display:block;float:right; margin-right:10px;}
.head_cart .search_box{float:right;}
.head_cart a{ color:#222; text-decoration:none;}
.head_cart img.ico_cart{ width:32px;}
.search_btn{ display:block;float:right; margin-left:10px; width:26px;}

/* for tablet */
@media print, only screen and (min-width: 426px) {
.pc_visible	{display:none;}
.sp_visible{display:block;}

.logo img { width:50%; margin: 10px 0 0 10px;}

}


/* for PC */
@media print, only screen and (min-width: 769px) {
.pc_visible	{display:block;}
.sp_visible	{display:none;}

.head_cart{ width:100%; text-align:right;}
.head_cart .search_btn{ display:block;float:right; margin-left:10px; width:26px;}

.logo img { width:50%; margin: 10px auto; float:none;}

.g_navi{width:100%; max-width:1000px; display:block; margin-bottom:10px;}
.g_navi a, .g_navi a:visited, .g_navi a:hover, .g_navi a:active{display:block; width:calc( 100% / 7 ); min-height:60px; text-align:center; color:#222; text-decoration:none; float:left; font-size:0.9em;}
.g_navi li img:hover {background-color:#F6E4ED;}
.g_navi li{display:block; min-height:60px;}
}


/*===== FOOTR PART CSS =====*/

/* common & SP */
.footer{ clear:both; display:block; width:100%; background-color:#DDD; padding:0; margin:30px auto 0;}

.footer a, .footer a:visited{color:#222; text-decoration:none;}

.text-link{ display:block; width:100%; max-width:1000px; margin:0 auto;}
.text-link ul{ list-style:none;}
.text-link li{ display:block; padding:0.8em 0; text-align:center; border-bottom:1px #FFF solid; float:left;}
.text-link li:nth-of-type(2n+1) { width:calc( 50% - 1px ); border-right:1px #FFF solid; }
.text-link li:nth-of-type(2n) { width:50%;}
.text-link li:hover{background-color:#F8C6C7;}

.text-link2{ display:block; width:100%; max-width:1000px; clear:both; margin:20px auto;}
.text-link2 ul{ list-style:none;}
.text-link2 li{ display:block; text-align:left; float:left; margin-right:2em;}
.text-link2 li:before{ content:"＊";}

.footer-hr{ width:100%;  border-top:#FFF 1px solid; margin:20px 0;}
.foot-logo{ display:block; max-width:220px; margin:40px auto;}
.copyright{ display:block; width:100%; max-width:1000px; margin:0 auto; padding:30px 0; color:#FFF; text-align:center;}


/* for tablet */
@media print, only screen and (min-width: 426px) {
}

/* for PC */
@media print, only screen and (min-width: 769px) {
.footer{ display:block; width:100%; background-color:#DDD; padding:40px 0; margin:30px auto 0;}
.text-link{ display:block; width:100%; max-width:1100px; margin:0 auto 50px auto;}
.text-link ul{ list-style:none;}
.text-link li:nth-of-type(2n+1),  .text-link li:nth-of-type(2n) { display:inlineblock; width:calc( 100% / 8 ); border:none; float:left;}

.foot-logo{ display:block; max-width:340px; margin:40px auto;}




/* for Scroll Fix Header */

	header{
		width:100%;
		text-align: center;
	}

.fix-header {
	background-color:#FFF;
	/*line-height: 66px;*/
	top: -80px;/* 上に隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
	border-bottom:1px #666 solid
/*	opacity: 0; */
	}

	.fix-header-contents{
		width:800px;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	/*float:left;
	margin-right:32px;*/
	font-size:0.8em;
}

.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}

#fix-header-logo img{
width:60px;
margin: 10px 20px;
}

.fix_navi{width:850%; max-width:850px; display:block; margin-bottom:10px;}
.fix_navi a, .fix_navi a:visited, .fix_navi a:hover, .fix_navi a:active{display:block; width:calc( 100% / 7 ); min-height:60px; text-align:center; color:#222; text-decoration:none; float:left; font-size:0.9em;}
.fix_navi li img:hover {background-color:#F6E4ED;}
.fix_navi li{display:block; min-height:60px;}


#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
 /*padding-bottom: 5px;*/
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}


}