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

html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #000!important;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

@font-face {
  font-family: 'LINESeedJP_TTF_0';
  src: url("/fonts/LINESeedJP_TTF_0.ttf") format("ttf");
}

* {
	font-family: "M PLUS Rounded 1c";
}

.clearfix::after {
content: “”;
display: block;
clear: both;
}

h2 {
  color: #24140e!important;
}

h3 {
  text-align: center;
  color: #24140e!important;
  font-size: 36px!important;
  font-weight: 700!important;
  line-height: 1.5em!important;
}

.copy {
  display: block;
  color: #24140e;
}

/* pc　768px以上 */
.wrap{
  overflow: hidden;
  max-width: 1920px;
}
.logo {
	text-align: right;
	margin-bottom: 15px;
}
.nav {
  background-color: #000;
  position: fixed;
  position: -webkit-fixed;
  top: 0;
}
.nav ul {
  list-style: none;
  display: flex;
  padding-left: 0;
}
.nav li img {
  width: 100%;
}
.content img {
  width: 100%;
  margin: 0 auto;
}

.tokuten_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 77%;
    margin: 0 auto;
}

.tk {
  text-align: center;
    width: 45%;
    margin-top: 48px;
}
.tk p{
  font-size: 20px;
  color: #01b1ec;
  font-family: 'LINESeedJP_TTF_0';
}
.tk p.p-bracket {
    padding-bottom: 3em;
}
.tk span {
  font-size: 16px;
}
.tk span.tk_small {
    font-size: 15px;
}
.tk img {
  width: 100%;
}
.tk a:hover {
  text-decoration: none;
} 
span.tk-bold {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tk-fc {
    margin-top: 24px;
}

.tk-fc a {
  color: #c50119;
    font-size: 18px;
    font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
    transition: all ease .3s;
}
.tk-fc a:hover {
    color: #027ac4;
    text-decoration: none;
}
.store-name {
    color: #fff;
    font-size: 18px;
}
.note {
    font-size: 16px;
    color: #E4E4E4;
}
.tk p{
  font-size: 20px;
  color: #0c96bb;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.tk span {
  font-size: 16px;
}
.tk span.tk_small {
    font-size: 15px;
}
.tk img {
  width: 100%;
}
.tk a:hover {
  text-decoration: none;
} 
.btn_amazon {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    margin: 12px auto 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000;
    border-radius: 0.1em;
    box-shadow: 0 0 3px #000;
    font-family: 'LINESeedJP_TTF_0';
}
.btn_amazon {
    background: linear-gradient(30deg, rgba(131,79,17,1) 0%, rgba(212,110,21,1) 73%, rgba(191,108,6,1) 100%);
    transition: all ease .25s;
}
.btn_amazon:hover {
    background: linear-gradient(30deg, rgba(189,123,45,1) 0%, rgba(245,136,40,1) 73%, rgba(223,134,24,1) 100%);
}
 
.btn_sofmap {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    margin: 12px auto 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000;
    border-radius: 0.1em;
    box-shadow: 0 0 3px #000;
    font-family: 'LINESeedJP_TTF_0';
}
.btn_sofmap {
    background: linear-gradient(to right, #30b5ef 0%, #0075c1 100%);
    transition: all ease .25s;
}
.btn_sofmap:hover {
    background: linear-gradient(0deg, rgba(76,201,255,1) 0%, rgba(12,142,227,1) 100%);
}
 
.btn_rakuten {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    margin: 12px auto 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000;
    border-radius: 0.1em;
    box-shadow: 0 0 3px #000;
    font-family: 'LINESeedJP_TTF_0';
}
.btn_rakuten {
    background: linear-gradient(0deg, rgba(192,0,0,1) 0%, rgba(148,0,0,1) 100%);
    transition: all ease .25s;
}
.btn_rakuten:hover {
    background: linear-gradient(0deg, rgba(247,0,0,1) 0%, rgba(196,0,0,1) 100%);
}
 
.btn_amiami {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    margin: 12px auto 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000;
    border-radius: 0.1em;
    box-shadow: 0 0 3px #000;
    font-family: 'LINESeedJP_TTF_0';
}
.btn_amiami {
    background: linear-gradient(0deg, rgba(255,187,51,1) 0%, rgba(255,138,0,1) 100%);
    transition: all ease .25s;
}
.btn_amiami:hover {
    background: linear-gradient(0deg, rgba(255,201,93,1) 0%, rgba(255,153,33,1) 100%);
}

.btn_yodobashi {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    margin: 12px auto 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000;
    border-radius: 0.1em;
    box-shadow: 0 0 3px #000;
    font-family: 'LINESeedJP_TTF_0';
}
.btn_yodobashi {
    background: linear-gradient(180deg,rgba(255, 38, 0, 1) 0%, rgba(255, 40, 0, 1) 50%, rgba(228, 0, 0, 1) 50%);
    transition: all ease .25s;
}
.btn_yodobashi:hover {
    background: linear-gradient(180deg,rgba(224, 34, 0, 1) 0%, rgba(237, 36, 0, 1) 50%, rgba(204, 0, 0, 1) 50%);
}
p.str_note {
    padding-left: 40px;
    color: yellow;
}
.shop_list img {
  width: 190px;
  height: auto;
  padding-top: inherit;
  margin-top: 18px;
  margin-right: 11px;
}
.shop_list {
  display: flex;
  flex-wrap: wrap;
}
.shop_list li {
  list-style: none;
}
.main_image img {
  width: 100%;
}
.main_text {
  color: #24140e;
  margin-top: 15px;
}
.side-menu{
  float: right;
  width: 360px;
  list-style: none;
}
.side-menu li{
  display: block;
}
.side-menu li a{
  display: block;
  line-height: 30px;
  text-decoration: underline;
  color: #24140e;
}
.side-banner li {
	margin-bottom: 15px;
	width: 320px;
}

/*
.main_news {
	padding: 0 20px;
}
*/

.news_slick {
	margin-top: 15px;
}

.slick_content {
	text-align: center;
	margin: 0 auto;
}

.slick_content img {
	margin: 0 auto;
	margin-bottom: 20px;
  width: 100px;
}

.slick_content p {
	padding: 0 25px;
  color: #24140e!important;
}

.news_box ul {
    padding: 0;
}

.news_box li {
    border-bottom: dotted 2px #24140e;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.news_box img {
    
}

.news_box p {
    vertical-align: top;
    color: #24140e;
    word-break: break-all;
}

.news_left {
	float: left;
	width: 50%;
}

.news_left img {
  width: 200px;
}

.news_right {
	float: right;
	width: 50%;
}

.overview_box p {
    vertical-align: top;
    color: #fff;
}

.product_box {
  display: flex;
  font-family: "M PLUS Rounded 1c";
}

.product_box p {
  color: #fff;
}


.product .main_image {
  width: 70%;
}

.product .capture_box {
  width: 30%;
  font-size: 0;
  margin-left: 10px; 
}

.product .capture_box img {
  margin-bottom: 5px;
}

.product_txt p {
  font-weight: bold;
}

.product_txt img {
  width: 100%;
}

.special_product {
	width: 100%;
	margin: 12px 0;
}

.special_product img {
	width: 70%;
}

.prd_img {
	margin-bottom: 24px;
}

.col-1 {
    display: inline-block;
    width: 85px;
    text-align: right;
    vertical-align: top;
}
.col-2 {
    display: inline-block;
    /* border: solid 1px; */
}

footer {
	display: inline-block;
	text-align: center;

}

footer p {
	display: inline-block;
    margin-right: 15px;
}

footer a {
    text-decoration: underline;
	color: #fff;
}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px) {
  .wrap{
    width: 100%;
  }
  .logo {
    text-align: center;
  }
  .main{
    float: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .main_image {
    width: 100%;
  }
  .side-menu{
    /*　floatを解除 */
    float: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
  }
  .side-banner li {
    margin-bottom: 15px;
    width: 320px;
    margin: 0 auto;
    margin-top: 15px;
  }
  .news_left img {
	  width: 80%;
  }

  .news_right {
	  width: 50%;
  }
  .content img {
    padding-top: 23px;
  }
  .tk img {
    width: 80%;
  }
  .shop_list img {
    height: auto;
    padding-top: inherit;
  }
  .product_box {
    display: block;
  }

  .product .main_image {
      width: 100%;
  }

  .product .capture_box {
    width: 100%;
    margin-left: 0; 
    text-align: center;
  }

  .col-1 {
    text-align: left;
  }

  #colorbox {
    width: 50%;
  }
}
.text_title {
	font-size: 18px;
}

.attention {
	font-size: 16px;
	font-weight: 700;
	color: red;
}