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

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

* {
	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: #40697a;
  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;
  padding-top: 35px;
}
.tk {
  text-align: center;
}
.tk p{
  font-size: 20px;
  font-weight: bold;
  color: #40697a;
}
.tk span {
  font-size: 16px;
}
.tk img {
  width: auto;
}
.tk a:hover {
  text-decoration: none;
} 
.btn_getchu,
.btn_sofmap,
.btn_toranoana,
.btn_melon,
.btn_fanza_pk,
.btn_amazon,
.btn_animate,
.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;
}
.btn_amazon {
    background: linear-gradient(30deg, rgba(131,79,17,1) 0%, rgba(212,110,21,1) 73%, rgba(191,108,6,1) 100%);
}
.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_getchu {
  background: linear-gradient(30deg, rgba(85,50,84,1) 0%, rgba(187,149,186,1) 73%, rgba(112,76,111,1) 100%);
}

.btn_getchu:hover {
  background: linear-gradient(30deg, rgba(130,90,129,1) 0%, rgba(217,185,216,1) 73%, rgba(144,106,143,1) 100%);
}

.btn_sofmap {
  background: linear-gradient(30deg, rgba(30,23,138,1) 0%, rgba(103,96,207,1) 73%, rgba(50,42,179,1) 100%);
}

.btn_sofmap:hover {
  background: linear-gradient(30deg, rgba(66,58,195,1) 0%, rgba(137,131,232,1) 73%, rgba(77,69,213,1) 100%);
}

.btn_toranoana {
  background:  linear-gradient(30deg, rgba(102,58,11,1) 0%, rgba(190,125,54,1) 73%, rgba(128,76,22,1) 100%);
}

.btn_toranoana:hover {
  background:  linear-gradient(30deg, rgba(149,94,34,1) 0%, rgba(222,156,85,1) 73%, rgba(168,106,42,1) 100%);
}

.btn_melon {
  background: linear-gradient(30deg, rgba(5,65,5,1) 0%, rgba(47,152,46,1) 73%, rgba(23,121,22,1) 100%);
}

.btn_melon:hover {
  background: linear-gradient(30deg, rgba(18,111,18,1) 0%, rgba(73,187,72,1) 73%, rgba(42,157,41,1) 100%);
}

.btn_fanza_pk {
  background: linear-gradient(30deg, rgba(117,7,7,1) 0%, rgba(200,69,69,1) 73%, rgba(136,19,19,1) 100%);
}

.btn_fanza_pk:hover {
  background: linear-gradient(30deg, rgba(153,20,20,1) 0%, rgba(230,94,94,1) 73%, rgba(166,36,36,1) 100%);
}

.btn_animate {
  background: linear-gradient(30deg, rgba(0,79,130,1) 0%, rgba(0,121,199,1) 73%, rgba(0,101,166,1) 100%);
}

.btn_animate:hover {
  background: linear-gradient(30deg, rgba(13,111,175,1) 0%, rgba(14,144,227,1) 73%, rgba(18,124,193,1) 100%);
}

.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%;
}

#tokuten ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 24px auto;
    width: 50%;
    list-style: none;
}

#tokuten li {
    width: 48%;
    margin: 0;
    margin-bottom: 36px;
    padding: 0;
}

#tokuten li img {
    width: 100%;
}

.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;
  }
  #tokuten ul {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  #tokuten li {
    margin-bottom: 24px;
  }
  .btn_getchu, .btn_sofmap, .btn_toranoana, .btn_melon, .btn_fanza_pk, .btn_amazon, .btn_animate, .btn_soldout {
    font-size: 0.5em;
    width: 43vw;
  }
  .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;
}