@charset "UTF-8";
/*Theme Name: MORIHICO_20200915
  THEMETheme URI: http://
  Description: MORIHICO.のオリジナルテーマ
  Version: 1.1
  Author: Anonymous
  Author URI: Anonymous
*/

/* Clear Fix */
img {
  border: none;
  margin: 0;
  padding: 0;
}
p#google-link a{font-weight:bold;font-size:1.1em}
a {
  text-decoration: none;
}

a img {
  border: none;
  box-shadow: #000 0 0 0;
}

h1, h2, h3, h4, h5, p, span, div, table, tr, td {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

html, body, header, nav, footer {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.clearfix {
  clear: both;
}

/*

Basic Info.

*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

* html {
  font-size: 87.5%;
}

html {
  font-size: 12px;
  line-height: 1em;
}
/* font-size:14px; 2015.5/27 */

body {
  font-family: YuGothic, '游ゴシック', sans-serif;
  text-align: left;
  color: #2e2e2e;
  /*min-width: 1070px;*/
}

a {
  color: #2e2e2e;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.71429em;
  line-height: 1.05em;
  font-weight: normal;
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85714em;
  line-height: 1.4em;
  margin: 5px 0;
}

/* common wrapper */
#wrapper {
  width: 1010px;
  margin: 0 auto;
}

/* Header Common*/
header {
  width: 1010px;
  height: 210px;
  margin: 0 auto;
}

#main_nav {
  width: 850px;
  padding-top: 23px;
  height: 187px;
  float: left;
}

nav {
  margin: 70px 0 0 0px;
  height: 20px;
}

nav li {
  float: left;
  margin-right: 45px;
}

nav li a:hover {
  border-bottom: 3px solid black;
}

#side_nav {
  width: 160px;
  height: 180px;
  float: right;
  padding-top: 15px;
  text-align: right;
  font-size: 1em;
  line-height: 1.0em;
}

#social_nav {
  height: 40px;
  padding-top:42px;
}

#social_nav li {
  float: right;
  margin-left: 5px;
}

#social_nav li img {
  max-width: 100%;
}

.breadcrumbs {
  width: 100%;
  height: 37px;
  text-align: right;
  font-size: 0.85714em;
  line-height: 1.4em;
  font-weight: bold;
}

#wrapper.product .breadcrumbs > span:nth-of-type(2),
#wrapper.product .breadcrumbs > span:nth-of-type(3){
  /*display: none;*/
}


/*Category*/
.category {
  /*z-index: 99;*/
  /*position: absolute;*/
  /*top: 15px;*/
  /*left: 0;*/
  /*width: 90px;*/
  /*height: 15px;*/
}

.c_atelier {
  background-image: url("image/popup_atelier.png?1423553159");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_plantation {
  background-image: url("image/popup_plantation.png?1423553197");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_grenier {
  background-image: url("image/popup_grenier.png?1423553214");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_marie {
  background-image: url("image/popup_marie.png?1423553175");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_morihico {
  background-image: url("image/popup_morihico.png?1423553139");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_allshop {
  background-image: url("image/popup_allshop.png?1423553241");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_onlineshop {
  background-image: url("image/popup_onlineshop.png");
  background-repeat: no-repeat;
  background-position: left top;
}

.c_news {
  top: 0px;
}

/*Footer Common*/
footer {
  width: 100%;
  height: 350px;
  padding-top: 80px;
  background-color: #231815;
  color: white;
}

footer ul {
  width: 1070px;
  height: 250px;
  margin: 0 auto;
}

footer a {
  color: white;
}

#footer_logo {
  float: left;
  width: 350px;
  padding-top: 100px;
}

.site_map {
  float: left;
  width: 260px;
  margin-left: 100px;
  font-size: 1.28571em;
  font-family: 'Montserrat', sans-serif;
  line-height: 2.64444em;
}

#copyright {
  height: 30px;
  margin-top: 50px;
  font-size: 0.85714em;
  line-height: 1.6em;
  width: 100%;
}
/*  line-height: 2.33333em;*/
#copyright p {
  text-align: center;
}

/*EVENT*/
#event_catalog {
  width: 100%;
  padding-bottom: 30px;
}
#event_catalog h2 {
  padding-bottom: 40px;
  padding: .5em 0 .5em .75em;
  margin-bottom: 40px;
  border-left: 4px solid #CCC;
  line-height: 1.0;
}

#event_catalog h2 .web-fonts {
  font-family: 'Open Sans', sans-serif;
  /* font-family: 'Source Sans Pro', sans-serif; */
  font-size: 36px;
  font-weight: 700;
}

.event_post {
  width: 330px;
  height: 260px;
  margin: 0 10px 30px 0;
  float: left;
  position: relative;
}

.event_post:nth-of-type(3n) {
  width: 330px;
  height: 260px;
  margin: 0 0 30px 0;
  float: left;
}

.event_photo {
  width: 330px;
  height: 175px;
  position: relative;
}
.event_photo img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 330px;
  height: 160px;
  max-width: 100%;
}

.event_pop {
  z-index: 99;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 74px;
  height: 39px;
}
.event_pop img {
  width: 74px;
  height: 39px;
}

.event_date {
  margin: 10px 0 5px 0;
  width: 100%;
  height: 20px;
  color: gray;
  font-size: 1em;
  line-height: 1.2em;
}

.event_description {
  width: 100%;
  height: 50px;
  font-size: 1em;
  line-height: 1.2em;
}


@media screen and (min-width: 768px) and (max-width: 1050px){
  .event_post{
    max-width: 330px;
    width: 30%;
    height: auto;
    margin-right: 0;
  }
  .event_post:nth-of-type(3n){
    width: 30%;
    height: initial;
    margin-right: 0;
  }
  .event_post:not(:nth-of-type(3n+1)){
    margin-left: 3em;
  }
  .event_photo{
    max-width: 330px;
    width: 100%;
    height: auto;
  }
  .event_photo img {
    position: static;
    width: initial;
    height: initial;
  }
  .event_pop {
    top: -20px;
  }
  .event_photo span.category {
    top: 0px;
  }
}



/*NEWS PAPER*/
#newspaper {
  width: 100%;
  /*overflow: auto;*/
  overflow: hidden;
}
#newspaper h2 {
  /*padding-bottom: 45px;*/
  padding: .5em 0 .5em .75em;
  margin-bottom: 40px;
  border-left: 4px solid #CCC;
  line-height: 1.0;
}

#newspaper h2 .web-fonts{
  font-family: 'Open Sans', sans-serif;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  font-size: 36px;
  font-weight: 700;
}

#left_bloc {
  width: 780px;
  float: left;
  margin-right: 60px;
}

.post_news {
  width: 100%;
  overflow: auto;
}

.post_meta {
  width: 100px;
  margin-right: 30px;
  float: left;
}

.post_date {
  width: 100%;
  border-top: 2px solid black;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
  background-image: url('image/border_category.png?1424524686');
  background-repeat: no-repeat;
  background-position: bottom left;
}

.post_category {
  padding: 25px 0;
  background-image: url('image/border_category.png?1424524686');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.post_category p {
  width: 90px;
  height: 15px;
}

.post_tag {
  padding-top: 25px;
  width: 100%;
}
.post_tag p {
  font-size: 1.14286em;
  line-height: 1.225em;
  color: #979797;
  margin-bottom: 10px;
}
.post_tag ul li {
  font-size: 0.85714em;
  line-height: 1.63333em;
  font-weight: bold;
}

#newspaper .wp-pagenavi{
  padding: 30px 0;
  text-align: center;
}

#newspaper .postnavi{
  padding: 30px 0;
  text-align: center;
}

#newspaper .postnavi > span{
  padding: 0 30px;
}

.main_column {
  width: 650px;
  float: left;
  padding-top: 17px;
  padding-bottom: 60px;
  border-top: 2px solid black;
}
.main_column h3 {
  font-size: 1.57143em;
  line-height: 1.27273em;
  font-weight: normal;
}
.main_column img {
  max-width: 650px;
  height:auto;
  margin: 30px 0;
}

.main_column #gallery-1 img{
  border: 1px solid #cfcfcf;
}

.main_column p {
  font-size: 1em;
  line-height: 1.8em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.main_column .post-content p{
  margin-bottom: 15px;
}

p a.more-link {
  width:105px;
  height:15px;
  padding:0 53px;
  background-image: url("image/read_more.png");
  background-repeat: no-repeat;
  background-position: left top;
}

#right_bloc {
  width: 166px;
  float: right;
}
#right_bloc h4 {
  border-top: 2px solid black;
  padding-top: 20px;
  padding-bottom: 25px;
  font-size: 1.57143em;
  line-height: 1.27273em;
}

.side_category {
  width: 100%;
  margin-bottom: 60px;
  font-weight: bold;
}

.side_category li {
  height: 20px;
  padding-left: 12px;
  margin-bottom: 3px;
}

.side_category li > a{
  display: inline-block;
  line-height: 1.7;
}

.side_category li:nth-child(1) {
  border-left: 8px solid #755E43;
}
.side_category li:nth-child(2) {
  border-left: 8px solid #52ABBD;
}
.side_category li:nth-child(3) {
  border-left: 8px solid #458239;
}
.side_category li:nth-child(4) {
  border-left: 8px solid #393433;
}
.side_category li:nth-child(5) {
  border-left: 8px solid #EE7400;
}
.side_category li:nth-child(6) {
  border-left: 8px solid #AB8420;
}
.side_category li:nth-child(7) {
  border-left: 8px solid #E72C3C;
}
.side_category li:nth-child(8) {
  border-left: 8px solid #2c7ae7;
}
.side_category li:nth-child(9) {
  border-left: 8px solid #c8b81e;
}
.side_category li:nth-child(10) {
  border-left: 8px solid #009688;
}
.side_category li:nth-child(11) {
  border-left: 8px solid #607D8B;
}


.side_newentry {
  width: 100%;
  margin-bottom: 60px;
}
.side_newentry p {
  margin-bottom: 25px;
}

.side_tag {
  width: 100%;
}
.side_tag ul li {
  font-size: 0.85714em;
  line-height: 1.63333em;
  font-weight: bold;
}

#newspaper.archive .post-content{
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 180px;
  margin-bottom: 25px;
}

#newspaper.archive .post-content:not(:nth-child(4n+1)){
  /*margin-left: 2.5%;*/
}

#newspaper.archive .category{
  z-index: 99;
  position: absolute;
  left: 0;
  display: inline-block;
  width: 110px;
  height: 15px;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}

#newspaper.archive .category.category.n_morihiconews{
  background-color: #755E43;
}

#newspaper.archive .category.category.n_release{
  background-color: #52ABBD;
}

#newspaper.archive .category.category.n_event{
  background-color: #458239;
}

#newspaper.archive .category.category.n_column{
  background-color: #393433;
}

#newspaper.archive .post-content .eyecatch{
  position: relative;
}

#newspaper.archive .wp-pagenavi{
  margin-top: 60px;
}


@media screen and (min-width: 768px) and (max-width: 1050px){
  #newspaper{
    padding-bottom: 60px;
  }
  #left_bloc{
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  .post_meta{
    width: 100%;
    margin-right: 0;
    padding-bottom: 15px;
  }
  .post_date{
    background-image: none;
  }
  .post_category{
    padding: 0 0;
    background-image: none; 
  }
  .main_column {
    width: 100%;
    float: none;
    border-top: transparent;
  }
  #right_bloc {
    width: 100%;
    float: none;
  }

}


/*ABOUT 一覧*/
#about_catalog {
  width: 100%;
}

#about_title {
  float: left;
  width: 310px;
  height: 245px;
  margin: 0 40px 0 0;
  font-size: 1.71429em;
  line-height: 1.75em;
}

#about_description {
  float: left;
  width: 660px;
  height: 245px;
  font-size: 1.08286em;/*1.14286em*/;
  line-height: 1.8375em;
}

.about_post {
  float: left;
  margin: 0 40px 40px 0;
  width: 310px;
  height: auto;
}
.about_post img {
  width: 310px;
  height: auto;
  border:1px solid #D5D5D5;/*#f2f2f2*/
}
.about_post h2 {
  font-size: 1.32857em;
  line-height: 1.12em;
  font-weight: normal;
  text-align:center;
}
.about_post p {
  margin: 10px 0;
  font-size: 1em;
  line-height: 1.6em;
}
.about_post p a {
  margin: 5px 0;
  color: #A28223;
  font-size: 0.85714em;
  line-height: 1.4em;
  font-weight: bold;
}
.about_post p a img {
  width: 105px;
  height: 15px;
}

.about_post:nth-of-type(3n+2) {
  margin: 0 0px 40px 0;
}


@media screen and (min-width: 768px) and (max-width: 1050px){
  #about_title {
    width: 100%;
    max-width: 240px;
  }
  #about_description {
    width: 100%;
    max-width: 440px;
  }
  .about_post{
    margin-right: 0;
  }  
}

@media screen and (min-width: 768px) and (max-width: 1009px){
  .about_post:nth-of-type(odd){
    margin-right: 8em;
  }

}

@media screen and (min-width: 1010px) and (max-width: 1050px){
  .about_post:not(:nth-of-type(3n)){
    margin-right: 1em;
  }

}


/*ABOUT 詳細*/
#about_article {
  width: 100%;
}
#about_article h2 {
  font-size: 2.57143em;
  line-height: 1.16667em;
  font-weight: normal;
  margin-bottom: 75px;
}
#about_article h3 {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-bottom: 30px;
}
#about_article p {
  text-align: justify;
  text-justify: inter-ideograph;
}

#italic_number {
  font-style: italic;
  margin-bottom: 40px;
}

.about_wrapper {
  clear: both;
}

.about_left {
  width: 490px;
  min-height: 550px;
  float: left;
  margin-bottom: 120px;
  font-size: 1em;
  line-height: 2.4em;
}
.about_left img {
  width: 425px;
  height: 425px;
}

.about_right {
  width: 490px;
  min-height: 550px;
  float: right;
  margin-bottom: 120px;
  font-size: 1em;/*1.07143em*/
  line-height: 2.4em;/*2.24em*/
}
.about_right img {
  width: 425px;
  height: auto;
  margin: 0 0 10px 65px;
}

@media screen and (min-width: 768px) and (max-width: 1050px){
  #about_article{
    /*overflow: auto;*/
    position: relative;
  }
  .about_left{
    width: 45%;
    min-height: initial;
  }
  .about_left img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .about_right {
    width: 50%;
    min-height: initial;
  }
  .about_right img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
  }
  .about_right .about-thanks{
    /*position: absolute;*/
  }

}


/*SHOP 一覧*/
#shop_catalog {
  width: 100%;
  /*min-height: 800px;*/
  overflow: auto;
}

.shop_post {
  /*float: left;*/
  margin: 0 40px 40px 0;
  width: 310px;
  /*height: 365px;*/
}
.shop_post h2 {
  padding: 7px 0 0 0;
  height: 30px;
  font-size: 1.42857em;
  line-height: 1.12em;
  font-weight: bold;
}
.shop_post p {
  margin: 3px 0 10px 0;
  font-size: 0.85714em;
  line-height: 1.51667em;
}
.shop_post p a {
  margin: 5px 0;
  color: #A28223;
  font-size: 0.85714em;
  line-height: 1.4em;
  font-weight: bold;
}

.shop_post:nth-child(3n) {
  margin: 0 0px 40px 0px;
}

.shop_photo {
  width: 310px;
  height: 185px;
  overflow:hidden;
}

.shop_photo img {
  width: 100%;
  height: auto;
}

#shop_catalog > div.cafe,
#shop_catalog > div.jb,
#shop_catalog > div.shop,
#shop_catalog > div.pastry,
#shop_catalog > div.restaurant{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
}

#shop_catalog > div.cafe::before,
#shop_catalog > div.jb::before,
#shop_catalog > div.shop::before,
#shop_catalog > div.pastry::before,
#shop_catalog > div.restaurant::before{
  content: "";
  display: block;
  width: 100%;
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.0;
}


#shop_catalog > div.cafe::before{
  content: "カフェ";
  height: 60px;
  background: url(img/shop-info-logo1.png) no-repeat 0px 38px;
}

#shop_catalog > div.jb::before{
  content: "カフェ";
  height: 60px;
  background: url(img/shop-info-logo2.png) no-repeat 0px 37px;
}

#shop_catalog > div.shop::before{
  content: "ビーンズショップ";
  height: 60px;
  background: url(img/shop-info-logo3.png) no-repeat 0px 38px;
}

#shop_catalog > div.pastry::before{
  content: "パティスリー&カフェ";
  height: 68px;
  background: url(img/shop-info-logo4.png) no-repeat 0px 38px;
}

#shop_catalog > div.restaurant::before{
  content: "レストラン";
  height: 68px;
  background: url(img/shop-info-logo5.png) no-repeat 0px 38px;
}



@media screen and (min-width: 768px) and (max-width: 1050px){
  #wrapper.page.morihico{
    overflow: auto;
  }
  #shop_catalog{
    min-height: initial;
  }
  .shop_post{
    margin-right: 0;
  }  
}

@media screen and (min-width: 768px) and (max-width: 1009px){
  .shop_post:nth-of-type(odd){
    margin-right: 8em;
  }

}

@media screen and (min-width: 1010px) and (max-width: 1050px){
  .shop_post:not(:nth-of-type(3n)){
    margin-right: 1em;
  }
}




/*SHOP 詳細*/
#shop_article {
  width: 100%;
}
#shop_article h2 {
  /*height: 60px;*/
  margin-bottom: 25px;
  padding: 0;
  height: auto;
  font-family: 'Noto Sans JP', sans-serif;
  /* font-family: 'M PLUS 1p', sans-serif; */
  font-weight: 700;
  line-height: 1.0;
}
#shop_article h3 {
  font-size: 1.92857em;
  line-height: 1.55556em;
  font-weight: normal;
  /*height: 60px;*/
  margin-bottom: 30px;
}
#shop_article h4 {
  font-size: 1.07143em;
  line-height: 0.93333em;
  font-weight: bold;
  height: 30px;
  width: 430px;
  border-bottom: 1px solid #231815;
}

#shop_article h5 {
  height: 23px;
}

#shop_movie {
  /*width: 1010px;*/
  /*height: 568px;*/
  /*overflow: hidden;*/
}

#shop_left {
  width: 490px;
  /*min-height: 893px;*/
  float: left;
  margin-top: 65px;
  margin-bottom: 0px;
}
#shop_left img {
  width: 425px;
  height: 425px;
}

.page.mh #shop_left #shop_description img {
  width: auto;
  height: auto;
}

#shop_description {
  width: 100%;
  height: 440px;
}

.page.morihico-staycoffee #shop_description,
.page.renga1909 #shop_description,
.page.mh #shop_description{
  height: auto;
}

#shop_description p {
  font-size: 1em;
  line-height: 1.9em;
}

#shop_description .banner-stay{
  margin: 20px 0 40px;
}

#shop_description .banner-stay img{
  width: 100%;
  max-width: 100%;
  height: auto;
}

#shop_info {
  /*width: 1010px;*/
  min-height: 400px;
}

#shop_info table {
  height: 190px;
  font-size: 1em;
  line-height: 1.8em;
  margin-top: 20px;
  margin-bottom: 30px;
}
#shop_info tr {
  height: 25px;
}
#shop_info td:nth-child(1) {
  vertical-align: top;
  width: 90px;
}
#shop_info td:nth-child(2) {
  vertical-align: top;
  width: 335px;
}

#shop_right {
  width: 490px;
  /*height: 893px;*/
  float: right;
  margin: 70px 0 0 0;
}

.shop-video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 50px;
}

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

.shop_image {
  width: 490px;
  /*height: 435px;*/
  overflow: hidden;
  margin-bottom: 50px;
}
.shop_image img {
  width: 490px;
  height: 350px;
}

#shop_map .googlemap{}

#shop_map .googlemap iframe{
  width: 100%;
  border: 1px solid #ccc;
}

#panorama {
  width: 100%;
  height: 33px;
  margin-bottom: 60px;
  padding-top: 10px;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
  text-align: center;
  font-size: 1.42857em;
  line-height: 1.12em;
  font-weight: bold;
}
#panorama img {
  margin-left: 20px;
}

#goto_shoplist {
  width: 140px;
  height: 30px;
  /*padding-top: 100px;*/
  /*float: left;*/
  text-align: left;
}

.shop-slider{margin-bottom: 100px;}
.shop-slider .bx-wrapper{
  margin-bottom: 10px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; 
  box-shadow: none;
  border: none;
}

.shop-slider .bx-wrapper .bx-controls-direction a{
  width: 20px;
}

.shop-slider .bx-wrapper .bx-prev {
  background: url(image/prev.png) no-repeat 0 0;
}

.shop-slider .bx-wrapper .bx-next{
  background: url(image/next.png) no-repeat 0 0;
}

.shop-slider .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: 0px 0;
}

.shop-slider .custom-thumb a{
  -webkit-flex: 0 0 9.5%;
  flex: 0 0 9.5%;
  position: relative;
}

.shop-slider .custom-thumb a:not(:last-child){
  /*margin-right: 5px;*/
}

.shop-slider .custom-thumb a > img{
  max-width: 100%;
  height: 100%;
}

.shop-slider .custom-thumb a.active::before{
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.70);
  display: block;
  height: 100%;
  width: 100%;
}

.shop-menu ul li{
  width: 19%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.shop-menu ul li:not(:first-of-type){
  margin-left: 10px;
}

.shop-menu ul li div.menu-img{
	margin-bottom: 10px;
}

.shop-menu ul li div.menu-img img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.shop-menu ul li p.menu-name{
	font-size: 13px;
  line-height: 1.5;
}

#shop_left.honten{margin-bottom: 60px;}
#shop_info table td.honten{position: relative;}

#shop_info table td.honten::before{
  content: ":";
  position: absolute;
  top: 0;
  left: 0;
}

#shop_info table td.honten div:not(:last-of-type){
  margin-bottom: 3px;
}

#shop_info table td.honten div > span{
  display: block;
  text-indent: 0.6em;
}

#shop_info table td.honten div > span.text2{
  color: #f00;
}


@media screen and (min-width: 768px) and (max-width: 1050px){
  #shop_article {
    overflow: auto;
  }
  #shop_article h3{
    height: initial;
  }
  #shop_movie{
    width: 100%;
    max-width: 1010px;
    height: initial;
  }
  #shop_movie iframe{
    width: 100%;
    max-width: 100%;
  }
  #shop_movie > img{
    width: 100%;
    max-width: 100%;
  }
  #shop_left {
    width: 50%;
    max-width: 490px;
  }
  #shop_info {
    width: 100%;
    max-width: 490px;
    min-height: initial;
  }
  #shop_article #shop_info h4{
    width: 100%; 
  }
  #shop_description{
    height: initial;
    margin-bottom: 60px;
  }
  #shop_right {
    width: 45%;
    max-width: 490px;
  }
  .shop_image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;  }
  .shop_image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #shop_map > img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #goto_shoplist {
    float: left;
    margin-top: 60px;
  }

}


/* 一覧を見る　つぶやく＆良いねボタン　*/
#tweets_like {
  padding-top: 30px;
  width: 100%;
  height: 20px;
}

.twitter-share-button {
  float: left;
}

.fb-like {
  float: left;
}

.view {
  width: 140px;
  float: right;
  text-align: right;
}

.view a {
  color: black;
  background-color: #FFF100;
  padding: 2px 15px;
  font-size: 0.85714em;
  line-height: 1.16667em;
}

.pd {
  padding-right: 30px;
}

/* LEFT WRAPPER -- NEWS PAPERとPICK UP ITEMを含む左側のwrapper800px */
#left_wrapper {
  width: 780px;
  float: left;
}
#left_wrapper h2 {
  padding: 0 0 0 25px;
}

/*Index NEWS PAPER*/
#news_paper {
  width: 100%;
  height: 540px;
}

#news_paper ul {
  width: 100%;
}

#title_news {
  width: 100%;
  height: 38px;
  background-image: url("image/border_news.png?1421637820");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 10px;
}

.news_post {
  float: left;
  width: 165px;
  height: 185px;
  position: relative;
  margin: 20px 30px 5px 0;
}

.news_post img {
  width: 165px;
  height: 120px;
}

.news_date {
  margin: 5px 0 0px 0;
  width: 100%;
  height: 20px;
  color: gray;
  font-size: 1em;
  line-height: 1.2em;
}

.news_description {
  width: 100%;
  height: 35px;
  font-size: 0.85714em;
  line-height: 1.4em;
  overflow: hidden;
}

/*Index PICK UP ITEM*/
#pickup {
  width: 100%;
  height: 920px;
}

#title_pickup {
  width: 100%;
  height: 39px;
  background-image: url("image/border_pickup.png?1421638004");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 20px;
}

.pickup_post {
  float: left;
  width: 175px;
  height: 255px;
  position: relative;
  margin: 0 20px 5px 0;
  text-align: center;
}

.pickup_photo {
  width: 175px;
  height: 175px;
  position: relative;
}

.pickup_photo img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 165px;
  height: 165px;
}

.pickup_description {
  margin-left: -8px;
  margin-top: 8px;
  width: 100%;
  height: 80px;
  font-size: 0.85714em;
  line-height: 1.4em;
}

.pickup_new {
  z-index: 99;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 39px;
}

.pickup_new img {
  width: 53px;
  height: 43px;
}

/* right wrapper -- SHOP LISTとTWEETSを含む右側のwrapper200px*/
#right_wrapper {
  width: 214px;
  float: right;
}
#right_wrapper h2 {
  padding: 0 0 0 25px;
}

/*Index TWEETS*/
#tweets {
  width: 195px;
  height: 345px;
  float: right;
}

#title_tweets {
  width: 100%;
  height: 35px;
  background-image: url("image/border_twitter.png?1421638004");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 30px;
}

/*Index FACEBOOK*/
#facebook {
  width: 195px;
  height: 305px;
  float: right;
  margin-bottom: 70px;
}

#title_facebook {
  width: 100%;
  height: 35px;
  background-image: url("image/border_facebook.png?1421638004");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 30px;
}

/*会社概要*/
.kaisya_post {
  width: 880px;
  min-height: 440px;
  margin: 0 auto;
  /*border-bottom: 1px solid #231815;*/
}
.kaisya_post p {
  height: 60px;
  padding-top: 30px;
}
.kaisya_post table {
  width: 100%;
  height: 300px;
  border: none;
  border-bottom: 1px solid #231815;
  border-collapse: collapse;
}
.kaisya_post tr {
  height: 60px;
  vertical-align: middle;
}
.kaisya_post td:nth-child(1) {
  font-weight: bold;
  width: 135px;
  padding-left: 30px;
  background-color: #F8F8F8;
  border-top: 1px solid #231815;
}
.kaisya_post td:nth-child(2) {
  width: 685px;
  padding-left: 30px;
  border-top: 1px solid #231815;
}

@media screen and (min-width: 768px) and (max-width: 930px){
  .kaisya_post{
    width: 100%;
    max-width: 880px;
  }
}


/*プライバシーポリシー*/
.pp_post {
  width: 880px;
  min-height: 440px;
  margin: 0 auto;
}
.pp_post p {
  height: 60px;
  padding-top: 30px;
}
.pp_post table {
  width: 100%;
  height: 1300px;
  margin-bottom: 60px;
  border: none;
  border-bottom: 1px solid #231815;
  border-collapse: collapse;
}
.pp_post tr {
  vertical-align: middle;
}
.pp_post td:nth-child(1) {
  font-weight: bold;
  width: 200px;
  border-top: 1px solid #231815;
  padding: 20px 0;
  font-size: 1.07143em;
  line-height: 1.77333em;
}
.pp_post td:nth-child(2) {
  width: 690px;
  border-top: 1px solid #231815;
  padding: 20px 0;
  font-size: 1em;
  line-height: 1.9em;
}

@media screen and (min-width: 768px) and (max-width: 930px){
  .pp_post{
    width: 100%;
    max-width: 880px;
  }
}


/*RECRUIT*/
.rec_post {
  width: 880px;
  margin: 30px auto;
  /*margin-bottom: 100px;*/
  overflow: auto;
}

.rec_post p {
  /*height: 60px;*/
}

.rec_post .contact-btn{
  display: block;
  margin-bottom: 20px;
}

.rec_post .contact-btn span{
  /*margin-left:30px;*/
  /*padding-top:10px;*/
  /*padding-bottom: 10px;*/
  display:block;
  margin-bottom:10px;
}

.rec_post .contact-btn a{
  /*display:block;*/
  display: inline-block;
  /*width:150px;*/
  max-width: 100%;
  padding:10px 20px;
  line-height: 1.0;
  text-align:center;
  border:1px solid #231815;
  color:#231815;
  /*float:left;*/
  /*margin-bottom:15px;*/
  vertical-align: middle;
  word-break: break-all;
}

.rec_post .contact-btn a:hover{
  background-color:#231815;
  color:white;
}

.rec_post .contact-btn br{
  display: none;
}

.rec_photo {
  width: 325px;
  float: left;
}
.rec_photo img {
  width: 230px;
  height: 160px;
}

.rec_description{
  float: left;
  width: 550px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #231815;
}

.rec_description.rec_3{
  border-bottom: transparent;
}

.rec_description h3{
  font-size: 1.57143em;
  line-height: 1.90909em;
  margin-bottom: 40px;
  font-weight: normal;
}
.rec_description p {
  font-size: 1em;
  line-height: 2em;
}

.rec_1 {
  height: 430px;
}

.rec_2 {
  /*height: 370px;*/
}

.rec_3 {
  /*height: 530px;*/
}

#jobsense {
  display:block;
  float:right;
  width:550px;
  /*height:250px;*/
}
#jobsense a {
  /*display:block;*/
  display: inline-block;
  width:150px;
  padding:10px 5px;
  text-align:center;
  border:1px solid #231815;
  color:#231815;
  /*float:left;*/
  /*margin-bottom:15px;*/
  vertical-align: middle;
  word-break: break-all;
}

#jobsense a:hover {
  background-color:#231815;
  color:white;
}

#jobsense span {
  margin-left:30px;
  /*padding-top:10px;*/
  /*padding-bottom: 10px;*/
  display:inline-block;
  margin-bottom:20px;
}

.recruit-movie{
  margin: 30px auto 90px;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 930px){
  .rec_post{
    width: 100%;
    max-width: 880px;
  }
  .rec_photo{
    width: 100%;
    max-width: 300px;
  }
  .rec_description{
    width: 100%;
    max-width: 420px;
    height: 100%;
  }
  #jobsense{
    width: 100%;
    max-width: 420px;
  }
}


/*WHOLE SALE*/
#wholelink a {
  display:block;
  width:100px;
  padding:5px;
  text-align:center;
  border:1px solid #231815;
  color:#231815;
  float:left;
  margin-bottom:15px;
}

#wholelink a:hover {
  background-color:#231815;
  color:white;
}
.whole_post {
  width: 880px;
  margin: 30px auto;
  margin-bottom: 80px;
}
.w_1 {
  border-bottom: 1px solid #231815;
}

.w_2 {
  border-bottom: 1px solid #231815;
}

.whole_photo {
  width: 325px;
  float: left;
}
.whole_photo img {
  width: 230px;
  height: 160px;
}

.whole_description {
  float: left;
  width: 550px;
  padding-bottom: 30px;
}
.whole_description h4 {
  font-size: 1.57143em;
  line-height: 0.63636em;
  margin-bottom: 40px;
  font-weight: normal;
}
.whole_description p {
  font-size: 1em;
  line-height: 2em;
}
.whole_description span {
  margin-left: -10px;
  font-size: 1.42857em;
  line-height: 2.45em;
}
.whole_description table {
  width: 100%;
  height: 530px;
  border: none;
  border-collapse: collapse;
  margin-bottom: 60px;
}
.whole_description tr {
  vertical-align: top;
}
.whole_description td:nth-child(1) {
  width: 260px;
  border-top: 1px solid #231815;
  padding: 9px 0;
  font-size: 1.5em;
  line-height: 1.26667em;
}
.whole_description td:nth-child(2) {
  width: 300px;
  border-top: 1px solid #231815;
  padding: 9px 0;
  font-size: 1em;
  line-height: 1.9em;
}

@media screen and (min-width: 768px) and (max-width: 930px){
  .whole_post{
    width: 100%;
    max-width: 880px;
  }
  .whole_photo {
    width: 100%;
    max-width: 300px;
  }
  .whole_description{
    width: 100%;
    max-width: 420px;
  }
}

/*CONTACT お問い合わせ*/
#contactform {
  width: 620px;
  margin: 0 auto;
  font-size: 1em;
  line-height: 2em;
}
#contactform p {
  margin-bottom: 30px;
}
#contactform table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  text-align: left;
}
#contactform th {
  vertical-align: middle;
  padding: 15px 0;
  font-weight: normal;
}
#contactform td {
  padding: 15px 0;
  overflow: hidden;
}
#contactform p#contact_submit {
  width: 200px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
#contactform p#contact_submit button,
#contactform p#contact_submit input {
  color: #231815;
  background-color: white;
  padding: 10px 60px;
  border: 1px solid #231815;
  font-size: 1.14286em;
  line-height: 0.875em;
}
#contactform p#contact_submit button:hover,
#contactform p#contact_submit input:hover {
  color: white;
  background-color: #231815;
}
#contactform input, #contactform select, #contactform textarea {
  border: none;
  background-color: #E0E1E1;
  padding: 10px;
  font-size: 1em;
  line-height: 1.6em;
  font-weight: normal;
}
#contactform input {
  width: 100%;
}
#contactform textarea {
  width: 100%;
  height: 170px;
}
#contactform th#whatselect {
  overflow: hidden;
}
#contactform #whatselect > select {
  width: 105%;
}
#contactform span.equired{
  margin-left: 5px;
  color: #cc0707;
  font-size: 18px;
  vertical-align: middle;
}
#contactform .form_btn{
  padding: 30px 0;
}
#contactform .form_btn > div{
  width: 200px;
  margin: 0 auto 20px;
}
#contactform .form_btn input {
  color: #231815;
  background-color: white;
  padding: 10px 60px;
  border: 1px solid #231815;
  font-size: 1.14286em;
  line-height: 0.875em;
}
#contactform .form_btn input:hover {
  color: white;
  background-color: #231815;
}
#contactform .captcha{
	width: 300px;
	margin: 0 auto 15px;
}


/* 20180911 */
/*recruit*/
.recruit-hero{
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
}

.recruit-hero .hero-img{
  position: relative;
}

.recruit-hero .hero-img img{
  max-width: 100%;
  height: auto;
  display: block;
}

.recruit-hero .hero-img div.text1{
  position: absolute;
}

.recruit-hero .btn{
  background-color: #fed900;
  text-align: center;
}

.recruit-hero .btn > a{
  display: block;
  padding: 40px 0px;
}

.recruit-hero .btn-fixed{
  display: block;
  position: fixed;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 9999;
  opacity: 0;
  transition: all 0.65s;
}

.recruit-hero .btn-fixed.active{
  opacity: 1;
  transition: all 0.65s;
}

#page-top.recruit{
  bottom: 25%;
}

footer.recruit{
  padding-bottom: 8.45%;
}

.message-box1{
  margin-bottom: 200px;
  text-align: center;
}

.message-box1 > p{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}

.message-box1 div.text1{
  max-width: 200px;
  margin: 0 auto;
  margin-top: 120px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: left;
}

.recruit-link{
  margin-bottom: 180px;
}

.recruit-link > div.flex-box{
  margin-bottom: 80px;
}

.recruit-link > div.flex-box > div{
  margin: 0 15px;
}

.recruit-link .btn1{
  text-align: center;
}

.recruit-content1{
  padding-top: 10px;
  background: url(img/recruit-bg1.png) no-repeat 0 0;
}

.recruit-content1-box{
  padding-bottom: 60px;
  background-color: #fed900;
}

.recruit-content1-box .img1{
  padding-top: 150px;
  padding-bottom: 100px;
  text-align: center;
}

.recruit-content1-box > div.flex-box{
  max-width: 780px;
  margin: 0 auto 100px;
}

.recruit-content1-box > div.flex-box > div{
  margin: 0 20px 50px;
}

.recruit-content1-box .recruit-movie,
.recruit-interview-list .recruit-movie{
  -webkit-flex: 0 0 43%;
  flex: 0 0 43%;
  max-width: 450px;
}

.recruit-content1-box .recruit-movie iframe,
.recruit-interview-list .recruit-movie iframe{
  max-width: 100%;
}


.recruit-content1-box .link-type1{
  margin-bottom: 60px;
}

.recruit-content1 .btn1{
  margin-top: 90px;
  margin-bottom: 180px;
  text-align: center;
}

.recruit-content2-box{
  padding-top: 215px;
  padding-bottom: 180px;
  background: url(img/recruit-bg2.png) no-repeat 0 0 #fffcdb;
  text-align: center;
}

.recruit-content2-box > .img1{
  margin-bottom: 80px;
}

.recruit-content2-box > .img2{
  margin-bottom: 160px;
}

.recruit-business-type1 > .img1{margin-bottom: 90px;}
.recruit-business-type1 > .img2{margin-bottom: 90px;}
.recruit-business-type1 > .img3{margin-bottom: 80px}
.recruit-business-type1 > .img4{margin-bottom: 120px}

.recruit-business-type1 > div.flex-box{
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  margin-bottom: 80px;
}

.recruit-business-type1 > div.flex-box > div{
  margin: 0 35px;
}

.recruit-content2 .btn1{
  margin-top: 120px;
  margin-bottom: 120px;
  text-align: center;
}

#wrapper.page.recruit #containt h2, #wrapper.page #containt.recruit h2 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}

.recruit-interview-content .addtoany_content{
  display: none;
}

.recruit-interview-content{
  padding-top: 10px;
  background: url(img/recruit-bg1.png) no-repeat 0 0;
  text-align: center;
}

.recruit-interview-content > div{
  padding-top: 120px;
  padding-bottom: 90px;
  background-color: #fed900;
}

.recruit-interview-content .img1{
  margin-bottom: 50px;
}

.recruit-interview-person{
  margin-bottom: 120px;
}

.recruit-interview-content .interview-text-type{
  max-width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}

.recruit-interview-content .interview-text-type .text-q{
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  margin-bottom: 50px;
  padding: 7px 10px;
  width: 100%;
  /*min-width: 280px;*/
  /*max-width: 100%;*/
  color: #555;
  font-size: 16px;
  background: #fff;
  border: solid 3px #fff;
  box-sizing: border-box;
}

.recruit-interview-content .interview-text-type .text-q:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid transparent;
  z-index: 2;
}

.recruit-interview-content .interview-text-type .text-q:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #fff;
  z-index: 1;
}

.recruit-interview-content .interview-text-type .text-a{
  text-align: left
}

.recruit-interview-list > div{
  margin-bottom: 100px;
  text-align: center;
}

.recruit-interview-list > div:not(.btn1){
  padding-bottom: 100px;
  background-color: #fed900;
}

.recruit-interview-list div.link-type1{
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 60px;
}

.recruit-interview-list div.img1{
  margin-bottom: 140px;
  padding: 30px 0;
  background-color: #000;
  text-align: center;
}

.recruit-interview-list .movie-box{
  margin-top: 100px;
  margin-bottom: 100px;
}

@media screen and (min-width: 767px) and (max-width: 960px){
  .recruit-hero .btn{
    /*width: 100px;*/
    /*right: 0px;*/
  }
}


/*　復興支援ページ */
.page.charity #containt > h2{
  margin-bottom: 60px;
}

.charity_post > p.summary-text1{
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 2.0;
  text-align: center;
}

.charity_post > p.summary-text1 > span{
  border-bottom: 2px solid #000;
}

.charity_post > p.summary-text2{
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
}

.charity_post div.item-block{
  margin-bottom: 100px;
  border: 3px solid #000
}

.charity_post div.desc-text{
  padding: 50px 25px;
  color: #fff;
  background-color: #000;
  line-height: 1.0;
  text-align: center;
}

.charity_post div.desc-text > p:nth-child(1){
  margin-bottom: 30px;
  font-size: 20px;
}

.charity_post div.desc-text > p:nth-child(2){
  font-size: 16px;
}

.charity_post .item-block > .item-inner{padding: 60px;}
.charity_post .item-block > .item-inner > .item{padding: 60px 0;}

.charity_post .item-block > .item-inner >.item:not(:last-of-type){
  border-bottom: 2px dotted #000;
}

.charity_post .item-block > .item-inner > .item > div{
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}

.charity_post .item-block > .item-inner > .item > div.thum img{
  max-width: 100%;
  height: auto;
}

.charity_post .item-block > .item-inner > .item > div.thum ul li{
  margin-bottom: 5px;
}

.charity_post .item-block > .item-inner > .item > div.desc{
  padding: 0 40px;
}

.charity_post .item-block > .item-inner > .item > div.desc > .itemname{
  position: relative;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 3px solid #000;
}

.charity_post .item-block > .item-inner > .item > div.desc > .itemname .circle{
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 18px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  background-color: #000;
}

.charity_post .item-block > .item-inner > .item > div.desc > .itemname .circle > span{
  width: 70px;
  line-height: 1.2;
  text-align: center;
}

.charity_post .item-block > .item-inner > .item > div.desc > .itemname br{display: none;}

.charity_post .item-block > .item-inner > .item > div.desc > .itemname .price > span{
  font-size: 14px;
}

.charity_post .item-block > .item-inner > .item > div.desc > .text1{
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
} 

.charity_post .item-block > .item-inner > .item > div.desc > .capacity{
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.3;
}

.charity_post .item-block > .item-inner > .item > div.desc ul{
  margin-top: 10px;
}

.charity_post .item-block > .item-inner > .item > div.desc ul li{margin-bottom: 5px;}
.charity_post .item-block > .item-inner > .item > div.desc ul li > span{text-indent: 1em;}

.charity_post .item-block > .item-inner > .item > div.desc > .btn a{
  display: block;
  max-width: 300px;
  padding: 8px 15px;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
  background-color: #000;
  text-align: center;
  line-height: 1.0;
}

.charity_post div.logo{text-align: center;}


/* With MORIHICO */
#withmorihico h2 {
  /* padding-bottom: 45px; */
  padding: .5em 0 .5em .75em;
  margin-bottom: 30px;
  border-left: 4px solid #CCC;
  line-height: 1.0;
}

#withmorihico h2 .web-fonts {
  font-family: 'Open Sans', sans-serif;
  /* font-family: 'Source Sans Pro', sans-serif; */
  font-size: 36px;
  font-weight: 700;
}

#withmorihico > h2 + p {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 1.5;
}

#withmorihico_catalog{
  width: 100%;
  /*min-height: 800px; */
  overflow: auto;
  margin-bottom: 100px;
  padding-bottom: 100px;
}

#withmorihico_catalog.thum-block > ul > li{
  -webkit-flex: 0 0 30%;
  flex: 0 0 30%;
  margin-bottom: 50px;
  padding-bottom: 50px;
  text-align: center;
}

#withmorihico_catalog.thum-block > ul > li img{
  max-width: 100%;
  height: auto;
}

#withmorihico_catalog.thum-block > ul > li:not(:nth-of-type(3n+1)){
  margin-left: 3.75em; 
}

#withmorihico_catalog.thum-block .eyecatch{margin-bottom: 20px;}
#withmorihico_catalog.thum-block p.date-text{
  margin-bottom: 15px;
}

#withmorihico_article{
  width: 100%;
  /*min-height: 800px; */
  overflow: auto;
  margin-bottom: 100px;
  padding-bottom: 100px;
}