/* img
--------------------*/
a img{
opacity: 1;
transition: 0.3s;
}
a:hover img{
opacity: .7;
}

/* float
--------------------*/
.float {
float: left;
}

/* float-over
--------------------*/
.float_over {
overflow:  hidden;
}

/* H2_title
--------------------*/
.H2_title {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #e4b547;/*左線*/
  text-align: left !important
}

/* hr01
--------------------*/
.hr01 {
position: relative;
height: 1px;
border-width: 0;
background-image: -webkit-linear-gradient(left,
transparent 0%,#000000 50%,transparent 100%);
background-image: linear-gradient(90deg,
transparent 0%,#000000 50%,transparent 100%);
}

/* customer-voice
--------------------*/
.customer-voice {
background:#fcfcff;
padding:15px;
border:1px solid #3b5998;
border-radius:10px; word-break:break-all;
}

/* footerCopyright
--------------------*/
.footerCopyright {
  color: #fff;
  background-color: #000000;
  text-align: center;
  padding: 4px;
}

.footerCopyright__text {
  margin: 0;
  font-size: 1.2rem;
}

/* position
--------------------*/
.center {
text-align: center
}

.left {
text-align: left
}

.right {
text-align: right
}

.margin-b10 {
margin-bottom : 10px
}

.margin-b20 {
margin-bottom : 20px
}

.margin-b40 {
margin-bottom : 40px
}

.margin-t10 {
margin-top : 10px
}

.margin-t20 {
margin-top : 20px
}

.margin-t40 {
margin-top : 40px
}

/* title
--------------------*/
.title1 {
margin-bottom: 30px;
text-align: center;
font-family: 'Crimson Text', sans-serif;
font-size: 293%;
font-weight: 500; line-height: 1.2;
}

/* more
--------------------*/
.more {
margin-top:20px;
text-align:center;
font-size:12px;
font-color:red;
margin-bottom:30px;
}

.more a {
padding:8px 40px 9px 40px;
display:inline-block;position:relative;
border:solid 1px #ccc;
text-decoration:none;
line-height:1;
}

.more a:after{
width:6px;
height:6px;
display:block;
position:absolute;
top:11px; right:9%;
border:none;
border-top:solid 1px #333;
border-right:solid 1px #333;
-webkit-transform:rotate(45deg);
transform:rotate(45deg); content:"";
}


/* product-box
--------------------*/
.product_box01 {
  background-color: #1B73BA;
  width: 230px;
}
.product_box01 a{
  background-color: #FFFFFF;
  border: 1px solid #B9B9B9;
  box-sizing: border-box;
  color:#000000;
  display:block;
  padding: 8px;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.product_box01 img{
  margin:0 0 5px;
}
.product_box01 .ttl {
  font-size: 16px;
  line-height: 1.6;
}
.product_box01 p {
  font-size: 13px;
  line-height: 1.6;
}
.product_box01 a:hover{
  opacity: 0.8;
}

.float{
  float: left;
  margin:  10px;
}


/* img_wrap
--------------------*/
.img_wrap{
  border: 1px solid #ddd;
  width: 300px;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/* top h2
--------------------*/
.fs-l-pageMain h2{
margin-bottom:20px;
text-align:center;
font-weight: bolder;
}

/* news
--------------------*/
dl.news{
    margin:0px;
    padding:0;
    line-height:1.8;
    width:100%;
}
dl.news dt{
    width:7em;
    float:left;
    margin:0;
    padding:0 0 0 5px;
}
dl.news dd{
    margin:0 0 10px;
    padding:0 5px 10px 8em;
    border-bottom:1px dotted #ccc;
}

/* product On-mouse img
--------------------*/
.moimg {
    overflow: hidden;
    width: 370px;
    height: 190px;
}

.moimg img {
display: block;
transition-duration: 0.3s;
}

.moimg img:hover {
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;
}

/*店舗紹介
--------------------*/
.shop {
margin-top:20px;
padding:28px;
background:url(https://kumanofude.itembox.design/item/img/h2.jpg?t=20210920153311) repeat center center;
border: solid 1px #bbb;
}

.box_a {

float:left;
padding-right:0px;
margin-right:0px;
border-right: solid 0px #e5e5e5;
}

.box_b {

padding-right:0px;
margin-right:0px;
border-right: none;
}

/* button-cart
------------------------------------------------ */
.button-cart {
  background: #ec4646;
  border: 1px solid #000000;
  border-radius: 0px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 0.9em 0.4em;
  box-shadow: 0 0 2px #b2b2b2;
  min-width: 130px;
}

/* shop_info
------------------------------------------------ */
#info_blog { position: relative; margin-top: 100px; height: 568px; }
#info_blog:after { content: ' '; position: absolute; top: -8px; right: 0; width: 540px; height: 582px; background: #e2e2e2; z-index: 1; }
#info_blog .box { position: relative; height: 564px; border-top: solid #c9c9c9 1px; border-bottom: solid #c9c9c9 1px; z-index: 2; }
#info_blog .box .title1 { padding-top: 44px; }
#info_blog .box .more1 { position: absolute; bottom: 46px; right: 60px; }

/* footer
------------------------------------------------ */
#footer {
width: 100%;
text-align: center;
overflow: hidden;
height: 210px;
background-image: url(https://kumanofude.itembox.design/item/bg_footer.png?t=20210920153311);
background-repeat: no-repeat;
background-position: center bottom;
padding-top: 100px;
margin-top: 20px;
font-color: #FFFFFF;
}
#footer small {
color: #FFFFFF;
font-size: 11px;
letter-spacing: 1px;
padding-bottom: 30px;
display: block;
}

#menu {
list-style-type: none;
max-width: 1216px;
margin: 0px auto;
display: table;
table-layout: fixed;
}




/* サイドメニュー
------------------------------------------------ */
.side_menu > li {
position: relative; }
.side_menu > li.toggle a:after {
content: none; }
.side_menu > li.toggle span {
background: url(https://kumanofude.itembox.design/item/icn_plus.png) no-repeat center;
background-size: 12px 12px;
width: 36px;
height: 62px;
position: absolute;
top: 0;
right: 0; }
.side_menu > li.toggle span:hover {
cursor: pointer;
opacity: .7; }
.side_menu > li.toggle span.open {
background: url(https://kumanofude.itembox.design/item/icn_minus.png) no-repeat center;
background-size: 12px 12px; }
.side_menu > li > a {
color: #333;
display: block;
font-weight: bold;
border-top: 1px solid #ccc;
position: relative;
text-decoration: none; }
.side_menu > li > a:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #9e9e9e;
border-right: solid 2px #9e9e9e;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: calc(50% - 3px);
right: 15px;
z-index: 2; }
.side_menu > li > ul {
display: none;
border-top: 1px solid #ccc; }
.side_menu > li > ul li a {
display: block;
color: #333333;
position: relative;
text-decoration: none; }
.side_menu > li > ul li a:before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border: 0px;
border-top: solid 1px #ed6356;
border-right: solid 1px #ed6356;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: calc(50% - 3px);
z-index: 2; }

/* 地図
------------------------------------------------ */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* Youtube
------------------------------------------------ */
.video {
width: 50%;
padding-bottom: 36.25%;
height: 0px;
position: relative;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
}