@charset "utf-8";

/* -----------------------------------
TOP
----------------------------------- */
.text_min{
	font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.text_mid {
  font-family: Avenir, "Helvetica Neue", Helvetica, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}
#ehomaki img {
  max-width: 100%;
}
#ehomaki .menu li {
	margin-bottom:30px;
	width:480px;
  float: left;
}
@media screen and (max-width: 768px) {
	#ehomaki .menu li {
		box-sizing:border-box;
		margin-bottom:2%;
		width:49%;
	}
}

#ehomaki .menu li:nth-child(2n-1) {
	margin-right:10px;
}
@media screen and (max-width: 768px) {
	#ehomaki .menu li:nth-child(2n-1){
		margin-right:2%;
  }
}

#ehomaki .menu li a:hover {
	text-decoration:none;
}
#ehomaki .menu li a:hover dt{
	opacity: 0.6;
}

#ehomaki .menu li dt {
	background:#e56318;
	text-align:center;
	font-size: 150%;
	padding-top: 17px;
	padding-bottom: 15px;
	color: #FFF;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
  #ehomaki .menu li dt{
		font-size: 4vw;
		padding-top: 3%;
		padding-bottom: 3%;
	}
}
#notes{
  margin: 15px 0 30px;
}
@media screen and (max-width: 768px) {
  #notes{
		padding: 0 2%;
	}
}
/* -----------------------------------
Elements Default
----------------------------------- */
#ehomaki {
  font-size: 120%;
	color:#333;
}
#ehomaki #mainContents{
	text-align:center;
}

/* PC-SP Switch */
@media screen and (max-width:768px) {
  .dispPC {
    display: none; }
}

@media print, screen and (min-width:769px) {
  .dispSP {
    display: none; }
}

/* ********************** */
/* 泣き別れ対策 */
/* ********************** */

.nw {display:inline-block; text-indent: 0;}

/* -----------------------------------
Global Style
----------------------------------- */
h1
  {margin:0 0 20px; font-size:180%; font-size:1.8rem;}

h2 {
	font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin: 0 0 25px;
  padding: 22px 0 18px;
  font-size: 1.4em;
  font-weight: normal;
}

h3
  {margin:5px 2px; color:#aa1313; font-size:100%; font-size:1rem; text-align:left;}
h4
  {margin:10px; color:#7A500A; font-size:100%; font-size:1rem; font-weight:bold;}

a
  {color:#00731F}
a:active, a:hover
  {color:#FFF}
/*
a:visited
  {color:#FFF;}
*/
#header a, #footer a
  {color:#333;}
#header a:active, #header a:hover, #footer a:active, #footer a:hover
  {color:#333;}
#header a:visited, #footer a:visited
  {color:#333;}

#header a, #footer a, .toTop a, li a
  {text-decoration:none;}
#header a:hover, #footer a:hover, .toTop a:hover, li a:hover
  {text-decoration:underline;}

em
  {color:#d00;}
sup
  {font-size:0.9em; line-height:1em;}
img{
  max-width: 100%;
}
ul.disc
  {list-style-type:disc; padding-left:2em;}
ul.square
  {list-style-type:square; padding-left:2em;}
ul.disc li,
ul.square li
  {margin-top:0.2em;}
ul.disc li:first-child,
ul.square li:first-child,
ol.procedure li:first-child
  {margin-top:0;}
ol.procedure
  { font-size:0.92em; padding-left:1.5em;}
ol.procedure li
  {list-style-type:decimal;}
ul.note
	{margin:15px 0 30px; text-align: left;}
ul.note li
	{font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:80%; font-size:0.8rem; color:#666; line-height:1.5}
small, p.note, p.trademark
	{margin:20px 0; font-size:90%; font-size:0.9rem; color:#666;}

/*--- Classes ---*/

.section
  {overflow:hidden; text-align:left;}

.icon_basic{
  color: #a64a97;
}
.icon_salmon{
  color: #f39700;
}
.icon_shrimp{
  color: #e9546b;
}
.icon_meat{
  color: #954000;
}
.icon_hida{
  color: #006934;
}
.btnReserve {margin:20px 0; text-align:center;}
.btnReserve a {
	background:#aa1313;
	border-radius:5px;
	color:#fff;
	display:inline-block;
	margin:0 auto 30px;
	padding:15px 10px;
	text-decoration:none;
	width:500px;
}
.btnReserve a:hover{
	background:#c43d3d;
}
.btnReserve a:hover img{
	opacity:1;
}
.btnReserve_end {
	width:360px;
	color:#ff0000;
	font-size: 130%;
	text-align:center;
	font-weight: bold;
	padding:12px 10px;
	margin:20px auto 30px;
	border:2px solid #ff0000;
}
.btnReserve_yoyaku {
	width:500px;
	color:#ff0000;
	font-size: 130%;
	text-align:center;
	font-weight: bold;
	padding:12px 10px;
	margin-top:20px;
	margin-bottom: 20px;
	margin-left: auto !important;
	margin-right: auto !important;
	border:2px solid #ff0000;
}

/*--- Switing Panels ---*/

.accordion
  {margin:20px 0; overflow:hidden;}
.accordionSwitch
	{text-align:center; margin: 0; cursor:pointer;}
.acc-sw {
	align-items:center;
	background:#000;
	border-top:3px solid #a78e62;
	color:#fff;
	display:flex;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	text-align:center;
}
.acc-sw span {
	line-height:1.2em;
	padding-left:60px;
	width:850px;
}
.acc-body
  {padding:20px; margin: 0;}
.acc-body.yoyaku
	{margin:0 0 30px; padding: 30px 80px; background:#f0f0f0;}
#yoyakuBlock {
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#yoyakuBlock h2.yoyakuH2{
	border-top:2px solid #c11218;
	border-bottom:2px solid #c11218;
	color:#c11218;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
	padding:13px 0;
}
#yoyakuBlock .section {
	line-height:1.8em;
}


/*予約ブロック*/
#yoyaku {
  margin: 40px 0;
  background: #f0f0f0;
  text-align: left;
}
#yoyaku > dt{
  border-top:5px solid #c11218;
  margin: 0;
  padding: 30px 0;
  color: #c11218;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
}
#yoyaku > dd{
  margin: 0;
  padding: 0 80px 30px;
}
#yoyaku .section{
  margin: 0;
}
@media screen and (max-width: 768px){
  #yoyaku > dt{
    padding:10px 0 20px;
    font-size: 1.4rem;
  }
  #yoyaku > dd {
      padding: 0 10px 10px;
      background: #f0f0f0;
  }
  #yoyaku .btnReserve a {
      font-size: 0.9em;
      padding: 12px 0;
      width: 95%;
  }
}

/*フッターページリスト*/
#footerPageList .dispSP{
	display: none;
}
#footerPageList {
  margin-bottom: 10px;  
}
#footerPageList ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
}

#footerPageList ul li{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  width: 160px;
  padding: 3px 5px;
  margin: 2px 4px;
  background: #eee;
  display: inline-block;
  text-align: center;
  font-size: 80%;
  vertical-align: top;
}

#footerPageList ul li img{
	width: 100%;
	margin-bottom: 5px;
}


#footerPageList ul li a:hover{
	color:#300;
}

#footerPageNavi{
  border-top: 5px solid #b61d23;
  border-bottom: 1px solid #b61d23;
  margin: 40px 0;
}

#pageListTitle {
  padding: 20px 0;
  color: #b61d23;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
}
@media screen and (max-width: 768px){
  #pageListTitle {
    padding:10px 0;
    font-size: 1.4rem;
  }
  #footerPageList {
    width: 100%;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    text-align: left;
    padding-bottom: 3px;

    scrollbar-track-color:#f3efdf;
    scrollbar-base-color: #e9dfae; 
    scrollbar-arrow-color:#c5b678;
  }
  #footerPageList::-webkit-scrollbar-track{
    background: #f3efdf;
    border-radius: 10px;
  }

  #footerPageList::-webkit-scrollbar{
    height: 13px;
  }

  #footerPageList::-webkit-scrollbar-thumb{
    background: #e9dfae;
    border-radius: 10px;
    margin: 5px 0;
  }
  #footerPageList ul{
    justify-content: flex-start;
  }
}

/*戻るボタン*/
.btnBack
  {margin:50px 10px 10px 0;}
.btnBack a
  {display:inline-block; position:relative; padding:15px 5px; width:20em; width:20rem; color:inherit; text-align:center; text-decoration:none;
  border:1px solid #ccc;}
.btnBack a:after
  {display:block; position:absolute; left:30px; top:50%; margin-top:-5px; height:10px; width:10px; content:""; 
  -webkit-transform:rotate(225deg); transform:rotate(225deg);
  border-right:2px solid #666; border-top:2px solid #666;}

@media screen and (max-width: 768px){
  .btnBack {
    margin:10px;
  }
  .btnBack a {
    box-sizing:border-box;
    font-size:0.95em;
    padding:12px 5px;
    width:100%;
  }
}

/*メニューボタン*/
.menuBtn {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 4rem;
  height: 62px;
  margin: 10px;
  padding: 0.5rem;
  text-align: center;
  z-index: 9999; }

.menuBtn a img:hover {
  opacity: 1; }
@media screen and (max-width: 768px){
  .menuBtn {
    position: fixed;
    margin: 10px -5px 0 10px;
  }
}

/*==============
見出し
===============*/
#ehomaki .category_title {
  position: relative;
  height: 100px;
  color: #FFF;
  font-size: 2.3em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  text-align: center;
  background: url(/library/contents/products/ehomaki2021_spring/common/header_pc.jpg) no-repeat left top/cover;
}
#ehomaki .category_title span{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
#ehomaki .category_title span.catch {
  display: block;
  font-size: 0.52em;
  line-height: 1.5em;
  margin: 10px auto 0;
  position: relative;
  width: 890px;
}
#ehomaki h2 {
  margin: 0;
  padding: 0;
}
#ehomaki h3 {
  margin: 5px 2px;
  color: #aa1313;
  font-size: 100%;
  font-size: 1rem;
  text-align: left;
}

@media screen and (max-width:768px) {
  #ehomaki .category_title {
    height: auto;
    padding-top: calc((100 / 640) * 100%);
    font-size: 5vw;
    background: url(/library/contents/products/ehomaki2021_spring/common/header_sp.jpg) no-repeat left top/cover;
	}
}


/*==============
商品レイアウト
===============*/
#ehomaki .item .itemDetail {
	text-align:left;
	width:480px;
}
#ehomaki .item .catch {
	color:#b60005;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:15px;
}
#ehomaki .item .icon {
	display:flex;
	flex-wrap:wrap;
  align-items: center;
	margin:0 0 10px;
}
#ehomaki .item .icon li {
	font-size:0.8em;
	margin:0 8px 3px 0;
}
#ehomaki .item .icon li img {
	height:25px;
}
#ehomaki .item .icon li.limited {
	padding: 5px 8px;
  color: #fff;
  font-size: 1em;
  background: #e70012;
  border-radius: 5px;
}
#ehomaki .item h3 {
	color:#333;
	font-size:1.4em;
	line-height:1em;
	margin:15px 0 0;
}
#ehomaki .item .price {
	color:#f00;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin:12px 0 15px;
}
#ehomaki .item .area {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	font-weight:bold;
	margin:15px 0 10px;
}
#ehomaki .item .area dt {
	background:#4d4d4d;
	border-radius:5px;
	color:#fff;
	font-size:0.8em;
	margin-right:10px;
	padding:5px 10px;
}
#ehomaki .item .areaNote { 
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.92em;
	margin-bottom:10px;
}
#ehomaki .item .spec {
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.92em;
	line-height:1.7em;
	margin-bottom:15px;
}
#ehomaki .item .spec li.specific {
	margin-top:10px;
}
#ehomaki .item .spec .specificTbl {
  table-layout: fixed;
	border-collapse:collapse;
	border-left:1px solid #221815;
	border-top:1px solid #221815;
	font-size:0.92em;
	line-height:1.6em;
	margin:5px 0;
	width:430px;
}
#ehomaki .item .spec .specificTbl th.title{
  color: #fff;
  background: #221815;
}
#ehomaki .item .spec .specificTbl th,
#ehomaki .item .spec .specificTbl td {
	border-right:1px solid #221815;
	border-bottom:1px solid #221815;
	box-sizing:border-box;
	padding:4px;
	text-align:center;
}
#ehomaki .item .spec .specificTbl td {
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ehomaki .item .itemNote {
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
	margin-bottom:15px;
}
#ehomaki .item .itemNote li {
	padding-left:1em;
	text-indent:-1em;
}
#ehomaki .item .schedule {
	border-collapse:collapse;
	border-left:1px solid #221815;
	border-top:1px solid #221815;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.92em;
	margin-bottom:12px;
	width:430px;
}
#ehomaki .item .schedule th {
	background:#f0f0f0;
	padding:6px 5px 5px;
}
#ehomaki .item .schedule th,
#ehomaki .item .schedule td {
	border-right:1px solid #221815;
	border-bottom:1px solid #221815;
	box-sizing:border-box;
	padding:6px 5px 5px;
	text-align:center;
	width:50%;
}
#ehomaki .item .schedule th {
	width:50%;
}
#ehomaki .item .schedule td em {
	font-size:1.3em;
}
#ehomaki .item .btnReserve {
	margin:0 0 10px;
	text-align:left;
}
#ehomaki .item .btnReserve a {
	font-size:0.92em;
	margin:20px 0 0 30px;
	padding:15px 10px;
	text-align:center;
	width:340px;
}
#ehomaki .itemImg .inner{
  border: 1px solid #000;
  margin: 1px;
}
#ehomaki .itemImg .text{
  margin-top: 8px;
  text-align: left;
  font-size: 0.9em;
}

#ehomaki .itemImg .flex-control-nav{
  margin-top: 10px;
  margin-bottom: -10px;
  display: block!important;
}
#ehomaki .itemImg .flex-control-thumbs li{
  width: calc(25% - 10px);
  border: 1px solid #000;
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.itemSec .itemImg .flex-control-thumbs li:nth-child(4n){
  margin-right: 0;
}
#ehomaki .itemImg .flex-direction-nav a{
  top: 167px;
}
/*PC*/
@media print, screen and (min-width:769px) {
  
	#ehomaki .item {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:60px;
		padding:0 20px;
	}
	#ehomaki .item:last-of-type {
		margin-bottom:40px;
	}
	#ehomaki .item .itemImg {
		width:420px;
	}
}

@media screen and (max-width: 768px) {
	#ehomaki .detailWrap {
		margin-bottom:40px;
		padding:25px 3vw 15px;
	}
	#ehomaki .item {
		margin-bottom:40px;
		padding:0 2%;
	}
	#ehomaki .item .itemImg {
		margin-bottom:30px;
	}
	#ehomaki .item .itemImg img {
		margin-top:15px;
		width:100%;
	}
	#ehomaki .item .icon li {
		margin:0 6px 3px 0;
	}
	#ehomaki .item .itemDetail {
		width:auto;
	}
	#ehomaki .item .area {
		margin:10px 0;
	}
	#ehomaki .item .spec .specificTbl {
		width:100%;
	}
	#ehomaki .item .schedule {
		width:100%;
	}
	#ehomaki .item .btnReserve {
		text-align:center;
	}
	#ehomaki .item .btnReserve a {
		box-sizing:border-box;
		margin:15px 0 0;
		width:95%;
	}
	#ehomaki .adressee dt {
		font-size:1.1em;
		padding-left:8px;
	}
  #ehomaki .item .itemImg .flexslider img{
    margin-top: 0;
  }
  #ehomaki .itemImg .flex-direction-nav a{
    top: 35vw;
  }
}


/* 均等な段組み */

#ehomaki .col2,
#ehomaki .col3,
#ehomaki .col2s,
#ehomaki .col3s {
  overflow: hidden;
  margin: 0 -10px -20px -10px;
  font-size:0;
}
#ehomaki .col2 li,
#ehomaki .col3 li,
#ehomaki .col2s li,
#ehomaki .col3s li{
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 20px 10px;
  padding: 0;
  border: none;
  position: relative;
  font-size:16px;
}
#ehomaki .col2 li,
#ehomaki .col2s li{
  width: calc(50% - 20px);
}
#ehomaki .col3 li,
#ehomaki .col3s li{
  width: calc(100% / 3 - 20px);
}
@media screen and (min-width:769px), print {
  #ehomaki .col2 li *:last-child,
  #ehomaki .col3 li *:last-child,
  #ehomaki .col2s li *:last-child,
  #ehomaki .col3s li *:last-child{
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #ehomaki .col2,
  #ehomaki .col3 {
    overflow: visible;
    margin: 0;
  }
  #ehomaki .col2s,
  #ehomaki .col3s {
    margin: 0 0 -10px 0;
  }
  #ehomaki .col2 li,
  #ehomaki .col3 li{
    display: block;
    margin: 10px 0;
    width: auto;
    font-size:14px;
  }
  #ehomaki .col2s li,
  #ehomaki .col3s li{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
    position: relative;
    width:50%;
    font-size:16px;
  }
  #ehomaki .col2s li:nth-child(odd),
  #ehomaki .col3s li:nth-child(odd){
    padding-right:10px;
  }
  #ehomaki .col2s li:nth-child(even),
  #ehomaki .col3s li:nth-child(even){
    padding-left:10px;
  }
  
  #ehomaki .col2 li img,
  #ehomaki .col3 li img,
  #ehomaki .col2s li img,
  #ehomaki .col3s li img{
    width: 100%;
  }
}
.max230{
  max-width: 230px!important;
}

/*==============
CP
===============*/
#ehomaki.ehomaki_cp{
  font-size: 120%;
	color:#333;
}
#ehomaki.ehomaki_cp h2{
  padding: 10px;
  font-family: Avenir, "Helvetica Neue", Helvetica, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  text-align: center;
}
#ehomaki.ehomaki_cp .section h2{
  margin: 0;
  background: #fcd13e;
}
#ehomaki.ehomaki_cp .note_title{
  border-bottom: dotted 3px #411d14;
  border-top: dotted 3px #411d14;
}
#ehomaki.ehomaki_cp .section{
  margin: 40px 0;
  border: 1px solid #fcd13e;
}
#ehomaki.ehomaki_cp .section_inner{
  padding: 25px 90px;
}
@media screen and (min-width: 769px) {
  #ehomaki.ehomaki_cp .present .col3{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #ehomaki.ehomaki_cp .join .col2 li:nth-child(1){
    width: calc(100% - 270px);
  }
  #ehomaki.ehomaki_cp .join .col2 li:nth-child(2){
    width: 230px;
  }
}
@media screen and (max-width: 768px) {
  #ehomaki.ehomaki_cp h2{
    padding: 5px;
    font-size: 1.2em;
  }
  #ehomaki.ehomaki_cp .section{
    margin: 30px 2%;
  }
  #ehomaki.ehomaki_cp .section_inner{
    padding: 15px 2%;
  }
  #ehomaki.ehomaki_cp .col3{
    overflow: hidden;
    margin: 0 -10px -20px -10px;
  }
  #ehomaki.ehomaki_cp .col3 li{
    display: inline-block;
    margin: 0 10px 20px 10px;
    width: calc(50% - 20px);
  }
}

.banner {
  margin: 50px 0; }

.banner p {
  margin-bottom: 15px; }

.banner p img {
  width: 100%; }

@media screen and (max-width: 768px){
  .banner {
    margin: 40px 0; }
  .banner p img {
    width: 92%; }
}

#ehomaki .imgCap {
  font-size: 0.8rem;
  margin-top: 5px;
  text-align: right;
  font-weight: 400;
}
@media screen and (max-width: 768px){
  #ehomaki .imgCap {
    font-size: 0.75rem;
    margin-top: 3px;
  }
}

#ehomaki .preod_title{
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
  color: #e56318;
  text-align: center;
}
#ehomaki .preod{
  margin-bottom: 40px;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px){
  #ehomaki .preod_title{
    margin-bottom: 10px;
    font-size: 4vw;
  }
  #ehomaki .preod{
    margin-bottom: 25px;
    font-size:  4vw;
  }
}

#ehomaki .expired {
    text-align: center;
    color: #ff0000;
    border: 2px solid #ff0000;
    padding: 10px;
    margin: 0 0 30px;
    font-size: 150%;
    font-weight: bold;
    font-family: Avenir, "Helvetica Neue", Helvetica, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	#ehomaki .expired {
		font-size: 125%;
	}	
}