/* CSS Document */


  
/* hero
---------------------------------------------------------- */
.hero_pc {
  position: relative;
}

/* video */
.hero_pc .video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 650px;
}
.hero_pc .video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* logo */
.hero_pc .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 {
}
.area_onlineshop .box_onlinesyop_info {
	display:flex;
  width: 100%;
}
.area_onlineshop .box_onlinesyop_info .box_img_01 {
  width: 40%;
}
.area_onlineshop .box_onlinesyop_info .box_img_01 img {
  width: 100%;
  height: auto;
}
.area_onlineshop .box_onlinesyop_info .box_txt_01 {
	margin:5% 5% 0;
  width: 60%;
}

.area_onlineshop .box_onlinesyop_info .box_txt_01 .ttl_01 {
	font-size:28px;
}

.area_onlineshop .box_onlinesyop_info .txt_01 {
	font-size:14px;
	margin:0 0 30px;
}

.area_onlineshop .box_onlinesyop_info .btn_01 {
	font-size:18px;
	width:220px;
	background-color:#333333;
}
.area_onlineshop .box_onlinesyop_info .btn_01 a {
	color:#ffffff;
	display:block;
	text-align:center;
	padding:10px;
}
.area_onlineshop .box_recomme {
	background-color:#f7f7f7;
	padding:75px 0 65px;
}
.area_onlineshop .box_recomme .ttl_01 {
	text-align:center;
	font-size:28px;
	margin:0 0 20px;
}
.area_onlineshop .box_recomme .box_recomme_img {
	width:940px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.area_onlineshop .box_recomme .box_recomme_img li {
	width:290px;
	text-align:center;
	line-height:3.5;
}



/* area_line
---------------------------------------------------------- */
.area_line {
	background-color:#22ab3d;
	text-align:center;
}
.area_line a {
	display:block;
	padding:40px 0 45px;
}


/* area_news
---------------------------------------------------------- */
.area_news {
	display:flex;
}
.area_news .box_ttl {
	background-color:#717071;
	width:30%;
	position:relative;
}
.area_news .box_ttl .ttl_01 {
	color:#fff;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size:20px;
	min-height:100px;
	text-align:center;
}
.area_news .box_ttl img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.area_news .box_news_list {
	display:flex;
	flex-wrap:wrap;
	margin:3% 4%;
	width:100%
}
.area_news .box_news_list dt {
	width:10%;
}
.area_news .box_news_list dd{
	width:82%;
}
.area_news .box_news_list dt,
.area_news .box_news_list dd {
	padding:2% 2%;
	line-height:1.4;
}
.area_news .box_news_list dd a {
	text-decoration:underline;
}


/* area_otherpage
---------------------------------------------------------- */
.area_otherpage {
	background-color:#f7f7f7;
	padding:75px 0 65px;
}
.area_otherpage ul {
	width:940px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.area_otherpage ul li {
	width:421px;
	text-align:center;
	line-height:3.5;
}