@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: contents.css
 * Summary:   ページ・コンテンツごとの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    home
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * world
 * ========================================
 */

 .worldRead{
   font-size: 1.4rem;
 }

       /* -- >>> styles for narrow layout ----- */
       @media screen and (max-width: 767px) {
         .worldRead{
           font-size: 1.4rem;
         }
         .worldContent{
           margin-bottom: 20px;
         }
       }

 /*
  * listRestrant
  * ---------------------------------- */
 .blockListRestaurant {
   text-align: center;
 }
 .listRestrant {
   overflow: hidden;
   position: relative;
   margin-bottom: 0;
 }
 .listRestrant a {
   display: block;
   color: inherit;
   text-decoration: none;
 }

 .listRestrant .itemImage img {
   width: 100%;
   height: auto;
 }

 .listRestrant .itemText {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-box-lines: single;
   -ms-flex-wrap: nowrap;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;

   position: absolute;
   top: auto;
   right: 0;
   left: 0;
   bottom: 0;
   padding: 0 10%;
   background: rgba(56,62,69,.4);
   color: #fff;
 }
 .listRestrant.is-hover .itemText {
   top: 0;
   bottom: 0;
   background: rgba(56,62,69,.8);
 }
 .listRestrant .itemText .textTitle {
   padding: .25em 0 .6em;
   font-size: 24px;
   font-size: 2.4rem;
   line-height: 1.4;
   letter-spacing: .05em;
 }
 .listRestrant .itemText .textCopy {
/*   display: none; */
   margin-bottom: 1.0em;
   color: #e2e5e7;
   line-height: 1.6;
   text-align: left;
   letter-spacing: .05em;
 }
 .listRestrant .itemText .textLink {
   display: none;
   letter-spacing: .1em;
 }
 .listRestrant.is-hover .itemText .textCopy,
 .listRestrant.is-hover .itemText .textLink {
   display: block;
 }

   /* -- >>> styles for narrow layout ----- */
   @media screen and (max-width: 767px) {
     .blockListRestaurant {
       margin-top: 20px;
       margin-bottom: -30px;
     }
     .listRestrant {
       /*float: left;*/
       width: 50%;
     }
     .listRestrant .itemText {
       background: rgba(56,62,69,.5);
     }
   }

   /* -- >>> styles for wide layout ----- */
   @media screen and (min-width: 768px) {
     .blockListRestaurant {
       margin-top: 40px;
       margin-bottom: -60px;
     }
     .listRestrant {
       /*float: left;*/
       width: 25%;
     }
   }