/* CSS Document */
/* ==========================================================================//
//
//　750px以下
//
// ========================================================================== */

@media screen and (max-width: 750px) {

  
/* hero
---------------------------------------------------------- */
.hero_sp {
	position:relative;
	z-index:-1;
}

/* video */
.hero_sp .video-box {
}
.hero_sp .video-box .video_sp {
	width:100%;
	height:auto;
}
/* logo */
.hero_sp .logo-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align:center;
}



/* area_onlineshop
---------------------------------------------------------- */
.area_onlineshop .box_onlinesyop_info {
	display:block;
}
.area_onlineshop .box_onlinesyop_info .box_img_01 {
	text-align:center;
	width:80%;
	margin:10% 10% 5%;
}
.area_onlineshop .box_onlinesyop_info .box_img_01 img {
	width:100%;
	height:auto;
}
.area_onlineshop .box_onlinesyop_info .box_txt_01 {
	margin:0 auto 10%;
	width:90%;
}

.area_onlineshop .box_onlinesyop_info .box_txt_01 .ttl_01 {
	font-size:28px;
	margin:0 0 5%;
	text-align:center;
}
.area_onlineshop .box_onlinesyop_info .txt_01 {
	margin:0 0 5%;
	font-size:3vw;
}
.area_onlineshop .box_onlinesyop_info .btn_01 {
	font-size:4vw;
	width:60%;
	margin:0 auto;
}
.area_onlineshop .box_onlinesyop_info .btn_01 a {
	padding:8%;
}
.area_onlineshop .box_recomme {
	padding:10% 0 8%;
}
.area_onlineshop .box_recomme .ttl_01 {
	margin:0 0 6%;
	font-size:4.5vw
}
.area_onlineshop .box_recomme .box_recomme_img {
	width:90%;
	display:block;
}
.area_onlineshop .box_recomme .box_recomme_img li {
	width:80%;
	margin:0 auto 3%;
	line-height:3;
}
.area_onlineshop .box_recomme .box_recomme_img li img {
	width:100%;
	height:auto;
}



/* area_line
---------------------------------------------------------- */
.area_line a {
	display:block;
	padding:5% 0 5%;
}


/* area_news
---------------------------------------------------------- */
.area_news .box_ttl {
	width:15%;
	position:relative;
	z-index:-1;
}
.area_news .box_ttl img {
	position: absolute;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 35%;
}

.area_news .box_news_list {
	display:block;
	margin:6% 4%;
	width:100%
}
.area_news .box_news_list dt {
	padding:2% 0 0 2%;
}
.area_news .box_news_list dd{
	padding:1% 0 5% 2%;
}
.area_news .box_news_list dt,
.area_news .box_news_list dd {
	font-size:3vw;
	width:100%;
}


/* area_otherpage
---------------------------------------------------------- */
.area_otherpage {
	padding:10% 0 4%;
}
.area_otherpage ul {
	width:100%;
	display:block;
}
.area_otherpage ul li {
	width:80%;
	margin:0 auto 3%;
	line-height:3;
}
.area_otherpage ul li img {
	width:100%;
	height:auto;
}



}