@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*↓↓↓↓↓↓↓↓↓↓↓ mainCSS ↓↓↓↓↓↓↓↓↓↓↓*/

.clear {
  	display: block;
	float: none;
	clear: both;
}

html,body {
		height: 100%;
}

body {
	font-family: sans-serif;
	display: block;
	background-image: url(../img/header-back.jpg);
	background-repeat: repeat-x;
	/* border: 1px solid #00ff41; */ 
}


a {
	outline: none;
}

#cotainer {
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid #18ff43; */
}

#header {
	display: block;
	position: relative;
	background-image: url(../img/header-back.jpg);
	width: 960px;
	height: 133px;
 	/* border: 1px solid #ff1717;  */
}


#header h1 a {
	display: block;
	position: absolute;
	background-image: url(../img/header_logo.svg);
	background-repeat: no-repeat;
	width: 143px;
	height: 65px;
	text-indent: -9999px;
	top:30px;
	left: 0px;
}

#header h2 {
	padding-top : 2px;
	font-size: 11px;
	color: white;
}

#header #data-hikyaku {
	display: block;
	position: absolute;
	background-image: url(../img/hikyaku-logo.png);
	width: 138px;
	height: 53px;
	text-indent: -9999px;
	top:37px;
	left: 198px;
}



/* ヘッダ電話番号 */
#header #sougou-telephone {
	display: block;
	position: absolute;
	/*background-image: url(../img/heade-telnumber.svg);*/
	/*2018.09.01より*/
	/* background-image: url(../img/header_contact.svg);  20230612追記 */
	width: 220px;
	height: 40px;
	top: 43px;/*2019.05.23　サイト内検索削除のため 元々28px*/
	/* left: 664px; */ /*20230613追記*/
	right: 0;
	/* text-indent: -9999px; */
	z-index: 10;
	background-repeat:no-repeat;
}

#header #sougou-telephone a {
	/* text-indent: -9999px; */
	display: block;  /*20230612追記*/
	width: 100%;  /*20230612追記*/
	height: 40px;  /*20230612追記*/
}

/* 検索ボックス */
#search-box {
	display:block;
	position: absolute; 
	width:297px;
	height: 24px;
	top:50px;
	left: 660px;
}

/*
#search-box #search-textbox {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	text-shadow: 0px 0px;
	font-size: 14px;
	width: 255px;
	height: 17px;
	left: 29px;
	top: 4px;
	position: absolute;
}
      

#search-box #search-button {
	top: 0px;
	left: 300px;
	position: absolute;
	border-style: none;
	border-width: 0px;
	display: block;
	height: 23px;
	width: 102px;
	background-repeat: no-repeat;
	background-image: url(../img/search/search_button.png);
}		  
#search-box #search-button:hover {
	border-style: none;
	border-width: 0px;
	background-position: 0px -23px;
}
*/


#main {
	display: block;
	width: 960px;
	margin-top: 35px;
	/* border: 1px solid #ff1717; */
}







/*****Yahooテスト検索ボックス*****/
#srchBox{
	/*width:298px;*/
	margin-bottom:10px;
	/*background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;*/
	color:#000000;
	text-align:left;
}

#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}

#srchBox a img{
	border:none;
}

#srchBox #srch{
	padding:20px 0 0 25px;
}

#srchBox #srch #srchForm{
white-space:nowrap;
}

#srchBox #srchInput{
	width:188px;
	margin-right:6px;
	vertical-align:bottom;
}

#srchBox #srchBtn{
	width:80px;
}

*html #srchBox #srchBtn{
	padding-top:2px;
}

*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
}

#srchBox ul{
	margin-top:6px;
	text-align:left;
}

#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}

#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}

*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
}

#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
}

#srchBox #srchLogo a{
	color:#666666;
	text-decoration:none;
	font-size:85%;
}

#srchBox #srchLogo a:hover{
	text-decoration:underline;
}

#srchBox.watermark{
	padding-bottom: 6px;
}

#srchBox.watermark #srchInput{
	padding:3px;
	border:1px solid #a5acb2;
	background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}

#srchBox.watermark #srchInput.nomark{
	background: #fff;
}

#srchBox.watermark #srchLogo{
	display: none;
}





/*↓↓↓↓↓ヘッダーメニュー↓↓↓↓↓ */

#header #header-menu {
	display: block;
	position: absolute;
	width:972px;
	height: 61px;
	top: 105px;
	left: 0px;
}

#header #header-menu li {
	float: left;
}
	
#header #header-menu li .menu1 {
	display: block;
	background-image: url(../img/menu1.png);
	width: 121px;
	height: 61px;
}

#header #header-menu li .menu2 {
	display: block;
	background-image: url(../img/menu2.png);
	width: 120px;
	height: 61px;
}

#header #header-menu li .menu3 {
	display: block;
	background-image: url(../img/menu3.png);
	width: 120px;
	height: 61px;
}

#header #header-menu li .menu4 {
	display: block;
	background-image: url(../img/menu4.png);
	width: 120px;
	height: 61px;
}

#header #header-menu li .menu5 {
	display: block;
	background-image: url(../img/menu5.png);
	width: 120px;
	height: 61px;
}

#header #header-menu li .menu6 {
	display: block;
	background-image: url(../img/menu6.png);
	width: 120px;
	height: 61px;
}


#header #header-menu li .menu7 {
	display: block;
	background-image: url(../img/menu7.png);
	width: 120px;
	height: 61px;
}

#header #header-menu li .menu8 {
	display: block;
	background-image: url(../img/menu8.png);
	width: 131px;
	height: 61px;
}

#header #header-menu li .menu1:hover,
#header #header-menu li .menu2:hover,
#header #header-menu li .menu3:hover,
#header #header-menu li .menu4:hover,
#header #header-menu li .menu5:hover,
#header #header-menu li .menu6:hover,
#header #header-menu li .menu7:hover,
#header #header-menu li .menu8:hover
 {
	background-position :0px -61px;
}

#header #header-menu li a {
	text-indent: -9999px;
}



/*****お問い合わせ固定 2018.09.01*****/
.toform{
	position:fixed;
    top:40%;
    right:0;
}


.toform a:hover {
    opacity:0.6;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.toform img{
	width:80px;
	height:80px;
}




/*↓↓↓↓↓↓↓↓↓↓↓ #footer ↓↓↓↓↓↓↓↓↓↓↓*/

html #footer {
	display: block;
	width: auto;
	height: 255px;
	background-image: url(../img/footer-back.jpg);
	margin-top: 35px;
	min-width: 100%;
	background-position:100% 100%;
	font-family: sans-serif;
}


#footer-container {
	position: relative;
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


#footer-bord {
	display: block;
	position: absolute;
	width: 671px;
	height: 180px;
	top: 15px;
	left: 0px;
	background-image:  url(../img/footer-bord.png);
}

#footer #footer-menu {
	display: block;
	position: relative;
	top:205px;
	font-size: 13px;
	color: white;
	text-align: center;
	line-height: 22px;
}


#footer #footer-menu a {
	color: white;
	text-decoration: none;
}

#footer #footer-menu a:hover {
	color: #5ae9ff;
}


/* お店を利用するメニュー */
#footer #footer-shop-menu {
	color: white;
	position: absolute;
	top: 20px;
	left: 685px;
}

#footer #footer-shop-menu dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer #footer-shop-menu dd a {
	color: white;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

#footer #footer-shop-menu dd a:hover {
	color: #5ae9ff;
}


/* オンラインを利用するメニュー */
#footer #footer-online-menu {
	color: white;
	position: absolute;
	top: 20px;
	left: 825px;
}

#footer #footer-online-menu dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer #footer-online-menu dd a {
	color: white;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

#footer #footer-online-menu dd a:hover {
	color: #5ae9ff;
}


/*プライバシーメニュー */
#footer #footer-privacy {
	display: block;
	position: absolute;
	width: 190px;
	height: 70px;
	top: 125px;
	 left: 690px;
	 background-image: url(../img/footer-privacy-back1.png);
}

#footer #footer-privacy ul {
	position: relative;
	top: 30px;
	left: 15px;
}


#footer #footer-privacy ul li{
		line-height: 15px;
}

#footer #footer-privacy ul a {
	font-size: 9px;
	text-decoration: none;
	color: black;
}

#footer #footer-privacy ul a:hover {
	color: red;
}

#footer #footer-pmark {
	display: block;
	position: absolute;
	width: 80px;
	height: 70px;
	top: 125px;
	 left: 879px;
	 background-image: url(../img/footer-privacy-back2.png);
}

#footer #footer-pmark a {
	display: block;
	position: absolute;
	width: 80px;
	height: 70px;
}

#twitter-icon {
	position: absolute;
	/* top: 45px; */ /*2019.05.23　サイト内検索削除のため 元々27px*/
	top: 50.5px;  /*20230613追記*/
	/* left: 517px; */ /*20230613追記*/
	right: 342px; /*20230613追記*/
}

#facebook-icon {
	position: absolute;
	/* top: 45px; */ /*2019.05.23　サイト内検索削除のため 元々27px*/
	top: 48.5px;  /*20230613追記*/
	/* left: 562px; */  /*20230613追記*/
	right: 295px; /*20230613追記*/
}

#insta-icon {
	position: absolute;
	/* top: 45px; */ /*2019.05.23　サイト内検索削除のため 元々27px*/
	top: 48.5px;  /*20230613追記*/
	/* left: 607px; */  /*20230613追記*/
	right: 250px; /*20230613追記*/
}

#twitter-icon a,
#facebook-icon a,
#insta-icon a {
	display: block;
}

/*---------- 20230613追記 ----------*/
/*-- 各ページタイトル --*/
#cotainer #sitemapbox h3,
#cotainer #pay_shipping h3,
#cotainer #shitumon h3,
#cotainer #contact h3,
#cotainer #tenpo_test h3 {
	margin-top: 30px;
}