@charset "UTF-8";
@media only screen and (min-width: 769px) {
  .eyecatch {
    width: 100%;
    height: calc(100vh - 86px);
    min-height: 600px;
    position: relative;
  }
  .eyecatch h2 {
    width: 573px;
    height: 248px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }
  .eyecatch h2 img {
    width: 100%;
    height: auto;
    display: block;
  }
  .eyecatch .copy {
    width: auto;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    display: block;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: auto;
    z-index: 1;
  }
  .eyecatch .slide_nav {
    box-sizing: border-box;
    width: 180px;
    height: auto;
    padding: 13px 32px 10px;
    background-color: #000;
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }
  .eyecatch .slide_nav .slick-dots {
    width: 100%;
    height: auto;
    background-color: #000;
    text-align: center;
    position: static;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
  }
  .eyecatch .slide_nav .slick-dots li {
    display: inline-block;
    width: 26px;
    height: 17px;
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 2px solid #000000;
    cursor: pointer;
  }
  .eyecatch .slide_nav .slick-dots li button {
    display: block;
    width: 20px;
    height: 17px;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    border: 0;
    outline: none;
  }
  .eyecatch .slide_nav .slick-dots li button::before {
    width: 20px;
    height: 17px;
    display: block;
    position: static;
    background-color: transparent;
    background-image: url(../img/index/slid_01.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center;
  }
  .eyecatch .slide_nav .slick-dots li:nth-child(2) button::before {
    background-image: url(../img/index/slid_02.png);
  }
  .eyecatch .slide_nav .slick-dots li:nth-child(3) button::before {
    background-image: url(../img/index/slid_03.png);
  }
  .eyecatch .slide_nav .slick-dots .slick-active {
    border-bottom: 2px solid #ffffff;
  }
  .eyecatch .eyecatch_bg {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .eyecatch .eyecatch_bg .eyecatch_img {
    width: 94%;
    height: calc(100vh - 86px);
    min-height: 600px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
  .eyecatch .eyecatch_bg .eyecatch_img1 {
    background-image: url(../img/index/eyecatch_01.jpg);
  }
  .eyecatch .eyecatch_bg .eyecatch_img2 {
    background-image: url(../img/index/eyecatch_02.jpg);
  }
  .eyecatch .eyecatch_bg .eyecatch_img3 {
    background-image: url(../img/index/eyecatch_03.jpg);
  }

  .pickup {
    width: 100%;
    height: auto;
    padding: 80px 0;
    margin: 0 auto;
    display: block;
  }
  .pickup .pickup_inner {
    width: 1166px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pickup .pickup_inner .pickup_main {
    width: 49%;
    height: auto;
    max-width: 568px;
    margin: 0;
    display: block;
    position: relative;
  }
  .pickup .pickup_inner .pickup_main a {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
  }
  .pickup .pickup_inner .pickup_main a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /*.pickup .pickup_inner .pickup_main .inner_text{
  	width: 100%;
  	height: auto;
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);

  }
  .pickup .pickup_inner .pickup_main .inner_text img{
  	width: 345px;
  	height: auto;
  	margin: 0 auto 13px;
  	display: block;
  }
  .pickup .pickup_inner .pickup_main .inner_text h2{
  	box-sizing: border-box;
  	width: auto;
  	min-width: 260px;
  	max-width: 380px;
  	height: auto;
  	padding: 5px 1em;
  	margin: 0 auto;
  	font-size: 15px;
  	line-height: 20px;
  	display: inline-block;
  	color: #ffffff;
  	background-color: #000000;
  }*/
  .pickup .pickup_inner .pickup_sub {
    width: 49%;
    height: auto;
    max-width: 568px;
    margin: 0;
    display: block;
  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item {
    width: 100%;
    height: auto;
    max-width: 568px;
    margin: 0 auto;
    display: block;
    background-repeat: no-repeat;
  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item a {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /*.pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text{
  	width: 100%;
  	height: auto;
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);

  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text img{
  	width: 345px;
  	height: auto;
  	margin: 0 auto 13px;
  	display: block;
  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text h2{
  	box-sizing: border-box;
  	width: auto;
  	min-width: 260px;
  	max-width: 380px;
  	height: auto;
  	padding: 5px 1em;
  	margin: 0 auto;
  	font-size: 15px;
  	line-height: 20px;
  	display: inline-block;
  	color: #ffffff;
  	background-color: #000000;
  }*/
  .pickup .pickup_inner .pickup_sub .no2 {
    margin: 0 auto 29px;
  }

  .recommend {
    width: 100%;
    height: auto;
    padding: 80px 0;
    margin: 0 auto;
    display: block;
    position: relative;
    background-color: #cadade;
  }

  .recommend .recommend_inner {
    width: 1184px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .recommend .recommend_inner h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 35px;
    display: block;
    text-align: center;
  }

  .recommend .recommend_inner h2 img {
    width: 201px;
    height: auto;
    margin: 0 auto 5px;
    display: block;
    text-align: center;
  }

  .recommend .recommend_inner h2 span {
    font-size: 17px;
    line-height: 27px;
    margin: 0 auto;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area {
    width: 1184px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item {
    box-sizing: border-box;
    width: 270px;
    height: auto;
    padding: 0 10px;
    margin: 0 0 45px 0;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item a {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item img {
    width: 100%;
    height: auto;
    margin: 0 auto 9px;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item h3 {
    width: 100%;
    height: auto;
    margin: 0 auto 6px;
    display: block;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item .price {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom;
    font-size: 17px;
    line-height: 18px;
    text-align: left;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item .price span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
  }

  .recommend .recommend_inner .link {
    width: 280px;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
    display: block;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
  }

  .recommend .bg_color {
    display: none;
    width: 100%;
    height: 380px;
    display: block;
    background-color: #cadade;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
  }

  .news {
    width: 100%;
    height: auto;
    padding: 80px 0;
    margin: 0 auto;
    display: block;
    background-color: #e5e4e0;
    position: relative;
  }
  .news .news_inner {
    width: 1166px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .news .news_inner h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 35px;
    display: block;
    text-align: center;
  }
  .news .news_inner h2 img {
    width: 83px;
    height: auto;
    margin: 0 auto 5px;
    display: block;
    text-align: center;
  }
  .news .news_inner h2 span {
    font-size: 17px;
    line-height: 27px;
    margin: 0 auto;
    display: block;
  }
  .news .news_inner .news_area {
    width: 1166px;
    height: auto;
    margin: 0 auto;
    display: block;
    overflow: hidden;
  }
  .news .news_inner .news_area .news_contents {
    width: 100%;
    height: auto;
    padding: 9px 0;
    margin: 0 auto;
    display: block;
  }
  .news .news_inner .news_area .news_contents a, .news .news_inner .news_area .news_contents .flex {
    margin: 0 auto;
    display: flex;
    align-content: center;
    width: auto;
    height: auto;
    font-size: 0;
  }
  .news .news_inner .news_area .news_contents a .date, .news .news_inner .news_area .news_contents .flex .date {
    margin: 0 37px 0 0;
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 25px;
  }
  .news .news_inner .news_area .news_contents a .title, .news .news_inner .news_area .news_contents .flex .title {
    margin: 0;
    width: calc(100% - 180px);
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 25px;
  }

  /*voiceの公開時にmarginを0 autoに戻す*/
  .concept {
    width: 100%;
    height: 965px;
    padding: 80px 0 0;
    margin: 0 auto 80px;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .concept .copy {
    width: auto;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    display: block;
    color: #ffffff;
    position: absolute;
    top: 815px;
    right: 60px;
    margin: auto;
    z-index: 1;
  }

  .concept .content_bg {
    width: 1000px;
    height: 760px;
    margin: 0 auto;
    display: block;
    position: relative;
  }

  .concept .content_bg .content_bg_img {
    width: 100vw;
    height: 100%;
    display: block;
    background-image: url(../img/index/concept_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: -2;
  }

  .concept .concept_inner {
    width: 1166px;
    height: auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .concept .concept_inner .content_title {
    width: 680px;
    height: auto;
    padding: 75px 0;
    margin: 0;
    display: block;
    position: relative;
  }

  .concept .concept_inner .content_title h2 {
    width: 331px;
    height: auto;
    display: block;
    position: absolute;
    top: -23px;
    left: 0;
    margin: auto;
  }

  .concept .concept_inner .content_title h2 img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .concept .concept_inner h3 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 auto 33px;
    display: block;
  }

  .concept .concept_inner h3 span {
    font-size: 19px;
    line-height: 29px;
    display: block;
  }

  .concept .concept_inner p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 25px;
    display: block;
  }

  .concept .concept_inner p:last-child {
    margin: 0 auto;
  }

  .concept .concept_inner .bg_color {
    width: 100vw;
    height: 100%;
    display: block;
    background-color: #cadade;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    z-index: -1;
  }

  /*公開時非表示*/
  /*.voice{
  	width: 100%;
  	height: auto;
  	padding: 80px 0;
  	margin: 0 auto;
  	display: block;
  	position: relative;
  }
  .voice .voice_inner{
  	width: 1184px;
  	height: auto;
  	margin: 0 auto;
  	display: block;
  }
  .voice .voice_inner h2{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 45px;
  	display: block;
  	text-align: center;
  }
  .voice .voice_inner h2 img{
  	width: 86px;
  	height: auto;
  	margin: 0 auto 5px;
  	display: block;
  	text-align: center;
  }
  .voice .voice_inner h2 span{
  	font-size: 17px;
  	line-height: 27px;
  	margin: 0 auto;
  	display: block;
  }
  .voice .voice_inner .voice_area{
  	width: 1184px;
  	height: auto;
  	margin: 0 auto 35px;
  	display: flex;
  	justify-content: space-between;
  	align-items: flex-end;
  }
  .voice .voice_inner .voice_area .voice_contents{
  	width: 49%;
  	height: auto;
  	max-width: 568px;
  	margin: 0;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents img{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 21px;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents h3{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 16px;
  	display: block;
  	font-size: 22px;
  	line-height: 32px;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .text{
  	width: 100%;
  	height: auto;
  	margin: 15px auto 0;
  	display: inline-block;
  	vertical-align: middle;
  	font-size: 15px;
  	line-height: 25px;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .text:nth-child(3){
  	margin: 0 auto;
  }
  .voice .voice_inner .voice_area .voice_contents a{
  	width: 100%;
  	height: auto;
  	margin: 0;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item{
  	width: 100%;
  	height: auto;
  	margin: 30px auto 0;
  	display: flex;
  	justify-content: space-between;
  	align-items: flex-start;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item img{
  	width: 152px;
  	height: 152px;
  	margin: 0;
  	display: block;
  	object-fit: cover;
  	font-family: 'object-fit: cover;';
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text{
  	width: auto;
  	height: auto;
  	margin: 0 0 0 20px;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text .comment{
  	margin: 0 auto 16px;
  	display: block;
  	font-size: 16px;
  	line-height: 26px;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text h4{
  	margin: 0 auto 3px;
  	display: block;
  	font-size: 16px;
  	line-height: 26px;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text .price{
  	margin: 0 auto;
  	display: inline-block;
  	vertical-align: bottom;
  	font-size: 17px;
  	line-height: 27px;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text .price span{
  	display: inline-block;
  	vertical-align: bottom;
  	font-size: 12px;
  	line-height: 22px;
  	text-align: left;
  }
  .voice .bg_color{
  	width: 100%;
  	height: 834px;
  	display: block;
  	background-color: #e5e4e0;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	margin: auto;
  	z-index: -1;
  }*/
}
/*iPad 縦横両方*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .eyecatch {
    width: 100%;
    height: 800px;
    min-height: initial;
    position: relative;
  }

  .eyecatch h2 {
    width: 573px;
    height: 248px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }

  .eyecatch h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .eyecatch .copy {
    width: auto;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    display: block;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: auto;
    z-index: 1;
  }

  .eyecatch .slide_nav {
    box-sizing: border-box;
    width: 180px;
    height: auto;
    padding: 13px 32px 10px;
    background-color: #000;
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }

  .eyecatch .slide_nav .slick-dots {
    width: 100%;
    height: auto;
    background-color: #000;
    text-align: center;
    position: static;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
  }

  .eyecatch .slide_nav .slick-dots li {
    display: inline-block;
    width: 26px;
    height: 17px;
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 2px solid #000000;
    cursor: pointer;
  }

  .eyecatch .slide_nav .slick-dots .slick-active {
    border-bottom: 2px solid #ffffff;
  }

  .eyecatch .slide_nav .slick-dots li button {
    display: block;
    width: 20px;
    height: 17px;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    border: 0;
    outline: none;
  }

  .eyecatch .slide_nav .slick-dots li button::before {
    width: 20px;
    height: 17px;
    display: block;
    position: static;
    background-color: transparent;
    background-image: url(../img/index/slid_01.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center;
  }

  .eyecatch .slide_nav .slick-dots li:nth-child(2) button::before {
    background-image: url(../img/index/slid_02.png);
  }

  .eyecatch .slide_nav .slick-dots li:nth-child(3) button::before {
    background-image: url(../img/index/slid_03.png);
  }

  .eyecatch .eyecatch_bg {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .eyecatch .eyecatch_bg .eyecatch_img {
    width: 94%;
    height: 800px;
    min-height: initial;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }

  .eyecatch .eyecatch_bg .eyecatch_img1 {
    background-image: url(../img/index/eyecatch_01.jpg);
  }

  .eyecatch .eyecatch_bg .eyecatch_img2 {
    background-image: url(../img/index/eyecatch_02.jpg);
  }

  .eyecatch .eyecatch_bg .eyecatch_img3 {
    background-image: url(../img/index/eyecatch_03.jpg);
  }
}
/*iPad 縦向きのみ*/
/*=================================
SP用CSS
=================================*/
@media only screen and (max-width: 768px) {
  main {
    margin-top: 0;
  }

  .eyecatch {
    width: 100%;
    height: 100vh;
    min-height: 568px;
    position: relative;
  }

  .eyecatch h2 {
    width: 87%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    /* Safari用 */
    transform: translate(-50%, -50%);
    z-index: 100;
  }

  .eyecatch h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .eyecatch .copy {
    width: auto;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 10px;
    margin: auto;
    z-index: 1;
  }

  .eyecatch .slide_nav {
    box-sizing: border-box;
    width: 180px;
    height: auto;
    padding: 13px 32px 10px;
    background-color: #000;
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
  }

  .eyecatch .slide_nav .slick-dots {
    width: 100%;
    height: auto;
    background-color: #000;
    text-align: center;
    position: static;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
  }

  .eyecatch .slide_nav .slick-dots li {
    display: inline-block;
    width: 26px;
    height: 17px;
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 2px solid #000000;
    cursor: pointer;
  }

  .eyecatch .slide_nav .slick-dots .slick-active {
    border-bottom: 2px solid #ffffff;
  }

  .eyecatch .slide_nav .slick-dots li button {
    display: block;
    width: 20px;
    height: 17px;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    border: 0;
    outline: none;
  }

  .eyecatch .slide_nav .slick-dots li button::before {
    width: 20px;
    height: 17px;
    display: block;
    position: static;
    background-color: transparent;
    background-image: url(../img/index/slid_01.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center;
  }

  .eyecatch .slide_nav .slick-dots li:nth-child(2) button::before {
    background-image: url(../img/index/slid_02.png);
  }

  .eyecatch .slide_nav .slick-dots li:nth-child(3) button::before {
    background-image: url(../img/index/slid_03.png);
  }

  .eyecatch .eyecatch_bg {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .eyecatch .eyecatch_bg .eyecatch_img {
    width: 100%;
    height: 100vh;
    min-height: 568px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }

  .eyecatch .eyecatch_bg .eyecatch_img1 {
    background-image: url(../img/index/eyecatch_01_sp.jpg);
  }

  .eyecatch .eyecatch_bg .eyecatch_img2 {
    background-image: url(../img/index/eyecatch_02_sp.jpg);
  }

  .eyecatch .eyecatch_bg .eyecatch_img3 {
    background-image: url(../img/index/eyecatch_03_sp.jpg);
  }

  .pickup {
    width: 100%;
    height: auto;
    padding: 4.07% 0 0;
    margin: 0 auto;
    display: block;
  }

  .pickup .pickup_inner {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }

  .pickup .pickup_inner .pickup_main {
    width: 100%;
    height: auto;
    margin-bottom: 10.42%;
    display: block;
    position: relative;
  }

  .pickup .pickup_inner .pickup_main a {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .pickup .pickup_inner .pickup_main a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /*.pickup .pickup_inner .pickup_main .inner_text{
  	width: 100%;
  	height: auto;
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);

  }
  .pickup .pickup_inner .pickup_main .inner_text img{
  	width: 72%;
  	height: auto;
  	margin: 0 auto 13px;
  	display: block;
  }
  .pickup .pickup_inner .pickup_main .inner_text h2{
  	box-sizing: border-box;
  	width: auto;
  	height: auto;
  	padding: 5px 1em;
  	margin: 0 auto;
  	font-size: 3.466666666666667vw;
  	line-height: 1.5;
  	display: inline-block;
  	color: #ffffff;
  	background-color: #000000;
  }*/
  .pickup .pickup_inner .pickup_sub {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .pickup .pickup_inner .pickup_sub .pickup_sub_item {
    width: 100%;
    height: auto;
    margin-bottom: 10.42%;
    display: block;
    position: relative;
  }

  .pickup .pickup_inner .pickup_sub .pickup_sub_item a {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .pickup .pickup_inner .pickup_sub .pickup_sub_item a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /*.pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text{
  	width: 100%;
  	height: auto;
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);

  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text img{
  	width: 72%;
  	height: auto;
  	margin: 0 auto 13px;
  	display: block;
  }
  .pickup .pickup_inner .pickup_sub .pickup_sub_item .inner_text h2{
  	box-sizing: border-box;
  	width: auto;
  	height: auto;
  	padding: 5px 1em;
  	margin: 0 auto;
  	font-size: 3.466666666666667vw;
  	line-height: 1.5;
  	display: inline-block;
  	color: #ffffff;
  	background-color: #000000;
  }*/
  .pickup .pickup_inner .pickup_sub .no2 {
    margin: 0 auto 10.42%;
  }

  .recommend {
    width: 100%;
    height: auto;
    padding: 14.8% 0 0;
    margin: 0 auto;
    display: block;
    background-color: #cadade;
    position: relative;
  }

  .recommend .recommend_inner {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 13.4%;
    display: block;
  }

  .recommend .recommend_inner h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 8.3%;
    display: block;
    text-align: center;
  }

  .recommend .recommend_inner h2 img {
    width: 46.9%;
    height: auto;
    margin: 0 auto 1.95%;
    display: block;
    text-align: center;
  }

  .recommend .recommend_inner h2 span {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin: 0 auto;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item {
    box-sizing: border-box;
    width: 47%;
    height: auto;
    margin-bottom: 8%;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item a {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item img {
    width: 100%;
    height: auto;
    margin: 0 auto 5.3%;
    display: block;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item h3 {
    width: 100%;
    height: auto;
    margin: 0 auto 3%;
    display: block;
    font-size: 4vw;
    line-height: 1.3;
    text-align: left;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item .price {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom;
    font-size: 3.7333333333vw;
    line-height: 1.3;
    text-align: left;
  }

  .recommend .recommend_inner .recommend_item_area .recommend_item .price span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 3.7333333333vw;
    line-height: 1.3;
    text-align: left;
  }

  .recommend .recommend_inner .link {
    width: 60.2%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 4.8vw;
    line-height: 1.5;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
  }

  .recommend .bg_color {
    display: none;
  }

  .news {
    width: 100%;
    height: auto;
    padding: 14.1% 0 8.3%;
    margin: 0 auto;
    display: block;
    background-color: #e5e4e0;
    position: relative;
  }

  .news .news_inner {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .news .news_inner h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 6.6%;
    display: block;
    text-align: center;
  }

  .news .news_inner h2 img {
    width: 21.4%;
    height: auto;
    margin: 0 auto 5px;
    display: block;
    text-align: center;
  }

  .news .news_inner h2 span {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin: 0 auto;
    display: block;
  }

  .news .news_inner .news_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    overflow: hidden;
  }

  .news .news_inner .news_area .news_contents {
    width: 100%;
    height: auto;
    padding: 2.2% 0;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #c3c3c3;
  }

  .news .news_inner .news_area .news_contents:first-child {
    padding-top: 0;
  }

  .news .news_inner .news_area .news_contents:last-child {
    border-bottom: none;
  }

  .news .news_inner .news_area a {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    pointer-events: none;
  }

  .news .news_inner .news_area a .date {
    width: 100%;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    display: block;
    vertical-align: middle;
  }

  .news .news_inner .news_area a .title {
    font-size: 4vw;
    line-height: 1.5;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }

  /*voiceの公開時にmarginを0 autoに戻す*/
  .concept {
    width: 100%;
    height: auto;
    padding: 10.1% 0 0;
    margin: 0 auto 10.1%;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .concept .copy {
    width: auto;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    display: block;
    color: #ffffff;
    position: absolute;
    top: 5.1%;
    right: 60px;
    margin: auto;
    z-index: 1;
  }

  .concept .content_bg {
    width: 100%;
    height: auto;
    margin: 0 0 0 6.6%;
    display: block;
    position: relative;
  }

  .concept .content_bg img {
    width: 100%;
    height: auto;
    display: block;
  }

  .concept .concept_inner {
    width: 93.4%;
    height: auto;
    background-color: #cadade;
    padding-bottom: 5%;
    display: block;
    position: relative;
    margin: -4% 0 0 0;
    z-index: 100;
  }

  .concept .concept_inner .content_title {
    width: 90%;
    height: auto;
    padding: 10.1% 0 0 0;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 100;
  }

  .concept .concept_inner .content_title h2 {
    width: 57.6%;
    height: auto;
    display: block;
    position: absolute;
    top: -20px;
    left: -3px;
  }

  .concept .concept_inner .content_title h2 img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .concept .concept_inner h3 {
    font-size: 4.5333333333vw;
    line-height: 1.5;
    margin: 0 auto 33px;
    font-weight: bold;
    display: block;
  }

  .concept .concept_inner h3 span {
    font-size: 3.4666666667vw;
    line-height: 1.5;
    display: block;
    font-weight: bold;
  }

  .concept .concept_inner p {
    font-size: 4vw;
    line-height: 1.5;
    margin: 0 auto 25px;
    display: block;
  }

  .concept .concept_inner p:last-child {
    margin: 0 auto;
  }

  .concept .concept_inner .bg_color {
    display: none;
  }

  /*公開時非表示*/
  /*.voice{
  	width: 100%;
  	height: auto;
  	margin: 51.1% auto 0;
  	display: block;
  	background-color: #e5e4e0;
  	position: relative;
  	padding-top: 1px;
  	box-sizing: border-box;
  }
  .voice .voice_inner{
  	width: 90%;
  	height: auto;
  	margin: -38% auto 0;
  	display: block;
  	box-sizing: border-box;
  }
  .voice .voice_inner h2{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 6.6%;
  	display: block;
  	text-align: center;
  }
  .voice .voice_inner h2 img{
  	width: 22%;
  	height: auto;
  	margin: 0 auto 5px;
  	display: block;
  	text-align: center;
  }
  .voice .voice_inner h2 span{
  	font-size: 4.266666666666667vw;
  	line-height: 1.5;
  	margin: 0 auto;
  	display: block;
  }
  .voice .voice_inner .voice_area{
  	width: 100%;
  	height: auto;
  	margin: 0 auto;
  }
  .voice .voice_inner .voice_area .voice_contents{
  	width: 100%;
  	height: auto;
  	margin: 0 0 10.5% 0;
  	padding-bottom: 10.5%;
  	border-bottom: 1px solid #000;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents:last-child{
  	border-bottom: 0;
  	margin-bottom: 0;
  }
  .voice .voice_inner .voice_area .voice_contents img{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 2.4%;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents h3{
  	width: 100%;
  	height: auto;
  	margin: 0 auto 0.8%;
  	display: block;
  	font-size: 4.533333333333333vw;
  	line-height: 1.5;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .text{
  	width: 100%;
  	height: auto;
  	margin: 15px auto 0;
  	display: inline-block;
  	vertical-align: middle;
  	font-size: 4vw;
  	line-height: 1.5;
  	text-align: left;
  }
  .voice .voice_inner .voice_area .voice_contents .text:nth-child(3){
  	margin: 0 auto;
  }
  .voice .voice_inner .voice_area .voice_contents a{
  	width: 100%;
  	height: auto;
  	margin: 0;
  	display: block;
  }
  .voice_item{
  	width: 100%;
  	height: auto;
  	margin: 30px auto 0;
  }
  .voice_item p.comment{
  	font-size: 3.7333333333333334vw;
  	line-height: 1.5;
  	text-align: center;
  }
  div.voice_area div.voice_contents a div.voice_item.pc_none img.voice_img{
  	width: 49%;
  	height: auto;
  	margin: 1.8% auto;
  	display: block;
  }
  .voice .voice_inner .voice_area .voice_contents .voice_item .voice_text .comment{
  	margin: 0 auto 16px;
  	display: block;
  	font-size: 3.7333333333333334vw;
  	line-height: 1.5;
  	text-align: left;
  }
  html body main section#voice.voice div.voice_inner div.voice_area div.voice_contents a div.voice_item.pc_none h4{
  	margin: 0 auto 3px;
  	display: block;
  	font-size: 4vw;
  	line-height: 1.5;
  	text-align: left;
  }
  html body main section#voice.voice div.voice_inner div.voice_area div.voice_contents a div.voice_item.pc_none p.price{
  	margin: 0 auto;
  	display: inline-block;
  	vertical-align: bottom;
  	font-size: 3.7333333333333334vw;
  	line-height: 1.5;
  	text-align: left;
  }
  html body main section#voice.voice div.voice_inner div.voice_area div.voice_contents a div.voice_item.pc_none p.price span{
  	display: inline-block;
  	vertical-align: bottom;
  	font-size: 3.7333333333333334vw;
  	line-height: 1.5;
  	text-align: left;
  }*/
  .voice .bg_color {
    /*width: 100%;
    height: 834px;
    display: block;
    background-color: #e5e4e0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;*/
  }

  footer {
    margin-top: 0;
  }
}