@charset "utf-8";
@import url('https://weloveiconfonts.com/api/?family=fontawesome');

/* CSS Document */

/*--------------------------------------*/
/*# common layout  #                    */
/*--------------------------------------*/

html, body{
    margin: 0;
    padding: 0;
}

body{  
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing:antialiase;
}

img{
	vertical-align:top;
	line-height:1.0;
	border:none;
}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;}

p {margin-bottom:30px;}

ul,li {list-style:none; margin:0; padding:0; }


a {color:#000; text-decoration:none;}
a:hover {color: #669;}


/* ヘッダー */

.social {margin:10px 0 0;}

.btn.btn-default {line-height:18px; border-radius:0px;}

/* フッター */





/* コンテンツ */

.kensaku {text-align:right; margin-bottom:20px;}



li.bt_bg {width:170px; height:60px; margin-bottom:10px; line-height:60px; font-weight:600; background: url(../img/bt_bg.gif) no-repeat;}
li.bt_bg a {padding-left:10px; color:#FFF; width:170px; display:block;}


ul.sub li{border-bottom:solid #999 1px; line-height:2em; padding-left:5px;  padding-left:5px;}
ul.sub2 li{border-left:solid #666 5px; margin-bottom:20px; line-height:120%; padding-left:5px; margin-left:10px; padding-left:5px;}
ul.sub2 li a{font-weight:600; }

@media (max-width: 768px) {
ul.sub2 {display:none;}
.sub2 {display:none;}
}

h2 {font-size:18px; border-bottom: solid 5px #666; margin-bottom:30px; background:url(../img/ti_bg.gif) no-repeat; height:55px;}

h2.catalog {font-size:14px; background:#333; color:#FFF; padding:0 10px; height:30px; line-height:30px;}

h3 {font-size:16px; border-bottom: solid 1px #666; margin-bottom:10px; text-align:left;}

.news ul li {list-style-type:disc; margin-bottom:0.6em; margin-left:2em;
}

.shop dd { margin-bottom:40px;}

.hover_b {padding:3px;}
.hover_b a:hover img { border: solid 3px #CCC; margin:-3px;}

 
.detail dt {background:#e7e2c9; float:left;}
.detail dt, .detail dd {border-bottom:solid 1px #999; padding:0 10px; margin-bottom:0;}

ul.sitemap li {margin-bottom:20px;}

.thanks {margin:50px 0; text-align:center; }

.clear {clear:both;}



/* ログイン */



[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

after { clear: both; }

#login {
  margin: 50px auto;
  width: 330px;
  font: 100%/1.5em 'Open Sans', sans-serif;

}

#login form {
  margin: auto;
  padding: 22px 22px 22px 22px;
  width: 100%;
  border-radius: 5px;
  background: #323232;
  border-top: 3px solid #434a52;
  border-bottom: 3px solid #434a52;
}

#login form span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  border-right: 3px solid #434a52;
  color: #606468;
  display: block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 50px;
  height: 50px;
}

#login form span i{
	padding-top:20px;
}


#login form input[type="text"] {
  background-color: #FFF;
  border-radius: 0px 3px 3px 0px;
  color: #333;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 235px;
  height: 50px;
}

#login form input[type="password"] {
  background-color: #FFF;
  border-radius: 0px 3px 3px 0px;
  color: #333;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 235px;
  height: 50px;
}

#login form input[type="submit"] {
  background: #EDB741;
  border: 0;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
#login form input[type="submit"]:hover {
  background: #C1880D;
}

.register {text-align:center; margin:30px 0;}


/* アイテム */

#searchbox {width:200px; margin-top:20px;}

#searchform2 {  
    position: relative;   
}  
#keywords2  {  
    width: 200px;  
    height: 14px;  
    background: #FFF;  
    border: none;  
    padding: 4px;
	border:solid #666 1px;
    color: #333;  
}  
#searchBtn2 {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 180px;  
}  
*:first-child + html #searchBtn2    {  
    top: 1px;  
}   

.item_box { margin-bottom:10px;}

.item_link { padding:10px; border:solid #CCC 1px; background:#F0E4BA;  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.item_link p {margin-top:5px;}

a:hover .item_link {background:#Fef4dA; }

.pages {text-align:center; margin:20px 0;}



.item_box2 { border:solid #CCC 1px; background:#F0E4BA; padding:20px 0; margin-top:20px;}

.item_pic {float:left;}

.item_pic img {margin:0 20px 20px 0;}




/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #666;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}


.mb1 {margin-bottom:10px;}
.mb2 {margin-bottom:20px;}
.mb3 {margin-bottom:30px;}
.mb4 {margin-bottom:40px;}
.mb5 {margin-bottom:50px;}
.mb6 {margin-bottom:60px;}
.mb7 {margin-bottom:70px;}
.mb8 {margin-bottom:80px;}

.ml1 {margin-left:10px;}
.ml2 {margin-left:10px;}
.ml3 {margin-left:10px;}
.ml4 {margin-left:10px;}
.ml5 {margin-left:10px;}
.ml6 {margin-left:10px;}

.mtfoot {margin-top:15px;}