@charset "UTF-8";

*{font-family:'メイリオ',sans-serif;}

#header{width:1024px;margin:0 auto;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 20px;justify-items: stretch;align-items: stretch;}
#header_nav{width:1024px; margin:0 auto; padding:0px 0;padding-bottom:10px;display: grid;grid-template-columns: 1fr;grid-template-rows: auto 1fr;grid-column-gap:0px;grid-row-gap:15px;justify-items: stretch;align-items: stretch;}
#header_nav div.nav{grid-column:1/span 2;}
.header_products{padding-bottom:15px !important;}
.header_logo{grid-row:1/span 2;margin-top:15px;}
.header_inq{text-align:left; color:#424242;display: grid;grid-template-columns: 1fr auto auto auto auto;grid-template-rows: auto auto;grid-column-gap: 19px;grid-row-gap: 5px;justify-items: stretch;align-items: stretch;}
.header_inq a{text-decoration:none;color:#424242;}
.header_inq a:hover{text-decoration:underline;}
.header_inq i{padding-right:8px;padding-top:10px;}
.header_home{grid-column:2;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}}
.header_tel{grid-column:2;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}}
.header_mail{grid-column:2;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}
.header_form{grid-column:3;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}
.header_shop{grid-column:4;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}
.header_language{grid-column:5;grid-row:2; text-align:right; margin-top:15px; font-size:15px;}
.header_search{float:right;padding-top:5px;grid-column:6;grid-row:2;margin-left: auto;margin-right: 0px;}
.header_search div{padding:0px;}
.header_inq_sp{display:none;}
.header_log_sp_500{display:none;}
.shop_txt_sp{display:none;}
.form_txt_sp{display:none;}
.header_language_sp{display:none;}

/* --- ナビゲーションバー --- */
div.nav {width: 1024px;margin: 0 auto;}
div.nav ul.menu {width: 1024px;margin: 0 auto;padding: 0;list-style-type: none;text-align:center;font-size:9pt;font-family:'メイリオ',sans-serif;}
div.nav ul.menu li {width: 128px; /* 項目の幅 */float: left;}
div.nav ul.menu li a {display: block;position: relative;background: linear-gradient( #ffffff 0%, #f8f8f9 50%, #d3d3d3 100%);padding:2px;border-bottom: 1px #aaaaaa solid;text-decoration: none;color:#424242;font-weight:bold;border-collapse: separate;}
div.nav ul.menu li a:hover {-webkit-box-shadow: #216832 0px -3px inset;border-collapse: separate;}
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {min-height: 1px;}
/* --- メニューのサブタイトル --- */
.sub_title{display: block;padding-bottom:2px;line-height:80%;font-size:7pt;color:#6c6c6c;font-weight:normal;}

@media screen and (max-width: 1050px){
	#header{width:100%;}
	#header_nav{width:100%;}
	.header_search{display:none;}
	.header_inq{grid-template-rows: auto;}
	.header_logo{grid-row:1;margin-top:0px;}
	.header_home{grid-column:2;grid-row:1;margin-top:10px;}
	.header_tel{grid-column:2;grid-row:1;margin-top:10px;}
	.header_mail{grid-column:3;grid-row:1;margin-top:10px;}
	.header_form{grid-column:4;grid-row:1;margin-top:10px;}
	.header_shop{grid-column:5;grid-row:1;margin-top:10px;}
	.header_language{grid-column:6;grid-row:1;margin-top:10px;}
	div.nav{width:100%;}
	div.nav ul.menu {width:100%;}
	div.nav ul.menu li {width: 12.5%;}
	.shop_txt{display:none;}
	.shop_txt_sp{display:inline-block;}
}
@media screen and (max-width: 950px){
	.form_txt{display:none;}
	.form_txt_sp{display:inline-block;}
}

@media screen  and (max-width: 880px){
	.header_inq_sp{display: grid;grid-template-columns:1fr 1fr auto auto;grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 10px;justify-items: stretch;align-items: stretch;padding-top:10px;text-align:right;padding-right:10px;}
	.header_inq{display:none;}
	.header_logo_sp{text-align:left;}
		
	a.btn--contact{padding: 0.5rem 0.5em;text-decoration:none; background:#3da9fc;color:#fcfcfc;font-weight:bold;border-radius:5px;}
	a.btn--contact i{padding-right:10px;}
	a.btn--contact:hover{background:#094067;}
	.cart_txt_sp{display:none;}
}

@media screen and (max-width: 815px){
	/*.header_logo_sp{margin-top:15px;}*/
	div.header_inq_sp div.btn-sp.mail a{display: inline-block;text-align:center;height:1.5em;}
	div.header_inq_sp div.btn-sp.cart a{display: inline-block;ext-align:center;height:1.5em;}

	.cart_txt_sp{display:inline-block;}
	.cart_txt{display:none;}
}
@media screen and (max-width: 715px){
	div.nav{display:none;}
	.cart_txt_sp{display:none;}
	div.header_inq_sp div.btn-sp.cart a{width:25px;height:1.2em;}
	div.header_inq_sp div.btn-sp.cart a i{font-size:1.2em;}
	.mail_txt{display:none;}
	div.header_inq_sp div.btn-sp.mail a{width:25px;height:1.2em;}
	div.header_inq_sp div.btn-sp.mail a i{font-size:1.2em; padding:0;}
	#header_nav{grid-template-rows:1fr;padding-top:0px;}
}

@media screen and (max-width: 500px){
	a.btn--contact{padding: 0.5rem;margin-top:10px;}
	/*div.header_inq_sp{display:none;}*/
	/*.header_search_sp{display:none;}
	.header_logo_sp{display:none;}
	.header_tel_sp{display:none;}
	.header_mail?sp{display:none;}
	.header_form_sp{display:none;}
	.header_shop_sp{display:none;}
	div.header_inq_sp div.btn-sp.mail a{display:none;}
	div.header_inq_sp div.btn-sp.cart a{display:none;}*/
	*/
	.header_language_sp{margin-top:10px;}
	
	#header_nav{padding-top:10px;}
	.header_log_sp_500{display:block;padding-top:10px;}
}

@media screen and (max-width: 340px){
	.header_log_sp_500 img{width:80%;}
}