@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/


@import url('https://fonts.googleapis.com/css?family=Heebo:500');

/* Heebo */
.fn-Heebo { font-family: 'Heebo', sans-serif; font-weight: 500;}


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
/*
body { font: 16px/1.9  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;  }
*/
body { font: 16px/1.9  "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
font-weight: 400; margin:0; padding: 0; background: #fff; color:#000; -webkit-text-size-adjust: 100%; font-weight: normal; letter-spacing: 0.05em;}

a       { text-decoration: none; color: #000; outline:none; transition: .4s; }
a:hover { text-decoration: none; color:#888888;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height: auto; vertical-align: middle;}
:focus { outline: 0; }
::-moz-selection { background: #9fccb6; color: #323232;}
::selection { background: #9fccb6; color: #323232;}


.c_gray { color: #505050;}
.bg_gray { background: #f8f8f8;}
.bg_green { background: #f2f3ef;}


/* Slick の ulにつける Hack */
ul.slideshow-hack { display: none;}
ul.slideshow-hack.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}


/* OLD STYLE HACK */
/*HOWTO*/
.detail-cnt { margin-bottom: 0 !important; padding-bottom: 80px;}

.article-sns-list {
	overflow: hidden;
	padding: 0;
}

.article-sns-list li {
	float: left;
}

.article-sns-list li+li {
	margin-left: 10px;
}

@media (min-width: 768px) {
	.article-sns-list {
		padding: 0;
	}
	.article-sns-list li+li {
		margin-left: 10px;
	}
}



/* main-layout
==========================================================*/

#wrapper { width: 100%; overflow: hidden;}

.wrap { width: 100%; max-width: 1100px; margin: 0 auto;}
.wrapInner { padding: 100px 0;}


.col {}
  .col-l{ float: left;}
  .col-r{ float: right;}


/* header
==========================================================*/

#headerContainer { width: 100%; background: #fff; position: relative; z-index: 999;}
#headerContainer.navfixed{ position: fixed; left: 0; top: 0;}
  .headerInner { width: 100%; padding: 0 40px 5px; max-width: none; }

    .headerInner .logo { width: 174px; position: relative; top: -4px; }
    .headerInner .nav { -webkit-width: calc(100% - 190px); -moz-width: calc(100% - 190px); width: calc(100% - 190px); margin-top: 3px;}

    .headerInner .menuInner .g-menu { display: flex; justify-content:flex-end; margin-left: 40px; }
    .headerInner .menuInner ul li { position: relative; list-style: none; letter-spacing: 0.075em; width: 148px; text-align: center; }
    .headerInner .menuInner ul li.first::before { position: absolute; content: ""; border-left: 1px solid #000; box-sizing: border-box; height: 18px; top: 16px; left: 0px;}
    .headerInner .menuInner ul li::after { position: absolute; content: ""; border-right: 1px solid #000; box-sizing: border-box; height: 18px; top: 16px; right: 0px;}
    .menuInner ul li a { display: block; padding: 10px 0; font-size: 16px; font-weight: bold; }
    .menuInner ul li a:hover { color: #7aba9a;}
    .menuInner ul li.shop img { margin-right: 1em; margin-top: -3px;}
    .menuInner ul li.current a { color: #7aba9a;}

    .cart-navTrigger{ position: relative; }
    .cart-nav-wrap{ position: absolute; width: 100%; display: none;}

    .menuInner .cart-nav-wrap li { text-align: center;margin-bottom: 2px;}
    .menuInner .cart-nav-wrap li a{ background: #7aba9a; color: #fff; padding: 10px; font-size: 13px;}
    .menuInner .cart-nav-wrap li a:hover { color: #fff; background: #c2dfd1; }
    .menuInner .cart-nav-wrap ul li::after { display: none;}



/* footer
==========================================================*/
#footerContainer { position: relative;}
.footerInner { padding: 40px 0 30px;}

.foot_nav { padding: 0 0px; margin-bottom: 50px;}
  .foot_nav ul#foot_menu { display: flex; justify-content: space-between; }
    .foot_nav ul li { position: relative; }
    .foot_nav ul li.first::before { position: absolute; content: ""; border-left: 1px solid #000; box-sizing: border-box; height: 14px; top: 16px; left: 0px;}
    .foot_nav ul li::after { position: absolute; content: ""; border-right: 1px solid #000; box-sizing: border-box; height: 14px; top: 16px; right: 0px;}
    .foot_nav ul li a { display: block; padding: 10px 35px ; font-size: 14px;}
    .foot_nav ul li a:hover { color: #7aba9a;}
    .foot_nav ul li.shop img { margin-right: 1em; margin-top: -3px;}

    .foot_nav .cart-nav-wrap li { text-align: center;margin-bottom: 2px;}
    .foot_nav .cart-nav-wrap li a{ background: #7aba9a; color: #fff; padding: 10px; font-size: 13px;}
    .foot_nav .cart-nav-wrap li a:hover { color: #fff; background: #c2dfd1; }
    .foot_nav .cart-nav-wrap ul li::after { display: none;}

    .foot_sns { padding-right: 10px;}
    .foot_sns ul { display: flex; justify-content: space-between; }
    .foot_sns ul li a {padding: 10px 20px ; }
      .foot_sns ul li::after { content: none;}
      .foot_sns ul li .fa { font-size: 25px;}

.foot_bottom {}
  .foot_link ul { font-size: 0;}
  .foot_link ul li { display: inline-block; margin-right: 50px; font-size: 12px;}
  .copyright { margin-top: 50px; font-size: 14px;}

#pagetop { position: absolute; right: 0; bottom: 0; font-size: 14px;}



/* content
==========================================================*/
body :not(.indexPage) #Container { background: #f2f3ef; padding-bottom: 1px;}
#Container.navfixed{ padding-top: 112px;}
.pages{}
.ContentInner{}
.ContentInnerBlock{}


/* 見出し */
.h2ttl { margin-bottom: 50px;}
.h2ttl div h2,
.h2ttl div .h1ttl{ font-size: 30px; letter-spacing: 0.15em; }
.h2ttl .h2ttl_leadtxt  { text-align: center; margin-top: 30px; font-size: 20px; color: #5e594e;}

/* more ボタン */
.btn_more { text-align: center;}
  .btn_more a { display: inline-block; margin: 0 auto; padding: 0 45px; color: #fff; font-size: 18px; background: #7aba9a; transition: .4s; border: 1px solid #7aba9a; line-height: 50px; letter-spacing: 0.1em;}
  .btn_more a:hover { color: #7aba9a; background: none;}

/* closeボタン */
.close-w{position:relative;width:25px;height:25px;cursor:pointer;
width:60px;height:60px;position:absolute;right:0;top:0;color:#fff;line-height:35px;background:#7aba9a}
.close-w::before,.close-w::after{position:absolute;top:50%;left:50%; margin-left: -12.5px; content:"";display:block;width:25px;border-top:1.5px solid #FFF}
.close-w::before{transform:skewY(-45deg)}
.close-w::after{transform:skewY(45deg)}


.bgcover{ background-size: cover; background-position: center;}


/* LIBRARY lity HACK
==========================================================*/
.lity-close {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 50px;
    color: #fff;
    line-height: 35px;
    text-shadow: none;
    background: #7aba9a;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    text-shadow: none; background: #7aba9a;}
.lity-close:active { top: 50px;}

.lity-close{ text-align: center; text-indent: -100px; overflow: hidden; }
.lity-close::before,.lity-close::after{position:absolute;top:50%;left:50%; margin-left: -12.5px; content:"";display:block;width:25px;border-top:1.5px solid #FFF}
.lity-close::before{transform:skewY(-45deg)}
.lity-close::after{transform:skewY(45deg)}


/* 2: layout
----------------------------------------------------------------------------------------------*/



/* index
==========================================================*/


/* main visual */
.ind_mainvisual_Container { height: 100vh; -webkit-height: calc(100vh - 112px); height: calc(100vh - 112px); width: 100%; }
  .ind_mainvisual {}
    .ind_mainvisual ul .slick-list { height: 100%; }
    .ind_mainvisual ul .slick-list .slick-track { height: 100vh; max-height: 1200px;}
    .ind_mainvisual ul .slick-dots { bottom: 30px; }
    .ind_mainvisual ul li { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
    /*.ind_mainvisual ul li:nth-child(1) { background-image: url("../images/index/main01.jpg");}
    .ind_mainvisual ul li:nth-child(2) { background-image: url("../images/index/main02.jpg");}*/

    .ind_maincopy { position: absolute; max-width: 520px; text-align: center; top:50%; left:50%; margin-left: -260px; color: #fff; }
    .ind_maincopy img{ max-width: 520px; }


     #ind_slideshow li a{ display: block; width: 100%; height: 100%; position: relative; color: #fff; opacity: 1;}
    .ind_main_links { position: absolute; right: 0; top: 50%; max-width: 220px; line-height: 0; }

@media screen and (max-width: 1040px) {
    .ind_main_links { position: absolute; right: 0; top:calc(100% - 240px);  max-width: 200px; }
}
@media screen and (max-width: 960px) {
    .ind_main_links { position: absolute; right: 0; top:calc(100% - 140px);  max-width: 200px; }
}

/* About */
#About .wrapInner { padding: 100px 0 0;}
.aboutContainer { margin-top: 70px;}
  .aboutContainer .about_leadbox { margin-bottom: 40px; text-align: center;}
    .aboutContainer .about_leadbox p:first-child { font-size: 30px; font-weight: bold; margin-bottom: 10px;}
    .aboutContainer .about_leadbox p.elm02 { font-size: 18px; font-size: 1.2em; }
    .aboutContainer .about_leadbox .mark_gd { position: absolute; right: 0; bottom: -20px;}

  .aboutContainer .about_cntbox {}
    .aboutContainer .about_cntbox ul {}
    .aboutContainer .about_cntbox ul li { width: 31%; background: #ddede5; box-sizing: border-box; padding: 30px 25px; text-align: center; line-height: 1.65;}
    .aboutContainer .about_cntbox ul li .about_cntbox_ttl { font-size: 21px; font-size: 1.31em;  margin-bottom: 10px; }


/* Topics */
#Topics .wrapInner { padding: 100px 0 0;}
.topicsContainer {}
  .ind_topics_list ul { margin-bottom: 30px; font-size: 14px;}
  .ind_topics_list ul a { color: #505050;}
  .ind_topics_list dt { width: 100px; float: left; clear: both; border-bottom: 1px solid #ccc; padding: 8px 15px; box-sizing: border-box; margin-right: 15px;}
  .ind_topics_list dd { -webkit-width: calc(100% - 125px); width: calc(100% - 125px); float: left; border-bottom: 1px solid #ccc; padding: 8px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow:ellipsis;}
  .ind_topics_list ul li:last-child dt, .ind_topics_list ul li:last-child dd { border-bottom: none;}


/* Recommend */
#Recommend {}
.recommendContainer {}


/* Lineup */
#Lineup {}
.ind_lineup_section { margin-bottom: 5px;}
  #Lineup .ind_lineup_section:last-child { margin-bottom: 0;}

.lineup_sec01 { }
.lineup_sec01_Inner {}
  .lineup_sec01_Box {}
  .lineup_sec01_Box_img { margin-bottom: 20px; }
    .lineup_sec01_Box_img .sec01_mainimg { width: 550px; width: 50%;}
    .lineup_sec01_Box_img .sec01_products_list {  width: 50%;}
    .lineup_sec01_Box_img .sec01_products_list ul li { /*height: 150px;*/ margin-bottom: 2px; background: #fff; }
    .lineup_sec01_Box_img .sec01_products_list ul li:nth-child(3) { margin-bottom: 0;}
      .sec01_products { padding: 0 20px; box-sizing: border-box; align-items: center; }
        .sec01_products .sec01_products_img { width: 170px;}
        .sec01_products .sec01_products_img img{  }
        .sec01_products .sec01_products_name { font-size: 14px; padding-top: 45px; padding: 10px 0px;margin-left: 10px;}
        .sec01_products .sec01_products_name p:first-child { font-size: 15px;}

  .lineup_sec01_Box .lineup_sec01_Box_txt {opacity: 0; transition: 1s; padding-top: 20px;  }
  li.slick-current .lineup_sec01_Box .lineup_sec01_Box_txt { opacity: 1; }
    .lineup_sec01_Box .lineup_sec01_Box_txt > p { margin-bottom: 15px;}
    .lineup_sec01_Box .lineup_sec01_Box_txt > p img { display: inline-block !important; margin-right: .5em; margin-bottom: 4px;}

    .sec01_star { max-width: 410px;  }
      .btn_sec01_star { position: relative; display: inline-block; cursor: pointer; }
        .btn_sec01_star .tooltip_sec01_star { position: absolute; z-index: 99999; bottom: 150%; left: 0; white-space: nowrap; padding: 45px; box-sizing: border-box; transition: opacity 1s;   color: #505050; border: 1px solid #ccc; background: #fff; width: 500px; /*visibility: hidden; opacity: 0;*/ display: none; }
        .btn_sec01_star .tooltip_sec01_star p { word-wrap: break-word; white-space: normal; display: block; font-size: 18px;}
        .btn_sec01_star .tooltip_sec01_star p.first {margin-bottom: 10px; font-size: 22px;}
        .btn_sec01_star .tooltip_sec01_star::after { position: absolute; top: 100%; left: 50%; margin-left: -5px; content: ' '; border: 5px solid transparent; }
        /*.btn_sec01_star:hover .tooltip_sec01_star { visibility: visible; opacity: 1; }*/

    .thumb-lineup_sec01_Inner{ max-width: 1100px; margin: 0 auto; display: flex; justify-content: flex-end; margin-top: -46px; }
    .thumb-lineup_sec01 { display: flex; width: 50%; background: #F8F8F8; }
    .thumb-lineup_sec01 li{ padding: 0 6px;}
    .thumb-lineup_sec01 li.slick-current{ opacity: .3;}


  .lineup_sec02 { margin-top: 80px;}
  .lineup_sec02_Inner { max-width: 950px; width: 100%; margin: 0 auto;}
    .lineup_sec02_list {}
      .lineup_sec02_list ul { margin-bottom: 30px; flex-wrap: wrap;}
      .lineup_sec02_list ul li { width: 400px; width: 42.1%; margin-bottom: 55px;}
      .lineup_sec02_list ul li .lineup_sec02_list_txt { margin-top: 25px; line-height: 1.6;}
      .lineup_sec02_list ul li .lineup_sec02_list_txt p:first-child { font-size: 20px; margin-bottom: 5px;}


      /* ポップアップ */
      .popup_lineup_sec02_Box { background: #fff; max-width: 1300px; width: 100%; margin: 50px auto 100px; padding: 100px 50px 0; box-sizing: border-box;height: 100%;
          overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: hidden;}
      .popup_lineup_sec02_BoxInner { max-width: 1050px; width: 100%; margin: 0 auto; }
        .popup_lineup_sec02_Box ul { justify-content: flex-start; flex-wrap: wrap;}
        .popup_lineup_sec02_Box ul li {  width: 30%; width: -moz-calc(33.33% - 50px); width: -webkit-calc(33.33% - 50px); width: calc(33.33% - 50px); max-width: 300px;  margin: 0 25px 0; margin-bottom: 100px; }
        .popup_lineup_sec02_Box ul li .popup_lineup_sec02_txt { margin: 15px 0 20px;}
        .popup_lineup_sec02_Box ul li .popup_lineup_sec02_txt p:first-child { font-size: 13px;}
        .popup_lineup_sec02_Box ul li .popup_lineup_sec02_txt p:nth-child(2) { margin: 5px 0 0; line-height: 1.2;}
        .popup_lineup_sec02_Box ul li .popup_lineup_sec02_txt p:nth-child(2) span { font-size: 14px;}
        .popup_lineup_sec02_Box ul li .btn_more { text-align: left;}

@media screen and (max-width: 1080px) {
.popup_lineup_sec02_BoxInner { max-width: 700px; margin: 0 auto;}
.popup_lineup_sec02_Box ul li { width: 46%; width: -moz-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px); max-width: 300px; }

}


  .lineup_sec03_Inner {}
    .lineup_sec03_list li { width: 49%;}
      .lineup_sec03_list ul li .lineup_sec03_list_txt { margin-top: 25px; line-height: 1.6;}
      .lineup_sec03_list ul li .lineup_sec03_list_txt p:first-child { font-size: 20px; margin-bottom: 5px;}



/* Howto */
#Howto { background: url(../images/howto/bg_howto.png); background-repeat: repeat;background-size: 500px 500px; overflow: hidden;}

#Howto .wrapInner { position: relative;}
.howtoContainer { max-width: 1120px; margin: 0 auto; width: 100%;}
.howto_posi01 { position: absolute; top: 0; left: 0;}

.howto_mainvisual { margin-bottom: 50px;}
  .howto_mainvisual .howto_mainvisual_img { margin-bottom: 50px; text-align: center;}
  .howto_mainvisual .howto_mainvisual_img .howto_posi02 { position: absolute; bottom: -40px; right: -60px;}
  .howto_mainvisual .howto_mainvisual_txt { text-align: center; font-size: 21px;}

.howto_blog { }
.howto_blog ul li { width: 31.5%; width: -moz-calc(33.3% - 20px); width: -webkit-calc(33.3% - 20px); width: calc(33.3% - 20px);
    padding: 0 20px; box-sizing: border-box; padding-top: 15px; }
  .howto_blog_img { margin-bottom: 20px;}
    .howto_blog_img .howto_blog_img_number { position: absolute; top: -15px; right: -10px; width: 60px; height: 60px; }
    .howto_blog_img .howto_blog_img_number p { color: #fff; background: #7aba9a; line-height: 60px; font-size: 18px;border-radius: 50%;}
  .howto_blog_txt { padding: 0 2% 0 1%;  box-sizing: border-box;}
    .howto_blog_txt p.howto_blog_title { font-size: 18px; margin-bottom: 5px;}
    .howto_blog_txt p:nth-child(2) { line-height: 1.6;}



/* Column */
#Column {}
  #Column .h2ttl div h2 img,
  #Column .h2ttl div .h1ttl img{ margin-left: .5em; vertical-align: text-bottom;}

.columnContainer { margin-top: 100px;}
.ind_column_list { margin-bottom: 100px;}
  .ind_column_list ul li { margin-bottom: 50px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;  height: 300px; transition: 0.5s; }
  .ind_column_list ul li:last-child { margin-bottom: 0;}

.column_list_hover a:hover{ opacity: 1 !important;}
.column_list_hover > li:hover{background: #7aba9a; color: #FFF; }
    .column_list_hover > li:hover .column_box .column_box_contents .column_box_title,
    .column_list_hover > li:hover .column_box_about-left .column_box_about-date,
    .column_list_hover > li:hover .column_box_about-right .column_box_about-writer p{color: #FFF; }
    .column_list_hover > li:hover .column_box_about-right .column_box_about-writer { border-left: 1px solid #fff;}
.column_list_hover > li.column_cat02:hover{ background: #e4ba8a; }

.column_box {}
.column_box .column_box_img { width: 400px;}
.column_box .column_box_contents { -moz-width: calc(100% - 400px); -webkit-width: calc(100% - 400px); width: calc(100% - 400px); box-sizing: border-box; position: relative; height:300px;}
  .column_box .column_box_contents .column_box_contentsInner { width: 82.15%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit- transform: translateX(-50%) translateY(-50%);}
  .column_box .column_box_contents .column_box_title { color: #5e594e; font-size: 25px; margin-bottom: 40px; line-height: 1.7;}

  .column_box .column_box_contents .column_box_about {}
    .column_box_about-left {}
      .column_box_about-left .column_box_about-cat { color: #fff; font-size: 15px; padding: 0 20px; line-height: 31px; height: 30px; text-align: center; margin: 40px 0 5px;}
      .column_cat01 { background: #7aba9a;}
      .column_cat02 { background: #e4ba8a;}
      .column_box_about-left .column_box_about-date { font-size: 13px; color: #969696;}
    .column_box_about-right {}
      .column_box_about-right .column_box_about-writer { font-size: 14px; margin-top: 8px; margin-right: 30px; padding-left: 1.5em; border-left: 1px solid #ccc;}
      .column_box_about-right .column_box_about-writer p:first-child { font-size: 13px; margin-bottom: 10px;}
      .column_box_about-right .column_box_about-writer p:nth-child(2) { color: #969696;}
      .column_box_about-right .column_box_about-writer-img img { border-radius: 50%;}



/* Partner */
#Partner {}
.partnerContainer {}
  .partnerContainer ul li { width: 30.2%;}
  .partnerContainer ul li .partner_txt { margin: 20px 0 25px;}
  .partnerContainer ul li .partner_txt p:first-child { font-size: 15px; margin-bottom: 5px;}
  .partnerContainer ul li .partner_txt p:nth-child(2) { font-size: 14px; line-height: 1.6;}




/* Column
==========================================================*/

.category_search { width: 530px; margin: 70px auto;}
  .category_search ul li { width: 175px;}
  .category_search ul li a { display: block; line-height: 50px; color: #fff; text-align: center; font-size: 15px;}
  .category_search ul li.cat_all a { background: #505050;}
  .category_search ul li.cat_recipe a { background: #7aba9a;}
  .category_search ul li.cat_other a { background: #e4ba8a;}

/* page */
.columnSingleMain{ width: 100%; min-height: 550px;}
.columnSingleMain img{ width: 100%; }
.column_Single_ttlcontents { border-bottom: 1px solid #ccc; padding-bottom: 75px; }
    /* HACK*/
    .column_Single_ttlcontents .column_box_about-right { width: 280px; padding-top: 50px;}
    .column_Single_ttlcontents .column_box_about-right .column_box_about-writer {align-self: flex-start; margin-right: 0;}
    .column_Single_ttlcontents .column_box_about-right .column_box_about-writer-img{ text-align: right;}
    .column_Single_ttlcontents .column_box_about-right .column_box_about-writer-img img { margin-right: 20px;}

.column_Single_about-left{ background: #fff; width: 63%; margin-top: -50px; margin-left: 6.5%; min-height: 150px;
    box-sizing: border-box; padding-right:50px; padding-bottom: 50px; }
.column_Single_about-cat{ color: #fff; font-size: 15px; padding: 0 20px; line-height: 31px; height: 30px; text-align: center; display: inline-block;}
.column_Single_subttl{ margin-left: 130px; margin-top: -5px; margin-bottom: 15px; font-size: 0.875em;}
.column_Single_title{ font-size: 1.56em; margin-left: 50px; }
.column_Single_arrow_box {position: relative;background: #FFF;}
.column_Single_arrow_box:after {
	left: 100%;
    top:150px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFF;
	border-width: 10px;
	margin-top: -10px;
}

.column_subttl{ text-align: center; font-size: 1.1em;}
.column_Single_contents{ max-width: 700px; margin: 0 auto; padding: 70px 0 0; box-sizing: border-box;  }
.column_Single_date{font-size: 13px; color: #969696; margin-bottom: 20px;}
.column_Single_post_body { padding-bottom: 70px;}
.column_Single_post_body p{ margin: 20px 0 ;}
.column_Single_post_body img{ margin: 10px 0 ;}
.column_Single_post_body img.tate { max-width: 60%; }





/* Lineup
==========================================================*/

.LineupPageContainer { max-width: 1050px; margin: 0 auto;}
.LineupPageContainer ul {  justify-content: flex-start; flex-wrap: wrap;}
.LineupPageContainer ul li { width: 30%; width: -moz-calc(33.33% - 50px); width: -webkit-calc(33.33% - 50px); width: calc(33.33% - 50px); max-width: 300px;
    margin: 0 25px 0; margin-bottom: 100px; }
.LineupPageContainer ul li .popup_lineup_sec02_txt { margin: 15px 0 20px;}
.LineupPageContainer ul li .popup_lineup_sec02_txt p:first-child { font-size: 13px;}
.LineupPageContainer ul li .popup_lineup_sec02_txt p:nth-child(2) { margin: 5px 0 0; line-height: 1.2;}
.LineupPageContainer ul li .popup_lineup_sec02_txt p:nth-child(2) span { font-size: 14px;}
.LineupPageContainer ul li .btn_more { text-align: left;}

@media screen and (max-width: 1080px) {
.LineupPageContainer { max-width: 700px; margin: 0 auto;}
.LineupPageContainer ul li { width: 46%; width: -moz-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px); max-width: 300px; }

}


/*  */


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}