@charset "UTF-8";
.module_sample pre{display:block;}
.tab__item,
.mordal_button,
.button_search{cursor:pointer;}
.tb__gn{display:none;}
body {
  /*width: 1200px;  一時コメントアウト*/
  width:100%;
  min-width:1000px;
  color: #333333;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',YuGothic, '游ゴシック',Meirio,"メイリオ",sans-serif;
  font-size: 14px;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top:120px;
}
header{line-height:1.5;}
ol,ol li{list-style:decimal;}
.item_list li p.item_list__title{padding:10px 0 0 0; /*font-size:17px;*/}
.item_list li p.item_list__text{padding:5px 0 20px 0; min-height:50px; font-size:12px;}
.fyt_top .item_list li p.item_list__text{padding:0; min-height:50px; font-size:12px;}
.sp_sns_lists,.sp_sns_lists__common{display:none;}
.sp_detail_icons{display:none;}
.unit .slider_lay{display:none;}
.sp_slider_lay{display:none;}
.sp_slider_wrapper{
	display:none;
}
.slider_wrapper{
	display:block;
}

.thumbnail_updown__multicolumn__item:hover{opacity:0.6;}
.global_sub a:hover{text-decoration:underline;}


/** Aタグ ***********************************/
#information a:hover,
footer a:hover,
article a:hover{text-decoration:underline;}
.button:hover,.button_progress:hover,.buttun_inline:hover{text-decoration:none;}
a:not(.thumbnail_updown__multicolumn__item a) img:hover{opacity:0.6;}
#topics a:hover{opacity:0.6; text-decoration:underline;}

.list__navi li a:hover{background:#f7f6f2;}
.list__navi li li a:hover{background:#fff; text-decoration:underline;}

/** マウスカーソル *************************************/
.button, .button_progress,.button_inline{
	font-size:13px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',YuGothic, '游ゴシック',Meirio,"メイリオ",sans-serif;
}
button{cursor:pointer;}


/*20170703削除　MAPPLE
li.navi_global__item>a:hover{
	padding-bottom:10px;
	border-bottom:2px solid #333;
}*/
li.navi_global__item.active>a{
  padding-bottom:10px;
  border-bottom:2px solid #333;
}
.slider_lay{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.3);
}
.slider_lay a{
	display:block;
	width:500px;
	height:50px;
	position:absolute;
	bottom:42%;
	text-align:center;
	color:#fff;
}
.bn_right .slider_lay a{
	left:-200px;
	transform: rotate(-90deg);
}
.bn_left .slider_lay a{;
	right:-200px;
	transform: rotate(90deg);
}

button,select,input{font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',Meirio,"メイリオ",sans-serif;}
.hamburger,.local_navi_clone,.clone_navi,.sp_gnavi_wrapper{display:none;}
.hamburger{
	width:25px;
	height:23px;
	background:url("../img/hamburger.png") no-repeat;
	background-size:cover;
}
.title_hide {
  display: none; }
.allergy_table__item_name span{display:none;}
a {
  color: #333333;
  text-decoration: none; }

a {
  color: #333333;
  text-decoration: none; }
a.button,
.button a{color:#fff;}
.button {
  text-align: center;
  padding: 0 30%;
  margin:0 auto;
}
.button .button_progress{
  width:100%;
  clear:both;
}
.button_progress{margin-bottom:15px;}
.button_progress a{
	color:#fff;
	display:block;
	text-align:center;
}
.button_progress a:hover{
  opacity: 0.8;
}
.list_table__item .button_progress:nth-child(1){
	width:49% !important;
	float:left !important;
	clear:none !important;
}
.list_table__item .button_progress:nth-child(2){
	width:48% !important;
	float:right !important;
	clear:none !important;
}
.button_inline{
   display:inline-block;
   background:#301d0f;
   color:#fff;
   padding: 12px 20px;
   box-shadow:1px 2px 2px rgba(0,0,0,0.3);
   -o-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
   -ms-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
   -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
   -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
}

.button_progress {
	clear:both;
  display: block;
  background:#301d0f;
  color:#fff;
/* 2016/12/26 昭文社*/
  margin-top:20px;
 /* border: 1px solid #333333;*/
  padding: 12px 0;
  box-shadow:1px 2px 2px rgba(0,0,0,0.3);
  -o-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
  -ms-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
  width: 80%; }
.button_line{margin-bottom:10px;}
.button_wrap{margin-bottom:30px;}
.button_pdf {
    display: inline-block;
    background:#fff;
    color:#333;
	border: 1px solid #333;
    padding: 10px 0;
	 clear:left;
    box-shadow:1px 2px 2px rgba(0,0,0,0.3);
    -o-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
    -ms-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
    width: 80%;
	 vertical-align:middle;
	 text-align:left;
	 line-height:2;
 }
.button_pdf:before {
	content:".";
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-left:5%;
	margin-right:15px;
	color:#fff;
	background:url("../img/pdf_icon.png") no-repeat;
}
 .button_inline:hover {
   background: #533a27;
   color: #fff; }
.button_progress:hover {
  background: #533a27;
  color: #fff; }

.page_title {
  font-size: 19px;
  font-weight: normal;
  /*border-top: 1px solid #848381;*/
  background-color: #f7f6f2;
  line-height: 1.0em;
  padding:28px 200px 28px 20px;
  position: relative; }
#recruit section#shop_title,
.multilingual~section#shop_title{margin-top:0px;}

/** 多言語の場合ボタンを左寄せにする **/
.multilingual~section .mordal_button{left:0;}

.page_title p {
	font-size: 14px;
	margin-bottom:-20px;
	padding:15px 0 0 0;
	line-height:1;}

.page_title p.up_title {
	font-size: 14px;
	margin-bottom:0;
	padding:15px 0 0 0;
	line-height:1;
}
.page_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 30px;
  z-index:888;
  font-weight: bold; }

.page_top a {
  background: #666666;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  text-decoration: none;
  color: #fff;
  width: 53px;
  padding: 3px;
  text-align: center;
  display: block;
  border-radius: 50px; }

.page_top a:hover {
  border-style: none;
  background: #999999; }

/* header */
header{
	font-size:14px;
	/*position:fixed;*/
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:#fff;
	z-index:666;
	border-bottom: 0.5px solid #bfbfbf;
	z-index:9999;
	line-height:1.5;
}
.logo {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 71px, 82px;
  width: 71px;
  height: 82px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../img/logo.png");
  position: absolute;
  margin:20px 18px 18px 20px; }

.navi_global {
  height: 120px;
  margin-left: 120px;
  /*width: 100%;*/
/* 
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  */
}
.navi_global>li {
  float: left;
}
.navi_global>li:nth-last-child(1) {
  float: right;
  margin-right:-240px;
  margin-top:40px;
}
.navi_global>li:nth-last-child(2) {
  float: right;
  margin-right:120px;
}
.navi_global__item{
  padding: 50px 10px 47px 10px;
}
.navi_global__item:nth-child(1){
  padding: 50px 10px 50px 20px;
}


.multilingual .navi_global>li:nth-last-child(1) {
	float: right;
	margin-right:0;
	margin-top:0;
	border-right:none;
}
.multilingual .navi_global>li:nth-last-child(2) {
	float: left;
	margin-right:0;
}
.multilingual .navi_global li:last-of-type{max-width:100%;}

.navi_global_child{display:none;}

.lang-switcher__item{padding:5px 0;}
.lang-switcher .navi_global_child {
  display:none;
  position:absolute;
  top:120px;
  
  left:-1px;
  right:-1px;
  padding: 15px 40px 15px 15px;
  background:#fff;
  border: 0.5px solid #bfbfbf;
  border-top:none;
}

.lang-switcher {
  border: 0.5px solid #bfbfbf;
  border-top: none;
  border-bottom: none;
  /*padding: 50px 30px 53px 15px;*/
  font-size:12px;
  position: relative;
  float: right;
  display:inline-block;
  width: 120px;
}
.lang-switcher>a{
  padding: 50px 30px 53px 15px;
  display: block;
}
.lang-switcher li{  float: left; text-align:center;}

.lang-switcher>a:before {
  position: absolute;
  top: 46.5%;
  right: 10%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.navi_global li:last-of-type{max-width:100px;}
.global_sub {
  line-height: 2.0em; 
  font-size:12px;
  width:100px;
  float: right;
  }
.global_sub li { }

/* footer */

#footer {
	width: 100%;
	padding:0 0 30px 0;
	text-align: center;
	position: relative;
  font-size: 12px;
}
.footer_image_area{
	background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 100%;
 /*  max-height: 600px;
   min-height:336px;*/
   background-image: url("../img/bgFooter.jpg");
}
.footer_text_area{}

.title_footer {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 310px, 95px;
  width: 100%;
  height: 95px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/logoFooter.png") no-repeat center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  padding:0;
  margin:0;
  line-height:1;
}

footer .list_sns {
	display:block;
	margin-top:40px;
}
footer .list_sns li img{width:50%;}
footer .list_sns li{
	display:inline-block;
	padding:0 6px;
}
footer .list_sns li:nth-child(2){padding:0 0 0 6px;}
footer .list_sns li:nth-child(3){padding:0}
footer .list_sns li:nth-child(4){padding:0 6px;}


.side_title{display:inline; margin-top:-3px;}
footer .list_sns{width:auto; display:inline-block; left:0; position:static;}
.list_sns {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  width: 18%;
  position: absolute;
  top: 46%;
  left: 40%; }

.list_footer {text-align:center; padding:30px 0 20px 0;}
.list_footer li{display:inline-block; text-align:center; padding:0 15px;}

/* top */
.thumbnail_side__2column {
 display: table;
  padding:0;
  margin:0;
}
.thumbnail_side__2column .thumbnail_side__thumbnail img{width:100%;}
.thumbnail_side__2column .thumbnail_side__thumbnail{display:table-cell; width:22%;}
.thumbnail_side__2column .thumbnail_side__details{display:table-cell; vertical-align:middle; padding:0 40px; width:28%;}

.thumbnail_side__details {
  padding: 0 40px 0 0; }
#pickups {
  position: relative;
  background:#f7f6f2;
  max-width:1100px;
  margin:0 auto;
  min-height:430px;
  overflow:hidden;


}

.title_pickup {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 140px;
  width: 140px;
  height: 132px;
  background-image: url("../img/titlePickup.png");
  position: absolute;
  left: 5%;
  top: 140px; }

.thumbnail_updown__multicolumn,
.thumbnail_updown__3column {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap; }

#pickups .thumbnail_updown__multicolumn {
  width: 80%;
  padding-top: 120px;
  padding-bottom: 140px;
  margin-left: 18%; }

#shop_event img{padding-bottom:10px;}
/*#shop_event .section_title__lv1{
	width: 100%;
	max-width:1100px;
	margin:0 auto;
}*/
#shop_event .thumbnail_updown__multicolumn {
  width: 100%;
/*  max-width:1100px;
  margin:0 auto;*/
  padding-top: 20px;
  padding-bottom: 60px;
  font-size:12px;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap; }

.thumbnail_updown__multicolumn__item {
  padding: 0 1%; }

#fyt {
  background-repeat: no-repeat;
  background-position: top left;
  /*background-size: 1200px, autopx;*/
  background-size:contain;
  width: 1200px;
  height: autopx;
  background-image: url("../img/bgFYT.png");
  width: 100%;
  padding-bottom: 200px;
  background-color: #f7f6f2; }

#fyt .thumbnail_updown__multicolumn {
  padding-top: 350px;
  max-width:1200px;
  margin:0 auto;
}

#fyt .thumbnail_updown__multicolumn__item p {
  background: #ffffff;
  margin: 0 0 50px;
  padding: 18px 0;
  text-align: center; }

.thumbnail_updown__3column__item {
  width: 33%;
  padding: 10px 0; }

.thumbnail_updown__3column__item .topicsThumbnail {
  float: left;
  padding: 0 10px; }

#topics {
  padding:60px 40px 30px 40px;
  background-color: #fff;
}

#information {
  border: 1px solid #333;
  border-right: none;
  border-left: none;
  position: relative;
  padding: 25px 40px;
  margin: 0 5%;
  width: 90%;
  background-color: #fff; }
h1.title-info{
	padding:0;
}
.title-info {
  font-size: 100%;
  font-weight: normal;
  float:left;
}

.details-info {
  padding-left: 11em; }

#links {
  padding: 60px 0 60px;
  margin-top:60px;
  margin-bottom:-60px;
  background-color: #f7f6f2; }

/* shop */
#shop_search {
	width:100%;
	max-width:992px;
	margin: 60px auto 0 auto; }

#shop_near {
	width:100%;
	max-width:992px;
	margin: 0 auto !important; }

#shop_new {
	width:100%;
	max-width:992px;
	margin: 30px auto 0 auto;
	clear:both;
}
/* 2017/04/26 昭文社 告知*/
.cz_LinkInfo{
	margin: 0px auto 30px;
	color:#df6c1b;
}
.cz_LinkInfo li{
	padding: 5px 0 5px;
	border-bottom:#CCCCCC dotted 1px;

}
/* 2016/12/26 昭文社*/
.tab__item:first-child{padding-left:0;}
.tab__item:last-of-type{border-right:none;}

#shop_new .section_title__lv1{border-bottom:.5px solid #333; margin-bottom:15px; padding-bottom:15px;}
#shop_new .info_list_item{padding:0 0 10px 0;}
#shop_new .info_list_item .info_text_list{padding:0; margin:0;}
#shop_new .info_list_item .info_text_list .info_list_date{padding:0; margin:0;}

#SearchAroundListArt{margin-bottom:30px; clear:both; overflow:hidden;}
/* 2017/04/20 昭文社*/
/* #DispListArticle{margin-bottom:30px; clear:both; overflow:hidden;}*/
#DispListArticle .info_list_item{
	border-bottom:1px solid #bfbfbf;
}
#DispListArticle .info_list{
	border-top:1px solid #bfbfbf;
	margin:20px 0;
}
#DispListArticle .info_list_item .info_list_name{
	margin:0;
}
.flex_listarea__item{
	width:19px;
	margin-right:7px;
}
.flex_listarea__item img{
	width:100%;
}
#content .list_condition__item{width:auto;}
.info_list_item{padding:10px 0;}
/* 2016/12/26 昭文社*/
.img_area{width:550px; height: 570px; text-align:center;}
/* .img_area img{width:550px; height: 550px;}*/
.img_area_print{
  width: 667px;
}
.img_area_list_map{
  width: 100%;
}
.img_area_print img{
  width: 667px;
}
.error_text {
	width:100%;
	max-width:992px;
	margin: 0;
	/*2017/04/20昭文社*/
	padding:0;
	text-align:center;
	color: #cc0000; }
#shop_near .button_progress{
	display:none;
}

#search_result,
#DispListArticle{
	width:100%;
	max-width:992px;
	margin: 0 auto !important;
}
#search_result{
  padding-top: 44px;
}
#search_result > .button{
	width:300px;
}

#search_result .list_table{width:100%; border-spacing: 0; border-top:.5px solid #333; clear:both;}
#search_result .list_table th,.list_table td{
	border-bottom:.5px solid #333;
	vertical-align:middle;
	padding:16px 0;
}
#search_result .list_table th:nth-child(3){text-align:center; width:60px;}
#search_result .list_table td{}

#search_result .info_text{float:left; padding:20px 0;}
#search_result .page_list{float:right; padding:30px 0 60px;}

#shop_event .thumbnail_updown__multicolumn{display:block; clear:both; overflow:hidden;}
#shop_event .thumbnail_updown__multicolumn__item{float:left; width:33%; padding:0 10px;}
#shop_event .thumbnail_updown__multicolumn__item img{width:100%;}
.error_page{}
.error_page .button{width:300px;}
.tab_title {
  font-size: 100%;
  font-weight: normal; }

.tab {
  display: block;
}

.tab li {
  display:inline-block;
  padding: 0 1em 0 1em;
  line-height: 1.5em;
  border-right: 1px solid #848381;
  margin:0 0 20px 0;
  color: #999999; }
.search__item {
  font-size: 0;
}
.search__input {
  font-size: 14px;
	height:37px;
  border: 1px solid #848381;
  line-height: 1.3em;
  padding: 0.6em 5em 0.6em 1em;
  padding: 0.5em 5em 0.5em 1em \9;
	width:370px;
	margin-right:10px;
	vertical-align:top;
}
select.search__input {
  width: 250px;
  font-size: 14px;
	height:37px;
    border: 1px solid #848381;
    line-height: 1.3em;
    padding: 0.4em 5em 0.45em 1em;
    padding: 0.4em 1em 0.3em 1em \9;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.search__input--wrap{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.search__input__wrap{
  display: inline-block;
}
.search__input--wrap::after{
  content: '';
  border: 5px solid transparent;
  border-top: 5px solid #000;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

.tab .select {
  font-weight: bold;
  color: #333333; }
.modal_icons_btn{
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}

.modal_ic{
  text-align: center;
  position: absolute;
  z-index: 2;
  background: #f7f6f2;
  width: 350px;
  padding: 20px 0 10px;
  left: -360px;
  /*昭文社20170420*/
  top: -35%;
  display: none;
}
.modal_ic.active_ic{
  display: block;
}
.modal_ic::after{
  border: 10px solid transparent;
  border-left: 10px solid #f7f6f2;
  content: '';
  position: absolute;
  right: -20px;
  top: 45%;
}
.modal_ic-inner{
  width: 324px;
  margin: 0 auto;
}

.modal_ic ul{
  margin-left: -10px;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.modal_ic li {
  margin-left: 10px;
  margin-bottom: 10px;
}

.root-detail{
  margin-top: 50px;
}
.root-detail h2{
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  width: 548px;
}
.root-detail span{
  font-weight: bold;
}
.print-root-detail h2{
  width: 667px;
}
.other-root-btn{
  background: #301c0f;
  display: block;
  padding: 15px;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  width: 300px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}
.other-root-btn:hover{
  opacity: 0.8;
}
.prev_btns li:hover{
  opacity: 0.8;
}
.detail_shop_link{
  display: flex;
  margin-top: 30px;
}
.detail_shop_link li{
  margin-left: 20px;
  position: relative;
  padding-left: 30px;
}
.detail_shop_link li:first-child{
  margin-left: 0;
}

.detail_shop_link li::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  /*20180614*/
  background: url('../img/icn_opt11.png') no-repeat left top;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  width: 28px;
  height: 28px;
  margin-top: -4px;
}
.detail_shop_link a{
  text-decoration: underline;
  font-size: 12px;
}
.prev-area{
  background: #f7f6f2;
  padding: 60px 0;
  margin-top: 60px;
  margin-bottom: -60px;
}
.prev-area ul{
  display: flex;
  width: 515px;
  margin: 0 auto 0;
  -webkit-justify-content: center;
  justify-content: center;
}
.prev-area li a{
  background: #301c0f;
  display: block;
  padding: 15px;
  color: #fff;
  text-align: center;
  width: 250px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}
.prev-area li:last-child{
  margin-left: 15px;
}
.section_title__lv1 {
  font-weight: normal;
  line-height: 20px;
  padding-top: 0;
  font-size: 19px; }

.img_area_note {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-justify-content: flex-end;
  /* Safari */
  justify-content: flex-end; }

.img_area_note__item {
  padding-right: 1em;
  line-height: 2em; }

.img_area_note__item a {
  text-decoration: underline; }

.info_text_list {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start; }
.info_text_list:hover{
  text-decoration: underline;
}
.info_list_date {
  width: 80px; }
#shop_new {
  margin-bottom: 60px; }

.tab {
  overflow: hidden; }

.hide {
  display: none; }

.search {
  position: relative; 
  padding-bottom:55px;}

.search__item {
  position: relative;}

.button_search {
  background-repeat: no-repeat;
  background-position: 13px 10px;
  background-size: 16px, 16px;
  width: 75px;
  height: 36px;
  background-image: url("../img/icon_search.png");
  background-color:#301c0f;
  padding: 0;
  color: #fff;
  text-align: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 13px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
  /*position: absolute;
  top: 0px;
  left: 35.9%;*/ }
.button_search:hover{
  opacity: 0.8;
}
.mordal_button {
/*  border: 1px solid #848381;*/
  background-color: #301c0f;
  padding: 7px 0 1px 20px;
  width: 15em;
  margin-left: 10px;
  font-size: 14px;
  margin-bottom: 0;
  display:inline-block;
  color: #fff;
  box-shadow:1px 2px 3px rgba(0,0,0,0.4);
}
.mordal_button:hover{
  opacity: 0.8;
}
/*プリント*/
.print-header{
  position: fixed;
  z-index: 5;
  background: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
  padding: 30px 0;
}
.print-header + section{
  margin-top: 120px;
}
.print_fire_btn{
  display: block;
  width: 400px;
  margin: 0 auto;
  padding: 10px 0;
  background: #301d0f;
  color: #fff;
  text-align: center;
  box-shadow:1px 2px 3px rgba(0,0,0,0.4);
}
.print_fire_btn:hover{
  opacity: 0.8;
}
.roottab{
  margin-top: 60px;
}
.roottab ul{
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.roottab li{
  width: 404px;
  margin-left: 16px;
  background: #cec9c6;
  color: #fff;
  box-shadow:1px 2px 3px rgba(0,0,0,0.4);
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
  line-height: 1;
}

.roottab li.active{
  background: #301d0f;
}
.roottab li:hover{
  background: #301d0f;
}
.roottab li.active:hover{
  opacity: 0.8;
}
.roottab li:first-child{
  margin-left: 0;
}
.root-table{
  width: 992px;
  border-bottom: .5px solid #333;
  display: table;
  margin: 0 auto;
}

.root-table dt{
  font-weight: normal;
  text-align: left;
  padding: 15px 0;
  width: 850px;
  display: table-cell;
}
.ic_detail a{
  display: block;
  width: 992px;
  margin: 0 auto;
}
.station_detail a{
  display: block;
  width: 992px;
  margin: 0 auto;
}
.root-table .root-distance{
  text-align: right;
  color: #e36b16;
  padding: 15px 0;
  display: table-cell;
}
.ic_detail{
  margin-top: 45px;
  display: none;
}

.ic_detail.active{
  margin-top: 45px;
  display: block;
}
.station_detail{
  margin-top: 45px;
  display: none;
}
.station_detail.active{
  display: block;
}
/* ＋、－アイコン */
.accordion_icon,
.accordion_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box; }

.accordion_icon {
  position: relative;
  width: 40px;
  height: 24px;
  float: right;
  margin-top: 4px; }

.accordion_icon span {
  position: absolute;
  left: 6px;
  width: 50%;
  height: 1px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px; }

.accordion_icon span:nth-of-type(1) {
  top: 5px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg); }

.accordion_icon span:nth-of-type(2) {
  top: 5px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg); }

/* ＋、－切り替え */
.accordion_icon.active span:nth-of-type(1) {
  display: none; }

.accordion_icon.active span:nth-of-type(2) {
  top: 5px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg); }

/* こだわり条件 */
.mordal_area thead td{font-size:14px;  padding:0 0 0 0; text-align:center;}
li .mordal_area {
  width: 992px;
  margin-top:30px;
  border-collapse: separate;
  border-spacing: 40px;
  background:#f7f6f2;
  font-size:12px;
}
.mordal_area {
  width: 100%;
  margin-top:30px;
  margin-bottom:0px;
  border-collapse: separate;
  border-spacing: 40px;
  background:#f7f6f2;
  padding:10px;
}

.mordal_area .button_progress{
	width:40%;
	/*margin-top:20px;*/
	margin-bottom:0;
  margin-top: 0;
}
.mordal_area .button_progress{
	background:url("../img/icn_search_white.png") no-repeat #301c0f;
	background-size:20px;
	background-position:142px 12px;
}
.mordal_area .button_progress:hover{
  opacity: 0.8;
}
.mordal_area td {
  vertical-align: top; }
.label-2line{
  display: inline-block;
  vertical-align: middle;
}
.section_title__lv2 {
  font-weight: normal;
  border-bottom: 1px solid #848381;
  padding:0 0 5px 0;
  font-size: 15px; }

.list_type_check {
	display:inline-block;
	margin:10px 0 0 0;
/*line-height: 4.0em;*/ }

.mordal_area .section_title__lv2{margin-bottom:0; margin-top:0;}
#shop_near h2{
  margin-top: 55px;
}
.shop_near_pc{
  width: 100%;
  max-width: 992px;
  /* 2016/12/26 昭文社 edit start */
  /* margin: 16px auto; */
  margin: 60px auto 0 auto;
  /* 2016/12/26 昭文社 edit end */
}
.shop_near-table {
  width: 100%;
  border-bottom: .5px solid #333;
  display: table;
  margin: 0;
}
.shop_near-table dt{
  padding: 15px 0;
  text-align: left;
  font-weight: normal;
  width: 290px;
  display: table-cell;
}
.shop_near-table dt::before{
  content: '';
  background: url('../img/icon_near_orange.png') no-repeat left top;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  display: inline-block;
  width: 15px;
  height: 25px;
  vertical-align: middle;
  margin-right: 20px;
}

.shop_near_pc a:hover dt{
  text-decoration: underline;
}

.shop_near_pc a:hover .shop_near-address{
  text-decoration: underline;
}
.shop_near-address{
  width: 630px;
  display: table-cell;
}
.shop_near-distance{
  text-align: right;
  color: #e36b16;
  display: table-cell;
}
.list_type_check img {
  padding: 0; 
  margin:0 1em;}

#shop_title {
  position: relative; }

.print_linkarea + .flex_listarea{right:28px;}
.flex_listarea {
  display:block;
  z-index:555;
  position: absolute;
  top: 10%;
  right: 30px; }

.flex_listarea__item {
	display:inline-block;
  padding: 0 0px 0 0; }

/*.flex_listarea__item img {
	width:25px; }*/

.print_linkarea {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("../img/icn_print.png");
  padding: 0 30px 0 25px;
  position: absolute;
  top: 24px;
  right: 120px;
  -webkit-background-size: 13%;
       -o-background-size: 13%;
          background-size: 13%;}


#shop_title .flex_listarea{
	display:block;
	top:22px;
}
#shop_title .flex_listarea__item{display:inline-block;}

.shop-detail-area{
	margin:0 30px 0 650px;
	min-height:632px;
}
.list_table_detail{width:100%;}
.list_table_detail tr:nth-child(1) img{width:100%; max-width:540px;}
.list_table_detail tr:nth-child(1) td,.list_table_detail tr:nth-child(1) th{padding:23px 0 10px 0;}
.list_table_detail th{width:140px;}
.list_table_detail + p:not(.button_progress) > a:before{
	content:" ";
	width:30px;
	height:30px;
	margin-right:5px;
	margin-bottom:-3px;
	display:inline-block;
	background:url("../img/icn_opt11.png") no-repeat;
	background-size:contain;
	vertical-align:bottom;
}

#shop_map{padding-top:67px;}
.list_table_detail td,.list_table_detail th{padding:10px 0 0;}

.list_icon__item{margin-bottom:10px;}
.list_icon__item img{ margin-right:10px;}
.list_icon__item img{float:left;}
.list_icon__item p{font-size:12px; line-height:1.2; float:left; padding-top:15px; width:120px;}
.list_table__item:ho
.shop-detail-area .list_icon {
	display:block;
	clear:both;
	overflow:hidden;
}
#shop_map .button{display:none;}
.shop-detail-area .list_icon li{
	float:left;
}
#shop_map {
  width: 550px;

/*
  float: left;
  margin-left: 5%;
  margin-right: 2%;
  margin-bottom: 5%;*/
  position:absolute;
  top:280px;
  left:50px;
}

#shop_event {
  clear: both;
  margin-top:60px;
  background:#f7f6f2;
  position:relative;
  padding: 60px 5% 100px 5%; }
#recruit #shop_event{padding-bottom:60px;}
#shop_event .button {
	background:#fff;
	box-shadow:none;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	padding:60px 60px 0 60px;
}
#shop_event .button a{
    clear: both;
    display: block;
    background: #301d0f;
    color: #fff;
    margin:0 auto;
    padding: 10px 0;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    -o-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    -ms-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    width: 300px;
}
.list_table__title,
.list_table__item {
  vertical-align: top;
  padding-bottom: 20px;
  line-height: 2.0em;
  text-align: left;
  position: relative;}
.list_table__item a:hover{
  text-decoration: underline;
}
.list_icon {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap; }



#SearchKeyListLand{margin-bottom:40px;}
.page_list {
  /* display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; 
  */
  margin-bottom:0 !important;
  }

.page_list__item {
  text-align: center;
  display:inline-block;
  width: 3em; }
.page_list__item a:hover{
  text-decoration: underline;
}
.list_table {
  text-align: left;
  border-collapse: separate;
  border-spacing: 15px; }

.list_table__item {
  padding: 0; }

.here {
  font-weight: bold; }

.page_result {
	padding-bottom: 40px;
	clear:both;
	overflow:hidden;
}
.page_result__list {
	float: left;
	line-height: 1.5em;
	padding:5px 10px;
	width:205px;
}
.page_result__title {
	font-weight:bold;
	clear: both;
	border-bottom:1px solid #bfbfbf;
	padding:20px 0;
	font-size:18px;
	margin-bottom:10px;
}
.page_result__title:nth-child(1) {
	padding-top: 0;
}
/*# sourceMappingURL=style.css.map */

.list_table__icon {
	padding: 25px 0;
	text-align:center;
}
.icn_round {
	width: 60px;
	height: 60px;
	background: #d9d6ce;
	border-radius: 65px;
	-moz-border-radius: 65px;
	-webkit-border-radius: 65px;
	color: #111;
	padding: 24px 0 0 0;
	vertical-align: middle;
	line-height: 1.0em;
	font-size: 13px;
	display:inline-block;
}


/***　穴澤追記　***/


/* 2016.09.11 穴澤追加 */
.sub_navigation{
	width: 250px;
	padding:20px 40px 0 0;
	position:absolute;
}
.navi__ttl{display:none;}
.list__navi{}
.list__navi li {
}
.list__navi li a{
	display: block;
	padding:15px 0 15px 25px;
	border-bottom:0.5px solid #ccc;
	font-size:12px;
}
.list__navi li span{font-size:12px;}
.list__navi>.list__navi__item{
}
.list__navi__item{
}
.list__navi__item__title{padding:10px 0 10px 25px; border-bottom:0.5px solid #e8e8e8; background:#f7f6f2;}
/*
.sub_navigation .active>a{
	background:url("../images/menuDownArrow.png") no-repeat right;
	background-size:15px;
}
*/
.sub_navigation .active>a:after{
	content:" ";
	width:15px;
	height:15px;
	background:url("../images/menuDownArrow.png") no-repeat right;
	background-size:15px;
	position:absolute;
	right:5px;
	top:20px;
}
.sub_navigation .active>a.open:after{
	transform: rotate(180deg);
}
.sub_navigation li a{padding-right:30px;}
.sub_navigation .active li a{
	padding-left:40px;
	position:relative;
}

.sub_navigation .hide{
	display:none;
}
.active .list__navi{}
.active .list__navi li:first-child{padding-top:10px;}
.active .list__navi li:last-child{padding-bottom:10px; border-bottom:0.5px solid #e8e8e8;}
.active .list__navi li a{border-bottom:none; padding:5px 0 5px 25px;}

/*.hide{display:block !important;}*/
article{
	margin-left:250px;
	clear:left;
}
article,.form_list{
	margin-left:250px;
	clear:left;
}
article.only_pane{margin:0;}
.form_list_only_pane{margin:0 0 0 30px; max-width:100%;}
.item_top{background:#f7f6f2;}
footer{clear:both; margin-top:60px;}
#recruit .detail_data~footer{margin-top:0;}

.image_title{
	position:relative;
	width:100%;
	height:325px;
	overflow:hidden;
}
.image_title__image{
	position:absolute;
	top:0;
	left:0;
}
.image_title__image img{
	width:100%;
}
.image_title h1{
	display:inline-block;
	width:182px;
	height:182px;
	padding-top:70px;
	font-size:140%;
	position:absolute;
	top:50px;
	left:50px;
	z-index:999;
	color:#fff;
	border:1px solid #fff;
	vertical-align:middle;
	text-align:center;
}
.image_title.long_height{
	height:470px;
}
.long_height .image_title__image{
	position:absolute;
	top:0;
	left:0;
}
.long_height .image_title__image img{
	width:100%;
	min-width:1200px;
}
.centering__title .title_image{
	text-align:center;
	max-width:60%;
}
.box_content__flex .item_list__text{font-size:12px;}
.box_content__full_image h2{display:none;}
.fyt_top{background:#f7f6f2;}
.fyt_top .box_content__image_fit{margin:30px auto 45px auto; max-width:1100px;}

.aside_column{padding:0 20px 20px 20px; background:#f7f6f2;}
.box_content__default{ clear:both; overflow:hidden; margin:0 30px 40px 0; }
.box_content__long{padding:60px 0; max-width:800px; margin:0 auto; clear:both; overflow:hidden;}
.box_content__short{padding:60px 0; max-width:680px; margin:0 auto; clear:both; overflow:hidden;}
.box_content__vertical_inner{padding:20px 0; clear:both; overflow:hidden;}
.box_content__flex{padding:30px; clear:both; overflow:hidden;}
.box_content__full_image{
	position:relative;
	width:100%;
	height:276px;
	overflow:hidden;
}
.only_pane .box_content__default{ clear:both; overflow:hidden; margin:0 30px 40px 30px; }

.box_content__image_fit{padding:0; width:90%; display:table; margin:30px auto;}
.only_pane .box_content__default{ clear:both; overflow:hidden; margin:0 auto 40px auto; padding-left:0;}

.box_content__image_fit{padding:0; width:92%; display:table; margin:30px auto;}
.full_width{margin:0; width:100%;}
.bg_white{background:#fff;}
.bg_beige{background:#f7f6f2;}
.bg_dark_beige{background:#e2e0d6;}
.box_content__image_fit .column__left_box{display:table-cell; float:none; vertical-align:middle;}
.box_content__image_fit .column__right_box{display:table-cell; float:none; vertical-align:middle;}
.box_content__image_fit .common__description{padding:30px;}
.box_content__image_fit .thumbnail__pic_image{width:100%;}

.box_content__fit{width:100%; margin:0; clear:both; overflow:hidden;}
.fit__left_box{
	position:relative;
	float:left;
	width:50%;
}

.fit__right_box{
	position:relative;
	float:right;
	width:50%;
}
.fit__left_box .thumbnail__pic_image,.fit__right_box .thumbnail__pic_image{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}
.fit__left_box .common__description,.fit__right_box .common__description{
	padding:50px;
	min-height:300px;
}
.round_title{
	font-size:15px;
	position:absolute;
	top:30px;
	left:0;
	background:#fff;
	width:250px;
	padding:10px 20px;
	z-index:2;
	border-radius:0 30px 30px 0;
	-o-border-radius:0 30px 30px 0;
	-ms-border-radius:0 30px 30px 0;
	-moz-border-radius:0 30px 30px 0;
	-webkit-border-radius:0 30px 30px 0;
}
.border_btm{border-bottom:1px solid #000;}

/*
.box_content__full_image h2{
	position: absolute;
	color:#fff;
	z-index:1;
	text-align: center;
	padding-top:50px;
	width:100%;
}*/
.item_top .js__pad_top .image_script img{width:248px; padding-bottom:10px;}
.item_top .js__pad_top .common__description{padding:0 0 27px 0;}
.image_script{width:400px; text-align:center; margin:0 auto 7px auto;}
.image_script img{width:57%;}
.font__script_title{
	font-weight:normal;
	font-size:40px;
	
}
.block__type_description{
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-top:0;
	margin-top:-15px;
	margin-bottom:40px;

}
/*
.common_title_image{
	width:100%;
	position:absolute;
	z-index:0;
}
*/
.common_title_image img{width:100%;}

.column__left_box{width:48.5%; float:left;}
.column__right_box{width:48.5%; float:right;}
.column__image_box{width:26%; float:left;}
.column__text_box{width:70%; float:left; margin:0 2%;}

.thumbnail__pic_image,
.thumbnail__pic_image img{width:100%;}
.common__description{clear:both; padding:0 0 25px 0; font-size: 14px;}
.first__description{margin-top:20px;}
.common_title{}
.centering{text-align:center;}
.text__rights{text-align:right;}
.parent-button_width_arrange button{}
.parent-button_width_arrange a:nth-child(2) button{margin-left:5px;}
.box_content__short .button_progress{width:100%;}
.parent-button_width_arrange .button_progress{
	display:inline-block;
	width:48%;
	margin-bottom:10px;
}
.button_progress.centering{
	margin:0 auto;
}



.anchor_list{
	margin:30px 0;
	display:table;
	width:100%;
	border-collapse: separate;
	border-spacing: 5px;
}
.anchor_list li{display:table-cell;}
.button_anchor {
	padding:7px 30px 7px 5px;
	border:1px solid #d1cdc8;
	background:#fff;
	position:relative;
	vertical-align:middle;
}
.button_anchor a{display:inline-block; color:#999;}
.button_anchor a:after {
	content:"▼";
	font-size:10px;
	position:absolute;
	top:0;
	right:0;
	background:none;
	color:#d1cdc8;
	padding:10px 8px;
}

.common_title{border-bottom:0.5px solid #000; padding:0 0 10px 0;}
.common_title__gray{border-bottom:0.5px solid #e0e0e0; padding:20px 0;}

.item_list{clear:both; overflow:hidden; margin-bottom:40px;}
.item_list img{width:100%;}
.item_list .icon__new{position:absolute; top:5px; right:25px;}
.item_list li{float:left; margin-right:20px; position:relative; margin-bottom:30px;}
.item_list li p{padding:5px 0 10px 0;}
.list_col_6{}
.list_col_6 li{width:130px;}
.list_col_5 li{width:160px;}
.list_col_4 li{width:210px;}
.list_col_3 li{width:285px;}
.list_col_2 li{width:440px;}
.box_content__long .list_col_5 li{width:155px;}

h2{font-size:19px; font-weight:normal; line-height:1.5;}
h1{font-size:19px; margin:0; padding:10px 0; font-weight:normal;}


.icon__new{background:#df6c1b; color:#fff; display:inline-block; padding:3px 5px; font-size:12px;}
.rank1,.rank2,.rank3{
	display:inline-block;
	position:absolute;
	width:60px;
	height:80px;
	top:20px;
	right:40px;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	padding-top:8px;
	color:#fff;
	font-family: 'Libre Baskerville', serif;
}
.rank1{background:url("../../menu/img/rank1.png") no-repeat; background-size:contain;}
.rank2{background:url("../../menu/img/rank2.png") no-repeat; background-size:contain;}
.rank3{background:url("../../menu/img/rank3.png") no-repeat; background-size:contain;}

.allergy__list{}
.allergy__list>li{
	width:23%;
	float:left;
	font-size:12px;
	margin-right:2%;
}
.allergy__disc_list{height:130px;}
.allergy__disc_list li{
	width:33%;
	min-width:60px;
	float:left;
}
.allergy__disc_list li:before{
	content:"・";
}
.allergy__list .button_progress{width:100%;}

.disc_list li{
	list-style-type:disc;
	margin-left:40px;
	padding-bottom:15px;
}


/**　allergy　*************************************/
.allergy_table{font-size:12px; width:100%; border:0.5px solid #ccc; margin-bottom:20px;}
.allergy_table thead{background:#f7f6f2;}
.allergy_table tbody{}
.allergy_table th{font-weight:normal;}
.allergy_table td,.allergy_table th{ border:0.5px solid #ccc; text-align:center;}
.allergy_table td.allergy_table__item_name{width:300px; text-align:left;}
.allergy_table td.allergy_table__item_icon{width:30px;}
.allergy_item7{background:#f8e3dc;}
.allergy_item20{background:#f7f6f2;}
.allergy_comment{padding-top:10px; font-size:14px;}
.responsive_form{}
.responsive_form label{
	display:inline-block;
	width:180px;
	padding:10px;
}
.responsive_form label input{
	margin-right:10px;
}
.responsive_form label.allergy{width:75px; height:75px; text-align:center; padding:0;}
.icon__egg .icon__form{background:url("../img/allergy_icon_egg.png") no-repeat;}
.icon__milk .icon__form{background:url("../img/allergy_icon_milk.png") no-repeat;}
.icon__wheat .icon__form{background:url("../img/allergy_icon_wheat.png") no-repeat;}
.icon__soba .icon__form{background:url("../img/allergy_icon_soba.png") no-repeat;}
.icon__peanut .icon__form{background:url("../img/allergy_icon_peanut.png") no-repeat;}
.icon__shrimp .icon__form{background:url("../img/allergy_icon_shrimp.png") no-repeat;}
.icon__crab .icon__form{background:url("../img/allergy_icon_crab.png") no-repeat;}
.allergy .icon__form{opacity:0.5; display:inline-block; width:75px; height:75px; position: relative; vertical-align: middle; margin-bottom:10px;}

.allergy input:checked + .icon__form{opacity:1;}


.common_title__description{font-size:14px; padding-left:30px;}
.common_title__button{float:right;}

.responsive_form label.allergy input,
.checkbox input{display:none;}
.checkbox input + .icon__form {
  position: relative;
  vertical-align: middle;
}
.checkbox input + .icon__form:before {
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #000;
	content: " ";
	color: #ccc;
	font-size: 22px;
	margin-right:10px;
	background:#fff;
}
.checkbox input:checked + .icon__form:before {
	content: " ";
	background:#000;
}

section h2{margin:0 0 15px 0;}


.slider-wrapper{
	width:100%;
	height:500px;
	overflow: hidden;
}
.slider div{float:left; width:1000px; height:500px;}
.slider div img{width:1000px; height:500px;}
article .slider-wrapper{ width:100%; height:375px;}
article .slider div{float:left; width:750px; height:375px;}
article .slider div img{width:750px; height:375px;}
/*.slick-active{width:1000px !important;}*/
.list__navi li.active a{padding-right:20px; position:relative;}
.common__dl_list{width:100%; display:table; border-bottom:1px solid #DFDEDA; margin:0; padding:0;}
.common__dl_list dt{display:table-cell; width:20%; padding:15px 0;}
.common__dl_list dd{display:table-cell; width:80%; padding:15px 0;}

.simple__dl_list{width:100%; margin:0; padding:0; font-size:12px; clear:both; overflow:hidden;}
.simple__dl_list dt{float:left; width:20%; padding:0 0 5px 0; margin:0;}
.simple__dl_list dd{
	float:left;
	width:80%;
	padding:0 0 5px 0;
	margin:0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.border__top_btm{border-top:1px solid #333; border-bottom:1px solid #333;}

.newshop_list_content{clear:both; overflow:hidden; width:850px; margin:30px auto; padding:20px 0;}

.newshop_list_content .section h2{line-height:1;}

.grand_menu{padding-right:30px;}
.grand_menu_list{clear:both; overflow:hidden;}
.grand_menu_list li{
	float:left;
	width:23%;
	margin-right:2%;
	margin-bottom:15px;
}
.grand_menu_list li:nth-child(odd){margin-right:0;}
.grand_menu_list li:nth-child(1){width:50%; margin-right:2%;}
.grand_menu_list li img{width:100%;}

.icon__plus{
	position:absolute;
	bottom:10px;
	right:10px;
	padding:10px 16px 15px 16px;
	line-height:1;
	font-size:20px;
	background:#fff;
	border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}
.modal_trigger{position:relative; display:block;}
.sp_hide{display:block;}
.pc_hide{display:none;}
/*** CS *******************************************************************************************/
.annotation_txt{
  font-size: 12px;
}
div.inner{
  padding: 10px;
  border: 1px solid #eee;
  height: 8em;
  overflow: auto;
}
#Wrap{
  margin: 0 4%;
  width: 100%;
}
.formArea{
  padding: 1em 0;
}
.formBtn{
  padding: 2em 0;
}
td.formTdA2 [id^="coffee_school_entries_form_"],
#cancel_menber_change{
  border: 1px solid #848381;
  line-height: 1.3em;
  padding: 0.6em 5em 0.6em 1em;
}
.formTableA{
  width: 100%;
}
td.formTdA1{
  padding: .5em 0;
  width: 30%;
}
td.formTdA2{
  padding: .5em 0;
  width: 70%;
}
.formTableLineA{
  border-bottom: .5px dashed #848381;
}
#inquiry_submit{
  margin-bottom: 2em;
}
.school-outline{
  width: 100%;
  line-height: 2em;
}
.school-outline th{
  text-align: left;
  width: 30%;
}
.formTableLine__solid{
  border-bottom: .5px solid #848381;
}
.school-agree{
  padding: 1em 1em;
  text-align: center;
}
.alert_txt{
  color: #C95000;
}
.cancel-select-inner{
  padding: 1em;
  display: block;
}
.cancel-select-inner label{
  padding: 1em 0;
  display: block;
}
.f10{
  padding: 1em 0;
}

/*TOP*/
.content{
	clear:both;
	overflow:hidden;
}
.col_liquid_2 li,.col_liquid_2_1 li{
  display: inline-block;
  width: 50%;
}
.col_liquid_3 li,.col_liquid_3_1 li{
  display: inline-block;
  width: 33%;
}
.col_liquid_4 li,.col_liquid_4_1 li{
  display: inline-block;
  width: 25%;
}
.col_liquid_5 li,.col_liquid_5_1 li{
  display: inline-block;
  width: 20%;
}
.col_liquid_6 li,.col_liquid_6_1 li{
  display: inline-block;
  width: 16.6%;
}

.main_course_list li{
  display: inline-block;
  width: 33%;
}
.optional_course_list li{
  display: inline-block;
  width: 50%;
}
ul[class$="_course_list"] a{
  margin: 1em 0;
}
.school_gift li{
  display: inline-block;
  width: 50%;
}
.border{
  padding-top: 1em;
  border-bottom: 1px dashed #000;
}
.apply_list__title{
  border-bottom: 1px solid #ccc;
}
.apply_list{
  padding: 20px;
  margin-bottom:30px;
  background-color: #F7F6F2;
}
.apply_list li{
  display: inline-block;
}
.apply_list__text{
  vertical-align: top;
  width: 30%;
}
.apply_list__text h4{
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
.apply_list__img{
  vertical-align: middle;
  width: 2.5%;
  margin:0.5%;
}
.apply_list__img img{
  width: 100%;
}
.apply_mail__text{
  margin-left: 1em;
  text-indent: -1em;
}
.modal_link{
  border: .5px solid #838280;
  font-size: 10px;
  padding: .5em;
  margin-left: .5em;
}
.contact_list div{
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin-bottom: 2em;
}
.item_table__qanda__border{
  border-bottom: 1px solid #ccc;
}
.school_today li,.school_cancel li{
  list-style-type: disc;
  margin-left: 1em;
}
/* モーダル用 */
#js-modalBox{
	background:#fff;
	padding:30px;
	display:none;
}
#js-modalBox a{
	display:block;
	text-align:center;
	border:1px solid #ddd;
	padding:10px 40px;
	width:200px;
	margin:30px auto 0 auto;
}
.modal_wrapper #js-modalBox{display:block;}
.modalBox{
	display: none;
}
.modalBox .modal-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	top: 0;
	left: 0;
}
.modalBox-outer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.modalBox-outer .small{
	position: absolute;
	width: 30%;
	top: 35%;
	left: 35%;
	min-width: 360px;
	margin: 0 auto;
	background: #fff;
	max-height: 40%;
	min-height: 150px;
}
.modalBox-text-01{
	margin:25px;
	text-align: center;
}

/*コース詳細*/
.school_outline div{
  display: inline-block;
  vertical-align: top;
  padding: 1em;
}
.school_outline__text{
  width: 60%;
}
.school_outline__detail{
  width: 30%;
}
.school_outline__detail__table{
  margin-bottom: 1em;
  width: 100%;
  border: 1px solid #DFDEDA;
}
.school_outline__detail__table th,.school_outline__detail__table td{
  border: 1px solid #DFDEDA;
  text-align: center;
}
.school_outline__detail__table th{
  padding: .5em 1em;
  background-color: #F7F6F2;
}
.course_point td{
	vertical-align:middle;
}
.course_point__border{
  border-bottom: 1px solid #ccc;
}
.course_point__content{
  padding: 1em 0;
}
.course_point__content div{
}
.course_point__text{
  width: 60%;
  float:left;
}
.course_point__img{
  width: 35%;
  float:right;
}
.course_point__img img{width:100%;}
.apply_area{
  background-color: #F7F6F2;
  padding: 1em;
  margin: 2em;
  text-align: center;
}
.apply_area__title{
  padding-bottom: 1em;
  border-bottom: 1px solid #DFDEDA;
}
.link_maincourse,.link_optionalcourse{

}
.link_maincourse li,.link_optionalcourse li{
  float: left;
  width:23%;
  margin: 0.5em;
}
.link_maincourse li img,.link_optionalcourse li img{
	width:100%;
}

/*申し込み一覧*/
.prefecture_list p,.prefecture_list form{
  display: inline-block;
}
.prefecture_list select{
  background-color: #F7F6F2;
  border: .5px solid #DADBD7;
  padding: .5em;
}
.month_list li{
  display: inline-block;
  margin: 1em;
}
.course_table h2{
  background-color: #F7F6F2;
  text-align: center;
  padding: 1em 0;
}
.block_table{
  width: 100%;
}
.block_table tr{
  border-bottom: 1px solid #E6E6E6;
}
.block_table th{
  text-align: left;
}
.block_table td{
  padding: .5em 0;
}
.pc_hide{
  display: none;
}
/*# sourceMappingURL=style.css.map */


.main_banner img{width:100%;}
.item_list .button{width:100%;}

.item_list li p.item_list__title{padding:10px 0 0 0;}
.item_list li p.item_list__text{padding:5px 0 20px 0; height:50px;}
.item_table__qanda{width:100%;}
.item_table__qanda th{width:40px; padding:20px 0 10px 0;}
.item_table__qanda td{padding:10px;}
.item_table__qanda th img{width:100%;}
.content{margin-right:30px;}
.apply_list__text img{width:64px; margin-right:10px;}

.detail__table{width:100%;}
.detail__table th, .detail__table td{padding:10px; border: 1px solid #DFDEDA;}
.detail__table th{background-color: #F7F6F2; font-weight:normal;}
.detail__table td{}

.list__table{width:100%;}
.list__table th, .list__table td{padding:15px 0; border-bottom: 1px solid #DFDEDA;}
.list__table th{font-weight:normal; width:20%; text-align:left;}
.list__table td{padding-left:15px;}

.centering__title{
	width:100%;
	position:absolute;
	top:25%;
	left:0;
	z-index:3;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,0.8);
}
.centering__title h2{}
.centering__title p{}
.gradient__layer{
	/*background:#f7f6f2;*/
	background: -moz-linear-gradient(top,  rgba(247,246,242,0) 30%, rgba(247,246,242,0.25) 45%, rgba(247,246,242,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(247,246,242,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(247,246,242,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f2', endColorstr='#f7f6f2',GradientType=0 ); /* IE6-9 */
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:2;
}
.gradient__layer.white{
	background: -moz-linear-gradient(top,  rgba(247,246,242,0) 30%, rgba(247,246,242,0.25) 45%, rgba(255,255,255,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(255,255,255,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(247,246,242,0) 30%,rgba(247,246,242,0.25) 45%,rgba(255,255,255,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.community__list{padding:0 10px; clear:both; overflow:hidden;}
.community__list li{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}
.community__list li:nth-child(even){
	margin-right:0;
}
.community__image{}
.community__image img{width:100%;}
.community__text{
	position:absolute;
	left:0;
	right:0;
	bottom:-75px;
	background:rgba(0,0,0,0.5);
	color:#fff;
}

.community__text h3{padding:10px 10px 0 10px; margin:0;}
.community__text p{
	padding:10px;
}
.community__text h3,
.community__text p,
.community__text p span,
.community__text p strong{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.modal_wrapper{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:9999;
}
.modal_obj{
	width:95%;
	margin:30px auto;
}
.modal_layer{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
}

.step__list{width:800px;}
.step__list li{padding:0 0 30px 0; position:relative;}
.step__list dl{display:table; width:100%;}
.step__list dt{display:table-cell; width:40%; padding:10px; margin:0; font-size:20px;}
.step__list dd{display:table-cell; width:58%; padding:10px; margin:0;}
.step__list h3{padding:0; margin:0;}
.step__list dl:after{
	position: absolute;
	bottom: 20px;
	right: 30%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid #b6b5b5;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
}
.step__list li:last-of-type dl:after{
	display:none;
}
.step__list .centering{margin-left:-90px; font-size:20px;}

.contact_content{
	padding:20px 30px 30px 30px;
	font-size:16px;
	text-align:center;
	border:1px solid #DFDEDA;
	margin-bottom:30px;
}

#recruit #shop_event,
#recruit .page_title,
#recruit .mordal_area{
	background:#f3f5e9;
}


/** Campany *******************************************************************************************/
.company_item_text{
  padding: 1.5em 0;
}
.company_item_text__title{
  font-size: 28px;
}
.company_table{
  border-collapse:separate;
  border-spacing:5px;
}
.company_table tr{
  width: 100%;
}
.company_table td{
  background-color: #EBEAE6;
  padding: 1em;
  width: 32%;
}
.company_table__title{
  text-align: center;
}
.button_progress{
  width: 100%;
}
.company_table__title{
  font-size: 24px;
}
.company_table__line{
  margin-top: .5em;
  padding-bottom: .5em;
  border-top: 2px solid #B0AFAC;
}
.company_table__text{
  height: 120px;
}

.company_item_press__title{
  border-bottom: 1px solid #6F6F6F;
  display: block;
}
.company_item_press__link{
  float: right;
}
table.press_list{
  width: 98%;
  margin-left: 1%;
}
td.press__item__title{
  padding-left: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: underline;
  color: #1F62BB;
}
td.press__item__title a{
  vertical-align: middle;
}
a.press__item__pdf img{
  padding-left: 1em;
}
td.press__item__line{
  border-bottom: 1px solid #CFCFCF;
}


.interview_list_content{margin:30px 0; width:100%; clear:both; overflow:hidden;}
.interview_list_title{margin-bottom:-40px;}
.interview_list_title img{width:50%; max-width:500px;}
.interview_list{clear:both; overflow:hidden; width:400%;}
.interview_list li{width:200px; float:left;}
.interview_list_image{background:#e2e0d6;}
.interview_list_image img{width:100%;}
.interview_name{text-align:center;}

.image_title_content{
	margin:-150px 0 0 30px;
	z-index:60;
}
.image_title_content .item_list__title{height:60px; margin-bottom:20px;}


.interview__detail_header{
	position:relative;
	height:500px;
	overflow:hidden;
}
.interview__detail_title{
	padding:40px;
	background:#fff;
	position:absolute;
	top:80px;
	left:50px;
	z-index:2;
}
.interview__detail_image_title{
	text-align:center;
}
.interview__detail_image_title img{width:60%;}
.interview__detail_header .interview__name{text-align:center; font-size:18px;}
.interview__detail_header .interview__division{text-align:center; }
.interview__detail_header .image_title__image{min-width:1000px;}

.interview__thumbnail_title{font-size:18px; padding:10px 0; margin:0;}
.interview__division{padding:0 !important; margin:0;}
.interview__name{padding:0 !important; margin:0;}
.interview__profile{display:table; position:relative; margin:30px auto; max-width:800px;}
.interview__profile .column__left_box,.interview__profile .column__right_box{display:table-cell; vertical-align:middle;}
.interview__profile .column__left_box{width:20%;}
.interview__profile .column__right_box{width:80%; padding:20px;}
.interview__profile h2{margin:0; padding:10px 0;}
.interview__profile h2 strong{}
.interview__profile h2 span{ font-size:13px;}
.profile_title img{width:100%;}
.profile_title{
	position:absolute;
	top:-30px;
	right:0;
	width:150px;
}
#map_link{display:none;}
div#content{
	width:900px;
	margin:-100px auto 0 auto;
	font-size:12px;
}
div#content h1{font-size:24px; margin:0 0 10px 0;}
div#content h1 span{font-size:14px; padding:0 0 0 20px;}
div#content th{font-size:12px; padding:5px; vertical-align:middle; text-align:left;}
div#content .print-list_table td{width:34px; padding:5px; vertical-align:middle;}
div#content .print-description_table{}
div#content .print-description_table td{width:auto;}
div#content .print-list_table{}
div#content .print-list_table th:first-child,
div#content .print-description_table th{width:150px;}
div#content .print-list_table img{width:30px;}
div#content .print-list_table.txt_icon img{width:auto;height:30px;}
div#content #print_map{
	padding:30px 0 50px 0;
}
div#content .print-table{width:100%;}
div#content .print-table th{width:150px;}

div#content .img_area{text-align:center;}
div#content .print-hide{display:none;}

div.ptintAttention {
    padding: 10px 0 10px;
    border-top: #2e1308 1px solid;
    background: #ffffff;
    color: #602400;
}
div.ptintAttention p.right {
    float: right;
}

.right {
    text-align: right!important;
}
div.ptintAttention p.note {
    float: left;
    text-align: left;
}
p.note {
    font-size: 0.8em;
    text-align: right;
}

.list_condition{}
.list_condition__item{
	display:inline-block;
	border:1px solid #333;
	padding:5px 15px;
	margin-bottom:5px;
	margin-right:5px;
}
.condition__item_wrap:after{
	content:" ";
	display:block;
}
#SearchKeyListSta{
	margin-bottom:60px;
}
#DispKeyword{padding:40px 0 0 0; font-size:large;}

/*20170424昭文社*/
.search .mordal_button{
	position:absolute;
	top:0;
	left:550px;
}
.search .search__item .mordal_button{
	position:static;
}
.search{
  padding-bottom: 0;
}
.display_center{
	width: 100%;
	max-width:992px;
	margin: 0 auto;
}
.display_center .button_progress{width:300px;}
.size_m img{width:37.5px;}
.size_s img{height:26.5px;}

#shop_event #coffee_schools_list .thumbnail_updown__multicolumn__item{
	width:20%;
}

#search_result #search_result{padding-top:20px;}

.map_description{
	margin-bottom:25px;
	padding:10px 15px;
	background:#f7f6f2;
}

/** checkbox **********************************************************************/
.mordal_area li{width:270px; font-size:12px;}
.mordal_area .element_list:nth-child(2) li:nth-child(even){width:250px;}
.mordal_area tr td:nth-child(2) .element_list li:nth-child(odd){width:316px;}
#recruit .mordal_area .element_list:nth-child(2) li{width:268px;}
#recruit .mordal_area .element_list:nth-child(2) li:nth-child(even){width:268px;}

.mordal_area li img{width:50px;}


.mordal_area input[type="checkbox"]{
	-webkit-appearance: none;
	appearance: none;
	display:inline-block;
	width:15px;
	height:15px;
	background:#fff;
	border:.5px solid #000;
	position:relative;
	margin-bottom:-3px;
}
.mordal_area input[type="checkbox"]:checked,
.mordal_area .inpu_check input[type="checkbox"]{
	background:#e66708;
	border:0.5px solid #de5200;
}
.mordal_area input[type="checkbox"]:after{
	content:"　";
	display:inline-block;
	font-size:1px;
	line-height:1;
	width:5px;
	height:8px;
	overflow:hidden;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	transform: rotate(45deg);
	position:absolute;
	top:1px;
	left:4px;
}
.list_table__item.tdn:hover{
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
	.fit_list li{
		float:left;
		width:50%;
		position:relative;
	}
	.fit_list li:nth-child(1){
		float:left;
		width:50%;
		position:relative;
	}
	.footer_image_area{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 450px;
		background-image: url("../img/bgFooter.jpg") no-repeat center;
	}
	.list_sns{
		top:48%;
	}
	.fit_inner{padding:50px 50px 0 50px;}
	.interview__detail_header{margin-left:0;}
	footer .list_sns{width:auto; display:inline-block; left:0; position:static;}
}
/** SP *******************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1080px ) {
	.navi_global>li:nth-last-child(1),
	.navi_global>li:nth-last-child(2),
	.navi_global>li:nth-last-child(3){
		display:none;
	}
	.multilingual .navi_global>li:nth-last-child(1),
	.multilingual .navi_global>li:nth-last-child(2),
	.multilingual .navi_global>li:nth-last-child(3){
		display:block;
	}
	.multilingual .hamburger{display:none;}
	.multilingual .lang-switcher>a{display:inline;}
	
	.hamburger{
		display:block;
		position:absolute;
		top:50px;
		right:30px;
		font-size:40px;
		cursor:pointer;
	}
	.sub_navigation{
		display:none;
		float:none;
		position:absolute;
		z-index:999;
		background:#fff;
		right:0px;
		top:120px;
	}
	article, .form_list{margin-left:0;}
	.tb__gn{display:block;}
	.tb__gn_list{border-bottom:.5px solid #000;}
	.tb__gn_list li.navi_global__item{
		padding:15px 0 15px 25px;
		float:none;
		display:block;
	}
	.lang-switcher>a{display:none;}
	.tb__gn_list li.lang-switcher{width:100%; float:none; font-size:14px; padding:0; border:none;}
	.tb__gn_list li.lang-switcher .navi_global_child{display:block; position:static; border:none; padding:0;}
	.tb__gn_list li.lang-switcher .navi_global_child li{display:block; float:none; padding:15px 0 15px 25px;}
	.tb__gn_list li .global_sub{width:100%; float:none; font-size:14px;}
	.tb__gn_list li .global_sub li{padding:15px 0 15px 25px;}
	.tb__gn_list li.navi_global__item a{padding:0;}
	
	.tb__gn_list li{
		border-bottom:.5px solid #e8e8e8;
	}
	
	.fit_list li{
		float:left;
		width:50%;
		position:relative;
	}
	.fit_list li:nth-child(1){
		float:left;
		width:50%;
		position:relative;
	}
	.fit_inner{padding:50px 50px 0 50px;}
	
	.box_content__default{padding-left:30px;}
	.block__common_area{margin:30px;}
	.company_item_text,
	.company_item_content,
	.company_item_press{
		padding:30px;
	}
	
	.list_qa{padding-left:30px;}
	article>section{margin-left:30px;}
	.page_title,
	.image_title{margin-left:0;}
	header,footer,article{min-width:900px;}
	article>section#anchor_favorite{padding-left:30px;}
	article>section#anchor_favorite,
	.box_content__full_image{margin-left:0;}
	
	#pickups .thumbnail_updown__multicolumn__item:last-of-type{display:none;}
	#items .thumbnail_side__details{display:none;}
	#items .thumbnail_side__thumbnail{width:50%;}
	#items .thumbnail_side__thumbnail img{width:100%;}
	.item_detail{margin-left:30px;}
}
@media screen and (min-width: 769px) {
  .shop_near_pc a:last-child .shop_near-table{
    border-bottom: none;
  }
  .search__input{
    width: 464px;
  }
  .modal-close{
    cursor: pointer;
    border: 1px solid #000;
    padding: 10px;
  }
  .center-area{
    width: 992px;
    margin: 0 auto;
    display: flex;
  }
  #shop_root_map{
    width: 550px;
    margin-right: 50px;
    margin-top: 50px;
  }
  .root-detail{
    width: 382px;
  }
  .detail-note-top{
    /*width: 998px;*/
    max-width: 991px;
    margin-left: 50px;
    background: #f7f6f2;
    padding: 13px 0;
    text-align: center;
    margin-top: 60px;
    font-size: 12px;
  }
  .list_table_detail{
    margin-top: 10px;
  }
}
.detail_shop-note{
  margin-top: 20px;
  font-size: 12px;
}
/** SP *******************************************************************************************/
@media screen and (max-width: 768px) {
		.thumbnail__pic_image~a{margin-top:30px;}
	.fit_inner{padding:50px;}
	.tb__gn{display:none;}
	.navi_global>li:nth-last-child(1),
	.navi_global>li:nth-last-child(2),
	.navi_global>li:nth-last-child(3) {
		display:block;
	}
  .sp-detail-shop-top{
    position: relative;
  }
  .detail-note-top{
    padding-top: 70px;
    width: 87.5%;
    margin: 0 auto;
    font-size: 12px;
    
  }
  .detail-note-top p{
    padding: 13px 8px;
    background: #f7f6f2;
    margin-bottom: -60px;
    }
	article>section{margin-left:0;}
	.module_sample pre{display:none;}
	.only_pane>section:not(.page_title,.image_title){padding:20px;}
	h2{font-size:17px;}
	body{min-width:320px; padding-top:109px; font-size:13px;}
		/* header */
	header{
			position:absolute !important;
			right:0;
			left:0;
			top:0;
			text-align:center;
			background:#fff;
			position:relative;
			border-bottom:0.5px solid #bfbfbf;
			z-index:9999;
			height:75px;
			padding:0;
	}
	.hamburger{
		display:block;
		position:absolute;
		top:27px;
		right:21px;
		cursor:pointer;
	}

	.image_title{
		position:relative;
		width:100%;
		height:auto;
		/*
		height:225px;
		overflow:hidden;
		*/
	}

	.image_title__image{
		/*position:absolute;*/
		top:0;
		left:0;
		z-index:1;
	}
	.image_title__image img{
		/*width:250%;
		margin-left:-100%;*/
		width:100%;
	}
	.image_title h1{
		display:inline-block;
		width:182px;
		height:182px;
		padding-top:70px;
		font-size:140%;
		position:absolute;
		top:21.5px;
		left:21.5px;
		z-index:999;
		color:#fff;
		border:0.5px solid #fff;
		vertical-align:middle;
		text-align:center;
	}

	.box_content__full_image{
		position:relative;
		width:100%;
		/*height:200px;
		overflow:hidden;*/
	}
	.box_content__full_image h2{
		position: absolute;
		color:#fff;
		z-index:1;
		text-align: center;
		padding-top:0;
		width:100%;
	}
	.font__script_title{
		font-weight:normal;
		font-size:36px;
	}
	.block__type_description{
		display:block;
		font-size:13px;
		font-weight:normal;
		padding-top:10px;

	}
	.sp__small_image{width:200px; margin:0 auto;}
	/*
	.common_title_image{
		width:200%;
		left:-30%;
		position:absolute;
		z-index:0;
	}
	*/
	.common_title_image img{width:100%;}

	/*.navi{display:none;}*/
	header>a{
		display:block;
		margin:0 auto;
		width:35px;
	}
	.logo{
		position:static;
		width:50px;
		height:58px;
		background-size:100%;
		margin:9px 0 9px -8px;
		font-size:10px;
		text-indent:200%;
	}
	.navi{display:none;}
	.navi_global {
		display:block;
		height:auto;
		background:#fff;
		margin-left: 0;
		width:auto;
		position:absolute;
		top:64px;
		right:0;
		left:30px;
		bottom:0;
		box-shadow:-2px 2px 3px rgba(0,0,0,0.3);
		-o-box-shadow:-2px 2px 3px rgba(0,0,0,0.3);
		-ms-box-shadow:-2px 2px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:-2px 2px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:-2px 2px 3px rgba(0,0,0,0.3);
	}
	.navi_global li {
		display:block;
		background:#fff;
		color:#333;
		text-align:left;
	}
	.navi_global li a {
		display:block;
		color:#333;
		padding:10px 20px;
		border-bottom:0.5px solid #ddd;
	}

	.navi_global>li:last-of-type{max-width:100%; width:100%;}
	.navi_global>li .global_sub>li:last-of-type{max-width:100%; width:100%;}
	.global_sub{max-width:100%; width:100%;}
	.navi_global>li {
		float: none;
	}
	.navi_global>li:nth-last-child(1) {
		float: none;
		margin-right:0;
		margin-top:0;
	}
	.navi_global>li:nth-last-child(2) {
		float: none;
		width:100%;
		margin-right:0;
	}
	.navi_global__item{padding: 0 5px;}
	.navi_global__item:nth-child(1){
		padding: 0 5px;
	}
	.navi_global_child{display:none;}
	.navi_global_child__item{}
	.lang-switcher{
		padding:0;
		border:none;
	}
	.lang-switcher .navi_global_child a{padding:10px;}
	.lang-switcher .navi_global_child{display:block; clear:both; overflow:hidden;}
	.lang-switcher .navi_global_child a{text-align:center;}
	.lang-switcher__item{display:block; float:left; width:33%;}
	.lang-switcher a:before {
	  display:none;}
	.global_sub{}
	.global_sub__item{}
	.lang-switcher__item{padding:0;}
	.lang-switcher .navi_global_child {
		position:static;
		padding: 0;
		border: none;
	}

	.local_navi_clone{
		/* 2016/12/26 昭文社*/
		/*display:block;*/
		width:100%;
		-webkit-appearance: none;
		padding:15px 20px;
		background:url("../img/sankaku.jpg") no-repeat right;
		background-size:35px;
	}
	.sub_navigation{display:none;}
	.clone_navi{display:none; border-top:0.5px solid #ddd; /*margin-top:30px;*/}
	.clone_navi .sub_navigation{
		display:block;
		position:static;
		width:100%;
		padding:0;
	}

	article,.form_list{
		margin:0;
	}
	
	.item_list li p.item_list__title{font-size:16px;}
	.centering__title h2{font-size:16px;}
	.common__description{font-size: 13px;}
	
	/* footer */
	#footer {
		width: 100%;
		padding:0 0 30px 0;
		text-align: center;
		position: relative;
	}
	.thumbnail_side__2column{
		display:block;
	}
	.thumbnail_side__thumbnail img{width:100%;}
	.thumbnail_side__2column dt{}
	.thumbnail_side__2column dd.thumbnail_side__details{
		padding:20px;
		margin:0;
	}
	.thumbnail_updown__multicolumn__item{width:40%;}
	.thumbnail_updown__multicolumn__item img{width:100%;}
	

	#pickups{padding:40px 0 0 0;}
	.title_pickup{
		position:static;
		margin:0 auto;
		padding-top:40px;
	}
	#pickups .thumbnail_updown__multicolumn{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 40px;
		margin:0 auto;
	}
	#pickups .thumbnail_updown__multicolumn__item{
		text-align:center;
		padding-bottom:30px;
	}
	#pickups .thumbnail_updown__multicolumn__item p{
		padding-top:10px;
	}
	#fyt{
		background-position: top center;
		background-size: 1000px;
		padding-bottom:40px;
	}
	#fyt .thumbnail_updown__multicolumn{
		padding-top:300px;
	}
	#fyt .thumbnail_updown__multicolumn__item p{
		margin-bottom:30px;
	}

	#fyt .thumbnail_updown__multicolumn__item:nth-child(1),
	#fyt .thumbnail_updown__multicolumn__item:nth-child(2){width:80%;}
	#fyt .button{padding:0 15%;}

	#topics .thumbnail_updown__3column__item{width:100%;}
	#topics .thumbnail_updown__3column__item a{
		display:block;
		vertical-align:middle;
	}

	#information{border:none;}
	#information .title-info{
		float:none;
		border:1px solid #333;
		border-right:none;
		border-left:none;
		text-align:center;
		padding:10px;
		margin-bottom:20px;
		font-size:24px;
	}
	#information .details-info{padding:0;}

	#links .thumbnail_updown__multicolumn{
		display:block;
		clear:both;
		overflow:hidden;
		width:80%;
		margin:0 auto 30px auto;
	}
	#links .thumbnail_updown__multicolumn__item{
		float:left;
		width:50%;
		margin-bottom:20px;
	}
	#links .thumbnail_updown__multicolumn__item img{width:100%;}
	.sp_slider_wrapper{
		display:block;
	}
	.slider-wrapper{display:none;}
	.sp_slider_wrapper .slider-wrapper{display:block; height:auto;}
	.sp_slider{width:100%;}
	.sp_slider>div{width:100%; float:left;}
	.sp_slider img{width:100%;}
/*
	.slider-wrapper{height:auto;}
	.slider div{width:320px; height:auto;}
	.slider div img{width:100%; height:auto;}
	.slider_lay{display:none;}
*/
	.sp_slider_lay{
		display:table;
		width:100%;
	}
	.sp_slider_lay>div{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		padding:10px;
	}
	.slider_arrow_l,.slider_arrow_r{font-size:30px; font-weight:100; color:#555;}


	.footer_image_area{
		width: 100%;
		height: 320px !important;
		min-height:320px;
		background: url("../img/bgFooterSp.jpg") no-repeat center;
		background-size: cover;
		padding-top:113px;
	}
	.footer_text_area{}
	.footer_text_area>p{font-size:10px;}

	.title_footer {
		background-size: 240px !important;
		width: 100%;
		height: 95px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background: url("../img/logoFooterSp.png") no-repeat center;
	}
	footer .list_sns li{padding:0 4px;}
	footer .list_sns li:nth-child(2){padding:0 0 0 4px;}
	footer .list_sns li:nth-child(3){padding:0;}
	footer .list_sns li:nth-child(4){padding:0 4px;}
	footer .list_sns li img{width:40%;}
	footer .list_sns{margin-top:25px;}
	
	.list_sns {
		display: inline-block;
		width: 100%;
		text-align:center;
		position: absolute;
		top: 48%;
		left: 0; }
	.list_sns li{
		display: inline-block;
		padding:0 10px;
		text-align:center;}

	.list_footer {
		display:block;
		padding-top: 30px;
		padding-left: 0%;
		padding-bottom: 25px;
		width: 100%; }
	.list_footer li{
		padding:0 5px;
		display:inline-block;}

	.sp_gnavi_wrapper{display:block; font-size:13px;}
	#sp_gnavi{
		display:block;
		padding:7px 10px;
		background:#fff;
		margin-top:0;
		border-bottom:0.5px solid #333;
		position:relative;
	}
	#sp_gnavi li{
		display:inline-block;
		text-align:center;
	}
	#sp_gnavi li a{
		padding:7px 5px;
	}
	#sp_gnavi>li>a:hover{
		border-bottom:3px solid #333;
	}
	#sp_gnavi .navi_global_child{
		position:absolute;
		background:#fff;
		top:33px;
		left:0;
		right:0;
		border-top:0.5px solid #ddd;
	}
	#sp_gnavi .navi_global_child__item{
		float:left;
		width:50%;
		border-bottom:0.5px solid #ddd;
	}
	#sp_gnavi .navi_global_child__item:nth-child(odd){
		border-right:0.5px solid #ddd;
	}
	#sp_gnavi .navi_global_child__item a{
		display:block;
		padding:25px 10px;
		text-align:left;
		background:url("../img/menuRightArrow.png") no-repeat 94% 50%;
		background-size:7px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		-moz-text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
	}
	#sp_gnavi .navi_global_child__item span{
		display:block;
		padding:25px 10px;
		text-align:left;
	}

	.list_col_6 li{width:46%; margin:0 2% 30px 2%; padding:0;}
	.list_col_5 li{width:46%; margin:0 2% 30px 2%; padding:0;}
	.list_col_4 li{width:46%; margin:0 2% 30px 2%; padding:0;}
	.list_col_3 li{width:46%; margin:0 2% 30px 2%; padding:0;}
	.list_col_2 li{width:46%; margin:0 2% 30px 2%; padding:0;}
	.list_col_2 img,.list_col_3 img,.list_col_4 img,.list_col_5 img,.list_col_6 img{width:100%;}
	.list_col_2 li:nth-child(even),.list_col_3 li:nth-child(even),.list_col_4 li:nth-child(even),.list_col_5 li:nth-child(even),.list_col_6 li:nth-child(even){
		margin:0 0 30px 2%;
	}

	.content{margin:20px;}
	.school_outline__text, .school_outline__detail{width:100%; padding:0;}
	.school_gift li{width:100%; float:none; margin-bottom:10px;}
	.content .item_list li{padding-right:0;}
	.col_liquid_2 li,.col_liquid_3 li,.col_liquid_4 li,.col_liquid_5 li,.col_liquid_6 li{padding-right:0;}

	.link_maincourse,.link_optionalcourse{}
	.link_maincourse li,.link_optionalcourse li{
	  float: left;
	  width:45%;
	  margin: 0.5em;
	}
	.link_maincourse li img,.link_optionalcourse li img{
		width:100%;
	}
	.contact_list h4{text-align:center;}
	.contact_list div{
		text-align:center;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin-bottom: 2em;
	}

	.block_table thead{display:none;}
	.block_table,.block_table tbody,.block_table tr, .block_table th, .block_table td{display:block;}
	.block_table td{clear:both; overflow:hidden;}
	.block_table tr{padding:20px 0;}
	.block_table td>div{
		width:65%;
		float:left;
	}
	.block_table td>div.pc_hide{display:block; width:30%;}
	.block_table td .button_progress{width:100%; margin-left:30%;}
	.course_table h2{margin:0;}
	.col_liquid_2 li,.col_liquid_3 li,.col_liquid_4 li,.col_liquid_5 li,.col_liquid_6 li{
		display: inline-block;
 		width: 46%;
 		margin:0 2% 30px 2%;
	}
	.col_liquid_2 li:nth-child(even),.col_liquid_3 li:nth-child(even),.col_liquid_4 li:nth-child(even),.col_liquid_5 li:nth-child(even),.col_liquid_6 li:nth-child(even){
 		margin:0 0 30px 2%;
	}
	.col_liquid_2_1 li,.col_liquid_3_1 li,.col_liquid_4_1 li,.col_liquid_5_1 li,.col_liquid_6_1 li{
		display: inline-block;
 		width: 100%;
 		margin:0 0 30px 0;
	}

	.main_course_list li{
	  display: block;
	  width: 100%;
	  margin-bottom:30px;
	}
	.optional_course_list li{
	  display: block;
	  width: 100%;
	  margin-bottom:30px;
	}
	.optional_course_list,.main_course_list{margin-bottom:0;}
	.item_list li p.item_list__text{padding:5px 0 10px 0; height:auto;}



	.box_content__default{ clear:both; overflow:hidden; padding:20px 20px; margin:0 0 40px 0; }
	.box_content__long{padding:20px 20px; max-width:100%; margin:0; clear:both; overflow:hidden;}
	.box_content__short{padding:20px 20px; max-width:100%; margin:0; clear:both; overflow:hidden;}

	.allergy__list li{width:48%; font-size:14px;}
	.allergy__list>li>ul{min-height:100px;}
	.allergy__list>li:nth-child(3)>ul{min-height:130px;}
	.allergy__list>li:nth-child(4)>ul{min-height:130px;}
	.allergy__list>li:nth-child(5)>ul{min-height:200px;}
	.allergy__list>li:nth-child(6)>ul{min-height:200px;}
	.allergy__list>li:last-of-type>ul{float:none;}
	.button_pdf{width:100%;}


/*********************/
	.allergy_table, .allergy_table thead,.allergy_table tbody,.allergy_table tr,.allergy_table th, .allergy_table td{display:block;}
	.allergy_table__item_name{width:100%;}
	.allergy_table tbody td:not(.allergy_table__item_name){display:none;}
	.allergy_table thead{display:none;}
	.allergy_table,.allergy_table tbody, .allergy_table tr, .allergy_table th{margin:0; padding:0; border:none;}
	.allergy_table td.allergy_table__item_name{
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #ddd;
		padding:20px 0;
		font-size:20px;
	}
	.allergy_table__item_name span{
		display:inline-block;
		border:1px solid #ddd;
		padding:5px 10px;
		margin:5px;
		font-size:14px;
	}
	.allergy_table td.allergy_table__item_name{width:100%;}
	.space_creator{height:15px; width:100%;}
	span.icon__hot{background:#f3a699; color:#fff;}
	span.icon__ice{background:#97d2ec; color:#fff; border:none;}

	.anchor_list{
		margin:30px 0;
		width:100%;
	}
	.anchor_list li{display:inline-block;}
	.button_anchor {
		width:46%;
		padding:7px 5px;
		margin:5px;
		border:1px solid #d1cdc8;
		background:#f3efea;
		position:relative;
	}
	.button_anchor a{display:inline-block;}
	.button_anchor a:after {
		content:"▼";
		font-size:10px;
		position:absolute;
		top:0;
		right:0;
		background:#d1cdc8;
		color:#fff;
		padding:10px 8px;
	}
  .list_type_check img {
    margin:0 1em 0 0;}
	.common_title{text-align:center;}
	.only_pane .box_content__default{
		margin:0 10px 20px 10px;
	}
	.only_pane .button_inline{display:block; width:100%; margin-bottom:20px;}
	.only_pane .common_title__button{display:none;}
	.common_title__description{display:block; padding:0;}
	/*** CheckBox ***************/
	label.checkbox{
		display:block;
		padding:20px;
		background:#fff;
		width:auto;
		margin-bottom:10px;
		border:1px solid #333;
	}
	.responsive_form label.allergy{
		display:block;
		padding:25px 40px 50px 80px;
		background:#fff;
		width:auto;
		margin-bottom:10px;
		border:1px solid #333;
		text-align:left;
		position:relative;
	}
	.allergy .icon__form{
		opacity: 0.5;
		display: inline-block;
		width: 75px;
		height: 75px;
		position: absolute;
		vertical-align: middle;
		margin-bottom: 10px;
		top:0;
		left:0;
	}

	.grand_menu{padding:10px;}
	.grand_menu_list{clear:both; overflow:hidden;}
	.grand_menu_list li{
		float:left;
		width:49%;
		margin-right:2%;
		margin-bottom:15px;
	}
	.grand_menu_list li:nth-child(odd){margin-right:0;}
	.grand_menu_list li:nth-child(1){width:100%; margin-right:2%;}
	.grand_menu_list li img{width:100%;}

	.community__list{padding:0 10px; clear:both; overflow:hidden;}
	.community__list li{
		width:100%;
		float:left;
		margin-bottom:20px;
		position:relative;
		overflow:static;
		padding-top:35px;
	}
	.community__image{}
	.community__image img{width:100%;}
	.community__text{
		position:static;
		left:0;
		right:0;
		bottom:0 !important;
		background:none;
		color:#333;
	}

	.community__text h3{
		padding:0;
		margin:0;
		position:absolute;
		top:0;
		left:0;
	}
	.community__text p{
		padding:10px 0;
	}
	.community__text h3,
	.community__text p,
	.community__text p span,
	.community__text p strong{
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sp_hide{display:none;}
	.pc_hide{display:block;}


	.step__list{width:100%; text-align:center;}
	.step__list li{padding:0 10px 30px 10px; position:relative;}
	.step__list dl{display:block; width:100%;}
	.step__list dt{display:block; width:100%; padding:0; margin:0; font-size:20px;}
	.step__list dd{display:block; width:100%; padding:0; margin:0;}
	.step__list h3{padding:0; margin:0;}
	.step__list dl:after{right: 40%;}
	.step__list li:last-of-type dl:after{display:none;}
	.step__list .centering{width:100%; margin:0; padding:0; font-size:20px;}


	.apply_list__title{
	  border-bottom: 1px solid #ccc;
	}
	.apply_list{
	  padding: 20px;
	  margin-bottom:30px;
	  background-color: #F7F6F2;
	}
	.apply_list li{
	  display: inline-block;
	}
	.apply_list__text{
	  vertical-align: top;
	  width: 100%;
	}
	.apply_list__text h4{
	  padding: 0 0 20px 0;
	  border-bottom: 1px solid #ccc;
	}
	.apply_list__img{
		vertical-align: middle;
		width: 100%;
		margin:0 auto;
		position:relative;
		padding-bottom:40px;
	}
	.apply_list__img img{
	  display:none;
	}
	.apply_list__img:after{
		position: absolute;
		bottom: 0;
		right: 40%;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 20px solid #b6b5b5;
		border-left: 35px solid transparent;
		border-right: 35px solid transparent;
	}
	.column__left_box{width:100%; float:none;}
	.column__right_box{width:100%; float:none;}
	.column__image_box{width:100%; float:none;}
	.column__text_box{width:100%; float:none; margin:0 2%;}

	.image_title.long_height{
		height:150px;
	}
	.long_height .image_title__image{
		position:absolute;
		top:0;
		left:0;
	}
	.long_height .image_title__image img{
		min-width:auto;
		width:100%;
		margin:0;
	}
	.centering__title .title_image{
		text-align:center;
		max-width:50%;
	}
	.box_content__image_fit{padding:0; width:90%; display:block; margin:30px auto;}
	.full_width{}
	.bg_white{background:#fff;}
	.bg_beige{background:#f7f6f2;}
	.bg_dark_beige{background:#e2e0d6;}
	.box_content__image_fit .column__left_box{display:block; float:none; vertical-align:middle;}
	.box_content__image_fit .column__right_box{display:block; float:none; vertical-align:middle;}
	.box_content__image_fit .common__description{padding:20px;}
	.box_content__image_fit .thumbnail__pic_image{width:100%;}
	.arrow_link_wrapper h2{
		border-bottom:1px solid #000;
		padding-bottom:10px;
		position:relative;
		text-align:left;
	}
	.arrow_link_wrapper h2:after{
		content:">";
		position:absolute;
		right:0;
	}

	.interview_list_content{margin:30px 0; width:100%; clear:both; overflow:hidden;}
	.interview_list_title{margin-bottom:-100px;}
	.interview_list_title img{width:80%;}
	.interview_list{clear:both; overflow:hidden; width:20000px;}
	.interview_list li{width:320px; float:left;}
	.interview_list_image{background:#e2e0d6;}
	.interview_list_image img{width:100%;}
	.interview_name{text-align:center;}

	.newshop_list_content{clear:both; overflow:hidden; width:90%; margin:0 auto; padding:20px 0;}
	.newshop_list_content .section h2{line-height:1;}
	.simple__dl_list{border-bottom:1px solid #000; padding:10px 0;}
	.simple__dl_list dt,
	.simple__dl_list dd{display:block; margin:0; padding:0;}

	.sp_onecolumn.box_content__flex{padding:0; background:#fff;}
	.sp_onecolumn .item_list li{width:100%; padding:0 0 20px 0; margin:0;}
	.sp_onecolumn .item_list li h2.item_list__title{margin:15px 20px;}
	.sp_onecolumn .item_list li p.item_list__text{margin:0 20px 20px 20px;}
	.sp_onecolumn .item_list__title{margin:15px 20px;}
	.sp_onecolumn .item_list__text{margin:0 20px 20px 20px;}
	.sp_onecolumn__padding .item_list li{width:100%; padding:0; margin:0;}
	.resize_image img{width:100%; height:auto;}
	.resize_image{
		overflow:hidden;
		width:100%;
		height:150px;
	}

	.interview__detail_header{
		position:relative;
		height:auto;
		overflow:hidden;
	}
	.interview__detail_title{
		padding:40px;
		background:#fff;
		position:static;
		width:100%;
	}
	.interview__detail_image_title{
		display:none;
	}
	.interview__detail_image_title img{width:60%;}
	.interview__detail_header .interview__name{text-align:center; font-size:18px;}
	.interview__detail_header .interview__division{text-align:center; }
	.interview__detail_header .image_title__image{width:100%; min-width:auto; position:static;}

	.interview__profile{display:block; position:relative; clear:both; overflow:hidden; margin:30px 0; padding:20px; max-width:100%;}
	.interview__profile .column__left_box,.interview__profile .column__right_box{display:block; vertical-align:middle;}
	.interview__profile .column__left_box{width:20%; float:left; padding-bottom:10px;}
	.interview__profile .column__right_box{width:70%; float:right; padding:0;}
	.interview__profile h2{margin:0; padding:10px 0;}
	.interview__profile h2 strong{display:block;}
	.interview__profile h2 span{display:block; padding:10px 0;}
	.profile_title{display:none;}
	.interview__profile .column__right_box div{
		margin-left:-45%;
		margin-top:8%;
	}
  .shop_gsearch_btn__wrap{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    border-bottom: 1px solid #000;
  }
  .shop_gsearch_btn{
    text-align: center;
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #999999;
    position: relative;
  }
  .shop_gsearch_btn.active{
    font-weight: bold;
    color: #000;
    }
  .shop_gsearch_btn:last-child{
    border-left: 1px solid #000;
    padding: 25px 0;
  }
  .shop_gsearch_btn:last-child img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .shop_gsearch_btn:first-child img{
    width: 11px;
    height: 19px;
    margin-right: 5px;
  }
  .shop_gsearch_btn:first-child{
    display: block;
    padding: 25px 0;
    font-weight: normal;
  }
  .shop_gsearch_btn:first-child::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 19px;
    background: url('../img/icon_near.png') no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  .shop_gsearch_btn.active:first-child::before{
    background: url('../img/icon_near_black.png') no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  .shop_gsearch_btn:last-child::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url('../img/icon_search_off.png') no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  .shop_gsearch_btn.active:last-child::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url('../img/icon_search_black.png') no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }

  .tab{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .tab .tab__item{
    padding: 15px 1em;
  }
  .shop_near-address{
    display: none;
  }
  .shop_near-table dt{
    padding: 20px 0;
  }
  .shop_near-table dt::before{
    background: none;
  }
  .shop_near-table .shop_near-distance{
    padding-right: 45px;
    position: relative;
  }
  .shop_near-table .shop_near-distance::after{
    content: '';
    border-right: 0.5px solid #000;
    border-top: 0.5px solid #000;
    display: block;
    width: 10px;
    height: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
  }
	.search__item{padding:10px 0;}
	.search__input{
		width:71.42857142857143%;
		margin-right:0;
		padding: 0.8em 1em 0.8em 1em;
	}
	.button_search{
		position:static;
		width: 25%;
		height: 36px;
    margin-left: 3.571428571428571%;
		background-size: 15px, 15px;
    text-align: left;
    padding-left: 11vw;
	}
  .search__input__wrap {
    padding: 0 20px;
    width: 100%;
  }
  .shop_near_pc{
    /* 2016/12/26 昭文社 edit start */
    /* margin-top: 0; */
    width: auto;
    margin: 20px 0 0 0;
    padding: 10px 0;
    /* 2016/12/26 昭文社 edit end */
    display: none;
  }
	.mordal_button {
	  padding: 0 20px;
	  width: 100%;
	  position: static;
	  text-align:center;
	  margin:10px auto;
	  top: 0;
	  left: 0;
    background: none;
    box-shadow: 0 0 0 rgba(0,0,0,0.4)
    }
  .mordal_button__inner{
    background: #301c0f;
    padding: 10px 0 10px 12px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.4)
  }
	.search .mordal_button{
		position: static;
		top: 0;
		left: 0;
		margin:10px auto;
		text-align:left;
	}
  .modal_icons_btn{
  cursor: pointer;
  text-decoration: underline;
}
.modal_ic{
  text-align: center;
  position: absolute;
  z-index: 2;
  background: #f7f6f2;
  width: 100%;
  padding: 20px 0 10px;
  left: 0;
  top: 94px;
}
.modal_ic::after{
  border: none;
  border: 10px solid transparent;
  /*border-left: 10px solid transparent;*/
  border-bottom: 10px solid #f7f6f2;
  position: absolute;
  right: 70%;
  top: -10px;
}
.modal_ic-inner{
  width: 80%;
  margin: 0 auto;
}
.modal_ic p{
  font-size: 12px;
}
.modal_ic li{
  width: 20%;
}
.modal_ic li img{
  width: 100%;
}
.modal-close{
  border: 1px solid #000;
  padding: 9px 0;
  margin-top: 15px;
  margin-bottom: 20px;
}
.modal_ic ul{
  margin-top: 20px;
  margin-left: -10px;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.modal_ic li {
  margin-left: 5%;
  margin-bottom: 10px;
}
.detail_shop_link{
  display: block;
}
.detail_shop_link li{
  margin-top: 20px;
  margin-left: 0;
}
	.search>form>.mordal_button{
		position: static;
		width:95%;
		margin:0 0 0 10px;
	}
	  .img_area,
	  .img_area_note{display:none;}
	#shop_search {
  		width:auto;
  		margin: 20px 0 0 0;
		padding:10px 0;
	}

  	#shop_near {
  		width:auto;
  		margin: 0;
		/*padding:10px;*/
	}

  	#shop_new {
  		width:auto;
  		margin: 0;
      margin-bottom: -30px;
		padding: 20px 20px 0;
	}
  .search__input--wrap{
    width:71.42857142857143%;
  }
  .size_s img{
    height: 40px;
  }
  select.search__input{
    width:100%;
    padding-right: 0;
  }
	.mordal_area{display:none;}
	.mordal_area tbody,
	.mordal_area tr,
	.mordal_area td,
	.mordal_area th{display:block !important; float:left; width:100%;}
  .
	.element_list{}
	.mordal_area li{
		border:1px solid #333;
		background:#f7f6f2;
		margin-bottom:10px;
	}
	.mordal_area li input[type="checkbox"]{
		display:none;
	}
	.error_page{padding-bottom:30px;}
	.error_page .button{width:300px;}
	.error_page p{padding: 0 20px;}

	#search_result{padding:20px 0 0; margin:0px; width:100%;}
	#search_result .list_table{width:100%; border-spacing: 0; border-top:.5px solid #333; clear:both;}
	#search_result .list_table th,#search_result .list_table td{padding:20px 20px;}
	#search_result .button_progress{margin: 0 auto 30px auto; width:80%;}
	.round #search_result .list_table th,.round #search_result  .list_table td{
		border-bottom:none;
		vertical-align:middle;
		padding:0;
		display:block;
		padding:30px 0;
	}
  .button_progress.bt{
    border-top: 1px solid #333 !important;
  }
	.round #search_result .list_table,
	.round #search_result .list_table tbody,
	.round #search_result .list_table tr,
	.round #search_result .list_table th,
	.round #search_result .list_table td{display:block;}
	.round #search_result .list_table tr th:nth-child(3){text-align:center; width:60px;}
	#search_result .list_table tr td:nth-child(2){display:none;}
	#search_result .list_table tr th:nth-child(2){display:none;}

	.round #search_result .list_table tr{clear:both; overflow:hidden; border-bottom:.5px solid #bfbfbf;}

	.round #search_result .list_table tr td:nth-child(1){float:right; width:78%; padding-left:20px;}
	.round #search_result .list_table tr th:nth-child(1){float:right; width:78%;}
	.round #search_result .list_table tr td:nth-child(3){float:left; width:20%; padding-left:20px;}
	.round #search_result .list_table tr th:nth-child(3){float:left; width:20%;}

	#search_result .list_table__item a{
		display:block;
		position:relative;
		/*margin-top:15px;*/
		padding-right:20px;
    font-weight: bold;
	}
	#search_result .list_table__item a:after{
		content:"";
		position:absolute;
		top:50%;
		right:10px;
		color:#888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    margin-top: -5px;
	}
	
	.list_table__item[colspan="2"]{
		width:100%;
		clear:both;
	}
	.list_table__item[colspan="2"] .display_center{padding:0;}
	.list_table__item[colspan="2"] .button_progress:nth-child(1),
	.list_table__item[colspan="2"] .button_progress:nth-child(2){width:100% !important; float:none !important;}
	#recruit #shop_event{padding-bottom:30px;}
	.shop-detail-area{min-height:auto;}
	
	section h2{margin-bottom:0;}

	#search_result .info_text{ padding:10px 20px;}
	#search_result .page_list{ padding:25px 20px 55px 20px;}
	
	.list_table_detail td[colspan="2"]{width:100%;}
	

	.round #search_result .info_text{float:none; padding:20px;}
	.round #search_result .page_list{float:none; padding:20px;}

	.print_linkarea {display:none;}

	.page_title{text-align:center; font-size:17px; line-height:1; padding:20px;}
	#shop_title .page_title{text-align:center;}
	.footer_before_sns .flex_listarea{
		position:static;
		display:block;
		padding:15px;
		text-align:center;
		border-top:1px solid #333;
	}
	.footer_before_sns .flex_listarea__item{display:inline-block; width:25px; margin:15px 15px;}
	.shop-detail-area{
		margin: 0 20px;
    padding-top: 80px;
	}

	.list_table_detail{width:100%;}
	.list_table_detail tr:nth-child(1) img{width:100%; max-width:540px;}
	.list_table_detail tr:nth-child(1){text-align:center;}
	.list_table_detail th{width:30%;}

	/*.shop-detail-area{padding-top:20px;}*/
	#shop_map{padding-top:50px;}
	.list_table_detail td,.list_table_detail th{padding:5px 0;}
	.list_icon__item{margin-bottom:10px;}
	.shop-detail-area .list_icon {
		display:block;
		clear:both;
		overflow:hidden;
	}
	.shop-detail-area .list_icon li{
		float:left;
	}
	#shop_map {
	  width: 100%;
	  position:static;
	  top:180px;
	  left:50px;
	  padding:0;
	}
	#shop_map .button,
	#map_link.button{
		background:#fff;
		color:#333;
		padding:18px 20px 18px 40px;
		border-top:1px solid #333;
		border-bottom:1px solid #333;
		position:relative;
		margin:0;
	}
	#shop_map .button:before,
	#map_link.button:before{
		content:" ";
		/*position:absolute;*/
		width:20px;
		height:20px;
		background:url("../img/maplink_image.png") no-repeat;
		background-size:contain;
		display: inline-block;
    vertical-align: middle;
	}
	#shop_map .button a,
	#map_link a{
		color:#333;
    display: inline-block;
	}
	#shop_map .button_progress,
	#map_link.button_progress{
		border-right:none;
		border-left:none;
		box-shadow:none;
		-o-box-shadow:none;
		-ms-box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
    border-top: none;
	}
	#shop_event {
		clear: both;
		background:#f7f6f2;
		margin:30px 0 0 0;
		padding:40px 20px 140px 20px;
	}
	
	#shop_event~footer{margin-top:0;}
	#shop_event .button {
		background:#fff;
		box-shadow:none;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		margin:0;
		padding:40px 0;
	}
	#shop_event .button a{
		width:280px;
	}
	#shop_event .thumbnail_updown__multicolumn{display:block; clear:both; overflow:hidden; margin:0; padding-bottom:20px;}
	#shop_event .thumbnail_updown__multicolumn__item{float:none; width:100%; padding:10px 0 5px 0;}
	#shop_event .thumbnail_updown__multicolumn__item img{width:100%; margin-bottom:0; padding-bottom:5px;}
	
	.section_title__lv1{border-bottom:none; padding:0; margin:0; font-size:16px;}
	#shop_map .button{display:block;}
	#map_link{display:block;}
	#shop_map .detailMap{display:none;}
	.section_title__lv2{margin-bottom:10px;}
	.list_type_check{display:block; width:100%; padding-left:0; position:relative; line-height: 4.0em;}
	#recruit .list_type_check{display:block; width:100%; padding-left:10px; position:relative; line-height: 4.0em;}
	/*.list_type_check.inpu_check:after{
		content:" ";
		width:15px;
		height:15px;
		background:url("../img/check_on_icon.png") no-repeat;
		background-size: contain;
		position:absolute;
		top:18px;
		right:20px;
		z-index:3;
	}*/
  .list_type_check.inpu_check{
    background: #fff;
    border: 1px solid #000 !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
	.display_center{
		width: auto;
		padding: 0 20px;
		margin:0;
	}
    #shop_map .button_progress{
    position: absolute;
    top: 0;
  }
	.mordal_area tbody{margin-top:0 \9;}
	.mordal_area .element_list:nth-child(2) li{width:100%;}
	.mordal_area .element_list:nth-child(2) li:nth-child(even){width:100%}
	.mordal_area li{height:55px;}
	.mordal_area tr:nth-child(1) td:nth-child(1) li:nth-child(1) img,
	.mordal_area tr:nth-child(1) td:nth-child(1) li:nth-child(2) img,
	.mordal_area tr:nth-child(1) td:nth-child(2) li:nth-child(1) img,
	.mordal_area tr:nth-child(1) td:nth-child(2) li:nth-child(2) img,
	.mordal_area tr:nth-child(1) td:nth-child(2) li:nth-child(3) img,
	.mordal_area tr:nth-child(1) td:nth-child(2) li:nth-child(4) img,
	.mordal_area tr:nth-child(1) td:nth-child(2) li:nth-child(5) img{margin:0 1em 0 0; padding:0; background:#f7f6f2;}
	
	.list_table_detail, .list_table_detail tbody, .list_table_detail tr,{display:block; width:100%;}
	.list_table_detail tr{clear:both; overflow:hidden;}
	.list_table_detail th{display:block; width:20%; float:left;}
	.list_table_detail td{display:block; width:78%; float:right;}
	.list_table_detail .size_m th,
	.list_table_detail .size_m td,
	.list_table_detail .size_s th,
	.list_table_detail .size_s td{display:block; width:100%;}
	/*
	.list_table_detail tr:nth-child(2) th,
	.list_table_detail tr:nth-child(3) th,
	.list_table_detail tr:nth-child(4) th{width:20%; float:left;}
	.list_table_detail tr:nth-child(2) td,
	.list_table_detail tr:nth-child(3) td,
	.list_table_detail tr:nth-child(4) td{width:78%; float:right;}
	*/
	
	.mordal_area .button_progress{
		width:100%;
		margin-top:20px;
	}
	.mordal_area .button_progress{
		background:url("../img/icn_search_white.png") no-repeat #301c0f;
		background-size:20px;
		background-position:30% 10px;
	}
	#shop_title .flex_listarea{display:none;}
	.footer_before_sns{position:relative;}
	.tab{margin-left:10px;}
	
	li .mordal_area{width:100%; border-spacing:20px;}
	.mordal_area li,
	.mordal_area .element_list:nth-child(2) li:nth-child(even),
	.mordal_area tr td:nth-child(2) .element_list li:nth-child(odd),
	#recruit .mordal_area .element_list:nth-child(2) li,
	#recruit .mordal_area .element_list:nth-child(2) li:nth-child(even){width:100%;}
	.list_type_check img{padding:0;}
	.page_result__title{padding:20px 0 10px 20px;}
	.page_result__list{width:36%; padding:5px;}
	h1{font-size:17px;}
	#shop_event #coffee_schools_list .thumbnail_updown__multicolumn__item{
		width:100%;
	}
	#shop_event #coffee_schools_list{
		margin-bottom:40px;
	}
	.list_type_check label{display:block; overflow:hidden;}
	.mordal_area{border-spacing:15px;}
	#search_result select{margin:0 6%; width:88%;}
	/*** #recruit ****************************************************************************/
}
@media screen and (-webkit-min-device-pixel-ratio: 1){
	.button_pdf,.image_title h1,header,.lang-switcher .navi_global_child,.lang-switcher,#information,.tab li,.search__input,.section_title__lv1,.mordal_button,.section_title__lv2,.list__navi li a,.list__navi__item__title,.active .list__navi li:last-child,.border_btm,.button_anchor,.common_title,.allergy_table,.checkbox input + .icon__form:before,.common__dl_list,.border__top_btm,div.inner,#cancel_menber_change,.formTableLineA,.formTableLine__solid,.apply_list__title,.apply_list__text h4,.modal_link,.item_table__qanda__border,#js-modalBox a,.school_outline__detail__table,.course_point__border,.apply_area__title,.prefecture_list select,.block_table tr,.item_table__qanda tr:nth-child(even) td,.centering__title h2,.contact_content,.company_table__line,td.press__item__line,.card_positive_item,hr,.price_list,.community__description,.concept_list,.tb__gn_list,.tb__gn_list li,.navi_global li a ,.clone_navi,#information .title-info,#sp_gnavi,#sp_gnavi .navi_global_child,#sp_gnavi .navi_global_child__item:nth-child(odd),.allergy_table td.allergy_table__item_name,.allergy_table__item_name span,label.checkbox,.responsive_form label.allergy,.apply_list__title,.apply_list__text h4,.arrow_link_wrapper h2,.simple__dl_list,.sp_sns_lists__common,.card_positive_item,.card_positive_item:nth-child(5),td.press__item__line,.common__dl_list,.prs__foot,.interview_link li,.list__table td,.button_search{
		border-width: 1px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.button_pdf,.image_title h1,header,.lang-switcher .navi_global_child,.lang-switcher,#information,.tab li,.search__input,.section_title__lv1,.mordal_button,.section_title__lv2,.list__navi li a,.list__navi__item__title,.active .list__navi li:last-child,.border_btm,.button_anchor,.common_title,.allergy_table,.checkbox input + .icon__form:before,.common__dl_list,.border__top_btm,div.inner,#cancel_menber_change,.formTableLineA,.formTableLine__solid,.apply_list__title,.apply_list__text h4,.modal_link,.item_table__qanda__border,#js-modalBox a,.school_outline__detail__table,.course_point__border,.apply_area__title,.prefecture_list select,.block_table tr,.item_table__qanda tr:nth-child(even) td,.centering__title h2,.contact_content,.company_table__line,td.press__item__line,.card_positive_item,hr,.price_list,.community__description,.concept_list,.tb__gn_list,.tb__gn_list li,.navi_global li a ,.clone_navi,#information .title-info,#sp_gnavi,#sp_gnavi .navi_global_child,#sp_gnavi .navi_global_child__item:nth-child(odd),.allergy_table td.allergy_table__item_name,.allergy_table__item_name span,label.checkbox,.responsive_form label.allergy,.apply_list__title,.apply_list__text h4,.arrow_link_wrapper h2,.simple__dl_list,.sp_sns_lists__common,.card_positive_item,.card_positive_item:nth-child(5),td.press__item__line,.common__dl_list,.prs__foot,.interview_link li,.list__table td,.button_search{
		border-width: .99px;
	}
}
@media all and (-ms-high-contrast:none){
	.search__input {
		padding: 0.5em 5em 0.5em 1em;
	}
	select.search__input {
		padding: 0.4em 1em 0.4em 1em;
	}
}
@media screen and (min-width: 769px) {
  .shop-detail-wrap{
    max-width: 991px;
    margin: 0 auto;
    /*padding-bottom: 62px;*/
  }
  .shop-detail-area{
    margin: 0;
    float: left;
    width: 42%;
    margin-left: 2.5%;
  }
  .shop-detail-wrap::after{
    content: "";
    clear: both;
    display: block;
  }
  #shop_map{
    float: left;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 40px;
  }
  .detail-note-top{
    margin-left: 0;
  }
  .list_table_detail{
    table-layout: fixed;
  }
  .root-detail{
    margin-top: 30px;
  }
  .img_area_list_map {
    height: 450px;
  }
  .img_area_list_map img{
    width: 100%;
    height: 450px;
  }
  #shop_event .section_title__lv1{
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
  }
  #shop_event #coffee_schools_list{
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
  }
  .thumbnail_updown__multicolumn{
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
  }
}
#shop_map .button:before, #map_link.button:before{
  margin-right: 5px;
}
@media screen and (max-width: 768px){
  #shop_map .button:before{
    margin-left: -25px;
  }
  #map_link.button:before{
    margin-left: -25px;
  }
}
/*----------------------------------------------------*/
/*グロナビボーダーアニメーション*/
/*----------------------------------------------------*/

@media print, screen and (min-width: 769px){
  .navi .navi_global__item a{
    position: relative;
    padding-bottom: 10px;
  }
  .navi .navi_global__item.active a{
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
  }
  .navi .navi_global__item a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #333;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .navi .navi_global__item.active a::before{
    content: none;
  }
  .navi .navi_global__item a:hover::before{
    left: 0;
    right: 0;
  }
}
/* ドロップダウン */
@media only screen and (max-width: 768px) {
  .navi-drop-wrap{
    display: none;
  }
}

@media print, screen and (min-width: 769px){
  .navi-drop-wrap{
    display: none;
    position: relative;
  }
  .navi-drop-wrap.active{
    display: block;
  }
  .navi-drop-inner-list{
    visibility: hidden;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    padding: 50px 50px 12px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .navi-drop-inner-list.active{
    opacity: 1;
    visibility: visible;
  }
  .navi-drop-list-title{
    border-bottom: 1px solid #fff;
    padding-bottom: 28px;
    width: 100%;
    margin: 0 auto;
    line-height: 1;
  }
  .navi-drop-list-wrap{
    width: 100%;
    margin: 26px auto 0;
  }
  .navi-drop-list-wrap::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .navi-drop-list{
    margin-bottom: 32px;
    float: left;
    width: 20%;
  }
  .navi-drop-link{
    color: #fff;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
  }
  .navi-drop-link:hover{
    text-decoration: underline;
  }
  .navi-drop-link:hover img{
    opacity: 0.6;
  }
  .navi-drop-list-menu{
    background: url('../images/drop_bg_menu.jpg') no-repeat center center, #301c0f;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .navi-drop-list-fyt{
    background: url('../images/drop_bg_fyt.jpg') no-repeat center center, #301c0f;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .navi-drop-list-quality{
    background: url('../images/drop_bg_quality.jpg') no-repeat center center, #301c0f;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .navi-drop-list-recruit{
    background: url('../images/drop_bg_recruit.jpg') no-repeat center center, #301c0f;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .navi-drop-list-school{
    background: url('../images/drop_bg_school.jpg') no-repeat center center, #301c0f;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .navi-drop-list-f-box{
    width: 100%;
    margin: 0 auto;
  }
  .navi-drop-list-f-box:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }
  .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list:last-child{
    margin-bottom: 38px;
  }
  .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-list img{
    width: 65px;
    margin-right: 10px;
    position: relative;
    z-index: 1;
  }
  .navi-drop-list-fyt .navi-drop-list-right-box .navi-drop-link::before{
    background: #ffffff;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    z-index: 0;
  }
  .hamburger{
    display: none;
    
  }
  .navi_global>li:nth-last-child(1),.navi_global>li:nth-last-child(2), .navi_global>li:nth-last-child(3){
    display: block;
  }
  .navi_global{
    margin-left: 110px;
  }
  .navi_global__item{
    padding: 50px 10px 50px 10px;
  }
  .navi-drop-list-right-box{
    display: none;
  }
}
@media screen and (max-width: 1400px) and (min-width: 769px){
  /* .navi-drop-list{
    width: 25%;
  } */
}
@media screen and (max-width: 1080px) and (min-width: 769px){
  .navi_global>li:nth-last-child(3){
    display: none;
  }
  .lang-switcher a{
    display: block;
  }
  .navi-drop-list-right-box{
    display: block;
  }
  /* .navi-drop-list-fyt .navi-drop-list-wrap{
    float: left;
    width: 80%;
  }
  .navi-drop-list-fyt .navi-drop-list-right-box{
    float: left;
    width: 20%;
    margin-top: 30px;
  } */
  .lang-switcher>a:before{
    position: absolute;
    top: 46.5%;
    right: 10%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  /* .navi-drop-list-f-box .navi-drop-list{
    width: 33%;
  } */
}

/*20170810spmenu*/
@media print, screen and (min-width: 769px){
  .nav-btn{
    display: none;
  }
  .sp-navi{
    display: none;
  }
}
@media print, screen and (max-width: 768px){
  body{
    padding-top: 60px;
  }
  header{
    height: 60px;
  }
  header.active{
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    overflow: scroll;
    z-index: 20;
    border-bottom: none;
  }
  .header-bg.active{
    height: 10000px;
    background: #FFF;
    position: fixed;
    z-index: 19;
    width: 100%;
  }
  .logo{
    height: 46px;
    width: 40px;
    margin: 7px 0 7px -8px;
  }
  .nav-btn {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 19px;
    right: 20px;
    margin: 0;
    cursor: pointer;
  }
  .nav-btn-before,
  .nav-btn-center,
  .nav-btn-after {
    width: 25px;
    height: 1.5px;
    background: #333;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    display: block;
  }
  .nav-btn-before.active {
    top: 10px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav-btn-center {
    top: 9px;
  }
  .nav-btn-center.active {
    opacity: 0;
  }
  .nav-btn-after {
    top: 19px;
  }
  .nav-btn-after.active {
    top: 10px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .navi_global{
    left: 0;
  }
  .sp-navi{
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    border-top: 1px solid #bfbfbf;
    /*margin-top: -1px;*/
  }
  .sp-navi-list{
    position: relative;
  }
  .sp-navi-list-title{
    font-size: 13px;
    color: #301d0f;
    display: block;
    padding: 11px 20px;
    border-bottom: 1px solid #bfbfbf;
  }
  .sp-navi-child-box{
    display: none;
  }
  /*.sp-navi-child-box{
    display: block;
  }*/
  .sp-navi-child-wrap{
    background: #4b3c34;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .sp-navi-child-menu{
    background: url('../images/sp_menu_gb01.jpg') no-repeat left top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .sp-navi-child-recruit{
    background: url('../images/sp_menu_gb02.jpg') no-repeat left top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .sp-navi-child-fyt{
    background: url('../images/sp_menu_gb03.jpg') no-repeat left top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .sp-navi-child-quality{
    background: url('../images/sp_menu_gb04.jpg') no-repeat left top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .sp-navi-child-school{
    background: url('../images/sp_menu_gb05.jpg') no-repeat left top;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
  .sp-navi-child{
    width: 50%;
    border-bottom: 1px solid #bfbfbf;
  }
  .bbn{
    border-bottom: none;
  }
  .sp-navi-child:nth-child(odd){
    border-right: 1px solid #bfbfbf;
  }
  .sp-navi-child-link{
    padding: 11px 14px;
    width: 100%;
    font-size: 10px;
    color: #fff;
    display: block;
  }
  .sp-navi-child-link.active{
    background: #37271e;
  }
  .sp-lang-list-wrap{
    padding: 20px 0;
    display: flex;
    text-align: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .sp-lang-link{
    font-size: 11px;
    color: #301d0f;
  }
  .sp-lang-list:first-child::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #301d0f;
    height: 13px;
    width: 1px;
    padding: 0 20px;
  }
  .sp-lang-list:nth-child(2){
    margin-left: 20px;
  }
  .sp-lang-list:nth-child(2)::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #301d0f;
    height: 13px;
    width: 1px;
    padding: 0 20px;
  }
  .sp-lang-list:last-child{
    margin-left: 20px;
  }
  .sp-navi-list:last-child .sp-navi-list-title{
    /* width: 50%; */
    /* display: inline-block; */
  }
  .sp-navi-list:last-child .sp-navi-list-title:last-child{
    /* border-left: 1px solid #bfbfbf; */
  }
  .sp-navi-list-title-link{
    display: block;
  }
  .sp-navi-child-open{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 20px;
  }
  .sp-navi-child-open::before{
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 15px;
    top: 0;
    left: 6px;
    background: #301d0f;
  }
  .sp-navi-child-open.active::before{
    content: none;
  }
  .sp-navi-child-open::after{
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 2px;
    top: 6px;
    left: 0;
    background: #301d0f;
  }
}

/*2018/1/11追記*/
@media print, screen and (min-width: 769px){
  #shop_event_endbtn .button{
    margin-top: 60px;
  }
  #shop_event_endbtn .button,#shop_event_endbtn .button a{
    width: 300px;
  }
}
@media print, screen and (max-width: 768px){
  #shop_event_endbtn .button{
    margin: 40px auto;
  }
  #shop_event_endbtn .button,#shop_event_endbtn .button a{
    width: 280px;
  }
}
/*2018/1/29*/
@media print, screen and (min-width: 769px){
  .navi-drop-link img{
    width: 22px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: base-line;
  }
}
@media screen and (max-width: 768px){
  .sp-navi-child-link img{
    width: 16px;
    display: inline-block;
    padding-left: 6px;
    vertical-align: base-line;
  }
}
/*20180613*/
@media print, screen and (min-width: 769px){
  .navi-drop-link img{
    width: 22px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: base-line;
  }
  .navi-drop-list:nth-last-child(2) .navi-drop-link img{
    padding-left: 0;
  }
  .navi-drop-list:last-child .navi-drop-link img{
    padding-left: 0;
  }
  .list__navi__item img{
    width: 22px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: base-line;
  }
  .link_text img{
    width: 22px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: base-line;
  }
}
@media screen and (max-width: 768px){
  .sp-navi-child-link img{
    width: 16px;
    display: inline-block;
    padding-left: 6px;
    vertical-align: base-line;
  }
  .list__navi__item img{
    width: 16px;
    display: inline-block;
    padding-left: 6px;
    vertical-align: base-line;
  }
  .link_text img{
    width: 16px;
    display: inline-block;
    padding-left: 6px;
    vertical-align: base-line;
  }
}
@media print, screen and (min-width: 769px){
  .footer_before_sns{
    display: none;
  }
}
/*20180614*/
@media print, screen and (min-width: 769px){
  .mordal_area td{
    width: 220px;
  }
  .mordal_area li{
    width: 220px;
    background: #fff;
    padding-left: 16px;
    /*display: block;*/
  }
  .mordal_area .element_list:nth-child(2) li:nth-child(even){
    width: 220px;
  }
  .mordal_area tr td:nth-child(2) .element_list li:nth-child(odd){
    width: 220px;
  }
  .element_list{
    font-size: 0;
  }
  .element_list .list_type_check:nth-child(2n){
    margin-left: 20px;
  }
  .mordal_area tr{
    width: 972px;
  }
  .mordal_area{
    /*border-spacing: 20px;*/
    border-spacing: 0;
    width: 992px;
    padding: 36px;
  }
  .mordal_area .col2{
    width: 465px;
  }
  .mordal_area .pl20{
    padding-left: 20px;
  }
  .mordal_area .section_title__lv2{
    width: 220px;
  }
  .mordal_area .col2 .section_title__lv2{
    width: 465px;
  }
  .mordal_area .pc_pt36{
    padding-top: 36px;
  }
}
@media screen and (max-width: 768px){
  .element_list .list_type_check{
    border: none;
    background: #fff;
    /*width: 49% !important;*/
  }
  .mordal_area li{
    border: none;
    background: #fff;
  }
  .element_list .list_type_check img{
    background: #FFF !important;
    margin: 0 !important;
    
  }
  .element_list{
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .list_type_check {
    width: 49% !important;
    margin-left: 2%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list_type_check:nth-child(2n+1){
    margin-left: 0;
  }
  .mordal_area li{
    height: 44px;
    margin-bottom: 0;
    font-size: 11px;
    overflow: hidden;
  }
  .mordal_area li:last-child{
    margin-bottom: 10px;
  }
  .mordal_area li img{
    width: 36px;
  }
  .label-2line{
    line-height: 1;
  }
  .mordal_area ul{
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 769px){
  #shop_map{
    padding-top: 0;
  }
  .list_table_detail tr{
    border-top: 1px solid #dddddd;
  }
  .list_table_detail{
    margin-top: 36px;
  }
  .list_table_detail th{
    padding: 26px 0 !important;
  }
  .list_table_detail .list_table__item{
    padding: 26px 0;
  }
  .list_icon .list_icon__item{
    width: 54px;
    margin-left: 10px;
    float: none;
  }
  .list_icon .list_icon__item:nth-child(4n+1){
    margin-left: 0;
  }
  .modal_icons_btn{
    background: #f7f6f2;
    font-size: 14px;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: center;
  }
  .modal_icons_btn:hover{
    text-decoration: none;
  }
  .modal_icons_btn:before{
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -5px;
  }

  .modal_icons_btn.active:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 19px;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #000;
    transform: rotate(45deg);
    border: none;
  }
  .modal_icons_btn.active::after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 19px;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #000;
    transform: rotate(-45deg);
  }
  .modal_ic{
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 0;
  }
  .modal_ic-inner{
    width: 243px;
    margin: 0 auto;
  }
  .modal_ic-inner .list_icon__item{
    width: 53px;
  }
  .modal_ic-inner .list_icon__item img{
    margin: 0;
  }
  .list_table__item .list_icon{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .list_table__item .list_icon .list_icon__item{
    float: none;
    width: 54px;
  }
  .list_table__item .list_icon .list_icon__item img{
    width: 100%;
    height: auto;
    margin: 0;
  }
  .list_table__item .list_icon .list_icon__item_long{
    width: 135px;
    margin: 0;
  }
  .img_area_note li{
    position: relative;
  }
  .img_area_note li:first-child{
    font-size: 16px;
    padding-left: 30px;
  }
  .img_area_note li:first-child::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    background: url('../img/icon_root.png') no-repeat left top;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    width: 28px;
    height: 28px;
    margin-top: -4px;
  }
  .detail_shop_link{
    display: block;
    width: 130px;
    margin-left: auto;
  }
  .detail_shop_link li:first-child{
    margin-left: auto;
  }
  .tullyscard-btn{
    display: block;
  }
  .tullyscard-btn img{
    width: 100%;
    margin-bottom: 10px;
  }
  .coffeemaster-btn img{
    width: 100%;
  }
  .print-description_table{
    width: 100%;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    margin: 15px 0 0;
  }
  div#content .print-description_table th, div#content .print-description_table td{
    padding-bottom: 15px;
  }
  .table-bordarbottom{
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  div#content .print-list_table img{
    width: 44px;
  }
  div#content .print-list_table.txt_icon img{
    height: 40px;
  }
  /*.<div class="table-bordarbottom">
    width: 100%;
  }*/
  /*.print-list_table tr{
    width: 100%;
    border-bottom: 1px solid #ddd;
  }*/
  div#content .print-list_table.txt_icon td{
    /*display: flex;*/
    width: auto;
  }
  div#content .print-list_table.txt_icon img{
    display: inline-block;
  }
  div#content .print-list_table.txt_icon span{
    display: inline-block;
    font-size: 14px;
  }
  .coffee-master-bnr{
    margin-top: 20px;
    width: 416px;
  }
  .coffee-master-bnr img{
    width: 100%;
  }
  div#content #print_map{
    padding-bottom: 20px;
  }
  #print_map .root-detail{
    margin: 0;
  }
}
@media print{
  .print-header{
    display: none;
  }
}

@media screen and (max-width: 768px){
  #shop_map .button_progress{
    position: relative;
  }
  .shop-detail-area{
    padding-top: 0;
  }
  .list_table_detail-top-wrap{
    margin: 0 20px;
  }
  .list_table_detail tr{
    border-bottom: 1px solid #ddd;
  }
  .tullyscard-btn img{
    width: 100%;
    /*margin: 10px 0;*/
  }
  .tullyscard-btn{
    margin: 10px 0;
  }
  .coffeemaster-btn{
    margin-top: 10px;
  }
  .coffeemaster-btn img{
    width: 100%;
  }
  .list_table_detail tr:nth-child(1) td, .list_table_detail tr:nth-child(1) th{
    padding: 10px 0;
  }
  .list_table_detail tr td, .list_table_detail tr th{
    padding: 10px 0 0;
  }
  .list_table_detail-top-wrap tr td, .list_table_detail-top-wrap tr th{
    padding: 10px 0;
  }
  .list_table_detail tr:nth-child(1) td, .list_table_detail tr:nth-child(1) th{
    padding-bottom: 0;
  }
  .list_table_detail tr:nth-child(1) td{
    padding-bottom: 10px;
  }
  .shop-detail-area .list_icon li{
    width: 17%;
  }
  .list_table__item .list_icon .list_icon__item_long{
    width: 50%;
  }
  .list_table_detail tr:last-child{
    border-bottom: none;
  }
  .list_table_detail tr:nth-child(1){
    border-top: 1px solid #ddd;
  }
  .detail_shop_link{
    margin-top: 0;
    width: 130px;
    margin-left: auto;
  }
  .modal_icons_btn{
    background: #f7f6f2;
    font-size: 14px;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: center;
  }
  .modal_icons_btn:hover{
    text-decoration: none;
  }
  .modal_ic{
    padding-top: 10px;
    position: relative;
    top: 0;
  }
  .modal_ic ul{
    margin-top: 0;
  }
  .modal_icons_btn:before{
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -5px;
  }

  .modal_icons_btn.active:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 19px;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #000;
    transform: rotate(45deg);
    border: none;
  }
  .modal_icons_btn.active::after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 19px;
    margin-top: -2px;
    width: 10px;
    height: 2px;
    background: #000;
    transform: rotate(-45deg);
  }
}

/*20180702*/
#print_map .img_area{
  width: auto;
  height: auto;
}
@media print, screen and (min-width: 769px){
  .img_area_note .img_area_note__item{
    font-size: 13px !important;
  }
  .img_area_note .img_area_note__item:first-child{
    font-size: 13px !important;
  }
}

/* 2018/12/25 */
@media screen and (max-width: 768px){
  #text-top .detail-note-top p{
    margin-bottom: 0;
  }
  #text-top .detail-note-top{
    padding-top: 20px;
  }
}

/*2019/07/30*/
@media print, screen and (min-width: 769px){
  .navi-drop-list-f-box .navi-drop-list {
     width: 25%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 769px){
  .navi-drop-list {
    width: 25%;
  }
}

/*12/1spbanner*/
.sp-banner-wrap{
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
}
.sp-banner-wrap a{
  display: block;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
.sp-banner-wrap img{
  width: 100%;
  display: block;
}