@charset "utf-8";
/* ------------------------------
　　ベース
------------------------------ */

.acms-entry [class*="column-map-"] {
    border-right: 0 !important;
    border-left: 0 !important;
	
}
.minus-10 { padding: 0 10px; }
 
body {
      font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: .05em;
	color: #222;
	background: #fff;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas, main {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display: block;
}

/*------------------
　イメージスマフォのみ横100％
------------------------*/
img.imgsmall { width: 100%; height: auto; }
@media (min-width: 768px) {
img.imgsmall { width: inherit !important; height: auto; }
}

img.imgwidth100 { max-width: initial;
    max-width: 100%;
	width: 100%;
    max-height: initial;
    max-height: auto;}


ol, ul {
	/*overflow: hidden;*/
}
li {
	list-style: none;
}

/* リンクの設定 */
a {
  border: none;
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
  text-decoration: none;
}
a:active {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ccc;
  text-decoration: none;
   transition:all 0.3s;
}

a:active img { opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"
    -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -ms-transition: all ease-in-out 0.3s;
      -o-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }

.acms-list-group-title-link:hover {text-decoration: none !important; }

.acms-container {
  max-width: /*1170px*/ 100% !important;
}
.acms-container .acms-container {
  padding: 0;
}
.narrow-container {
  margin: 0 auto;
  max-width: 960px;
  padding-left: 20px;
  padding-right: 20px;
}

/*ボタンがaの場合*/
a.btnAttentionBlockLarge, a.btnAttentionBlockLarge:visited { color:#fff !important;}
a.btnAttentionBlockLarge:hover { color:#fff !important; text-decoration: none !important;}

/*文字のサイズ*/
.font-small { font-size: 85.7%; } /*12px*/
.font-xsmall { font-size: 71.4%; } /*10px*/
.font-large { font-size: 114.3%;} /*16px*/
.font-largeer { font-size: 128.6%;} /*18px*/


.lh1 {line-height: 1;}
.lh1-2 {line-height: 1.2;}
.lh1-3 {line-height: 1.3;}
.lh1-4 {line-height: 1.4;}
.lh1-5 {line-height: 1.5;}
.lh1-6 {line-height: 1.6;}

.mt1 {margin-top: 10px;}
.mt2 {margin-top: 20px;}
.mt3 {margin-top: 30px;}
.mt4 {margin-top: 40px;}
.mt5 {margin-top: 50px;}
.mt6 {margin-top: 60px;}
.mt7 {margin-top: 70px;}
.mt8 {margin-top: 80px;}
.mt9 {margin-top: 90px;}

.mr1 {margin-right: 10px;}
.mr2 {margin-right: 20px;}
.mr3 {margin-right: 30px;}
.mr4 {margin-right: 40px;}
.mr5 {margin-right: 50px;}
.mr6 {margin-right: 60px;}
.mr7 {margin-right: 70px;}
.mr8 {margin-right: 80px;}
.mr9 {margin-right: 90px;}

.ml1 {margin-left: 10px;}
.ml2 {margin-left: 20px;}
.ml3 {margin-left: 30px;}
.ml4 {margin-left: 40px;}
.ml5 {margin-left: 50px;}
.ml6 {margin-left: 60px;}
.ml7 {margin-left: 70px;}
.ml8 {margin-left: 80px;}
.ml9 {margin-left: 90px;}

.mb1 {margin-bottom: 10px;}
.mb2 {margin-bottom: 20px;}
.mb3 {margin-bottom: 30px;}
.mb4 {margin-bottom: 40px;}
.mb5 {margin-bottom: 50px;}
.mb6 {margin-bottom: 60px;}
.mb7 {margin-bottom: 70px;}
.mb8 {margin-bottom: 80px;}
.mb9 {margin-bottom: 90px;}


.pt1 { padding-top: 10px;}
.pt2 { padding-top: 20px;}
.pt3 { padding-top: 30px;}
.pt4 { padding-top: 40px;}
.pt5 { padding-top: 50px;}
.pt6 { padding-top: 60px;}
.pt7 { padding-top: 70px;}
.pt8 { padding-top: 80px;}
.pt9 { padding-top: 90px;}

.pr1 {padding-right: 10px;}
.pr2 {padding-right: 20px;}
.pr3 {padding-right: 30px;}
.pr4 {padding-right: 40px;}
.pr5 {padding-right: 50px;}
.pr6 {padding-right: 60px;}
.pr7 {padding-right: 70px;}
.pr8 {padding-right: 80px;}
.pr9 {padding-right: 90px;}

.pl1 {padding-left: 10px;}
.pl2 {padding-left: 20px;}
.pl3 {padding-left: 30px;}
.pl4 {padding-left: 40px;}
.pl5 {padding-left: 50px;}
.pl6 {padding-left: 60px;}
.pl7 {padding-left: 70px;}
.pl8 {padding-left: 80px;}
.pl9 {padding-left: 90px;}

.pb1 {padding-bottom: 10px;}
.pb2 {padding-bottom: 20px;}
.pb3 {padding-bottom: 30px;}
.pb4 {padding-bottom: 40px;}
.pb5 {padding-bottom: 50px;}
.pb6 {padding-bottom: 60px;}
.pb7 {padding-bottom: 70px;}
.pb8 {padding-bottom: 80px;}
.pb9 {padding-bottom: 90px;}

.no-padding { padding: 0 !important;}
.no-margin { margin: 0 !important;}

.entry p { margin-bottom: 30px;} /*news*/
p.entryInfo.newsdate { margin-bottom: 0;} /*news*/

@media (max-width: 768px) {
.mb5_menu_sp { margin-bottom: 50px;}
}


/* ディスプレイブロック */
.db { display: block;}
@media (min-width: 768px) {
.db { display: inline;}
}

/* タイトル装飾 */
.title {}
h3.acms-admin-title2 {
    display: block;
    padding: 7px 0 7px 10px;
    font-size: 14px;
    font-weight: 400;
    background-color: #E3E3E3; }

h3.title-y { background: #F6F6F6 !important; margin-top: 50px !important; color: #c07566 !important; font-weight:normal;  }
h3.title-y:first-child { margin-top: 0px !important;}
h3.title-y:before { content: "● "; color: #c07566;}


@media (max-width: 1170px) {
  .acms-container {
    /*padding-left: 20px;
    padding-right: 20px;*/
  }
  .sp-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .acms-grid-r .sp-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .sp-container .sp-container {
    padding: 0;
  }
  .sp-container .acms-container .sp-container {
    padding: 0;
  }
}

/* ------------------------------
　　ボタン
------------------------------ */
.btn {
  background: #999999;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
}
.btn:hover,
.btn:visited {
  color: #FFF;
  text-decoration: none;
}
.btn:focus,
.btn:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btn:hover {
  background-color: #999999;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc1c1c1', endColorstr='#ff999999', GradientType=0);
  background-image: -moz-linear-gradient(top, #c1c1c1, #999999);
  background-image: -ms-linear-gradient(top, #c1c1c1, #999999);
  background-image: -o-linear-gradient(top, #c1c1c1, #999999);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#c1c1c1), to(#999999));
  background-image: -webkit-linear-gradient(top, #c1c1c1, #999999);
  background-image: linear-gradient(top, #c1c1c1, #999999);
  color: #ffffff;
}
.btn:active,
.btn:focus {
  background: #878787;
}
.btnAttention {
  background: #ff9a00;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
}
.btnAttention:hover,
.btnAttention:visited {
  color: #FFF;
  text-decoration: none;
}
.btnAttention:focus,
.btnAttention:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btnAttention:hover {
  background-color: #ff9a00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdd87d', endColorstr='#ffff9a00', GradientType=0);
  background-image: -moz-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -ms-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -o-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fdd87d), to(#ff9a00));
  background-image: -webkit-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: linear-gradient(top, #fdd87d, #ff9a00);
  color: #ffffff;
}
.btnAttention:active,
.btnAttention:focus {
  background: #eda800;
}
.btnLarge {
  background: #999999;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
.btnLarge:hover,
.btnLarge:visited {
  color: #FFF;
  text-decoration: none;
}
.btnLarge:focus,
.btnLarge:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btnLarge:hover {
  background: #777777;
}
.btnLarge:active,
.btnLarge:focus {
  background: #878787;
}
.btnAttentionLarge {
  background: #ff9a00;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
.btnAttentionLarge:hover,
.btnAttentionLarge:visited {
  color: #FFF;
  text-decoration: none;
}
.btnAttentionLarge:focus,
.btnAttentionLarge:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btnAttentionLarge:hover {
  background: #ff7e00;
}
.btnAttentionLarge:active,
.btnAttentionLarge:focus {
  background: #eda800;
}
.btnBlockLarge {
  width: 100%;
  background: #999999;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
.btnBlockLarge:hover,
.btnBlockLarge:visited {
  color: #FFF;
  text-decoration: none;
}
.btnBlockLarge:focus,
.btnBlockLarge:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btnBlockLarge:hover {
  background: #777777;
}
.btnBlockLarge:active,
.btnBlockLarge:focus {
  background: #878787;
}
.btnAttentionBlockLarge {
  width: 100%;
  background: #c07566;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
.btnAttentionBlockLarge:hover,
.btnAttentionBlockLarge:visited {
  color: #FFF;
  text-decoration: none;
}
.btnAttentionBlockLarge:focus,
.btnAttentionBlockLarge:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.btnAttentionBlockLarge:hover {
  background: #E8AFA4;
}
.btnAttentionBlockLarge:active,
.btnAttentionBlockLarge:focus {
  background: #E8AFA4;
}
@media (min-width: 768px) {
  .btnBlockLarge {
    max-width: 360px;
  }
  .btnAttentionBlockLarge {
    max-width: 360px;
  }
}
@media (max-width: 767px) {
  .btnSearchBlock {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 15px 20px;
    font-size: 20px;
  }
}
.homeBtn {
  margin: 20px 0 10px;
}
.btnBorder {
  display: inline-block;
  padding: 7px 10px;
  color: #333;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #CCC;
}
.btnBorder [class*='acms-icon-'] {
  color: #CCC;
  font-size: 14px;
}
.btnBorder:hover {
  text-decoration: none;
}
/* ------------------------------
　　ページタイトル
------------------------------ */
.pageTitleWrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  color: #FFF;
  background: url(../images/bg_other.jpg) #333333 no-repeat center;
  background-size: cover;
}
/*.pageTitleFilter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}*/
.pageTitleInner {
  display: table-cell;
  position: relative;
  padding: 15px 10px;
  vertical-align: middle;
}
.pageTitle {
  display: none;
}
.pageTitle a {
  color: #FFF;
}
.pageDescription {
  margin: 10px 0;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pageTitleWrapper {
    height: 270px;
  }
}
/* ------------------------------
　　ページャー
------------------------------ */

.pager {
  list-style: none;
  margin: 0 -5px 50px -5px;
  padding: 0;
  text-align: center;
}
.pager li {
  display: inline-block;
  margin: 0 5px;
}
.pager li.cur {
  padding: 5px 20px;
  color: #FFF;
   background:#C07566;
  border-radius: 3px;
}
.pagerLink {
  display: block;
  padding: 5px 20px;
  color: #333;
  border-radius: 3px;
  background: #e5e5e5;
}
.pagerLink:visited,
.pagerLink:focus,
.pagerLink:active {
  color: #333;
}
.pagerLink:hover {
  color: #FFF;
  text-decoration: none;
  background:#901800;
}
.pagerLinkForward {
  float: right;
}
.pagerLinkPrev {
  float: left;
}
@media screen and (min-width: 768px) {
  .pagerLink {
    padding: 5px 10px;
  }
  .pager li.cur {
    padding: 5px 10px;
  }
}
.serialNav {
  list-style: none;
  margin: -25px 0 60px 0;
  padding: 0;
}
.serialNav .serialNavItem {
  display: block;
  float: none;
}
.serialNav .serialNavItemPrev {
  text-align: left;
}
.serialNav .serialNavItemNext {
  text-align: right;
}
.serialNav a {
  display: block;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
}
.serialNav a:hover,
.serialNav a:visited,
.serialNav a:focus,
.serialNav a:active {
  color: inherit;
  text-decoration: none;
}
.serialNav a:hover {
  background: #e5e5e5;
}
@media screen and (min-width: 768px) {
  .serialNav {
    margin: 0 0 60px 0;
    border: 0;
  }
  .serialNav .serialNavItemPrev {
    float: left;
  }
  .serialNav .serialNavItemNext {
    float: right;
  }
  .serialNav a {
    display: inline;
    border: 0;
  }
  .serialNav a:hover {
    text-decoration: underline;
    background: 0;
  }
}
/* ------------------------------
　　トピックパス
------------------------------ */
.topicpath {
  margin-bottom: 30px;
  padding: 10px 0;
  margin-top: 10px;
  font-size: 12px;
}
.topicpathList {
  list-style: none;
  margin: 0 auto;
}
.topicpathItem {
  float: left;
  padding: 0 10px 0 23px;
  background: url(../images/marker/icon_arrow.png) no-repeat left center;
}
.topicpathItem:first-child {
  padding: 0 10px 0 0;
  background: 0;
}
.topicpathLink {
  color: #666;
  font-size: 12px;
}
.topicpathLink:visited,
.topicpathLink:focus,
.topicpathLink:active {
  color: #666;
}


/* ------------------------------
　　インデックスメイン・タイトル部分
------------------------------ */
h3.index-main-title { margin: 20px 0 30px 0}
h3.index-main-title02 { margin: 20px 0 0 0}


/* ------------------------------
　　スライダー
------------------------------ */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }




/* ------------------------------
　　各モジュール
------------------------------ */
.moduleSection {
  margin:  0;
}
.moduleHeader {
  position: relative;
  margin: 0;

}
.moduleHeader + .summaryCustom,
.moduleHeader + .summaryDefault,
.moduleHeader + .entryColumn,
.moduleHeader + .pickupList,
.moduleHeader + .searchForm,
.moduleHeader + .banner {
  margin-top: 10px;
}
.moduleHeading {
  margin: 0;
  font-size: 18px;
}
a.moduleIndexLink {
  position: absolute;
  bottom: 5px;
  right: 0;
  color: #333;
  font-size: 16px;
}
a.moduleIndexLink [class*='acms-icon-'] {
  color: #CCC;
  font-size: 14px;
}


/*カスタマイズ*/

.titleHeaderImg {
  position: relative;
  margin: 0;
  
}
.titleHeaderImg + .summaryCustom,
.titleHeaderImg + .summaryDefault,
.titleHeaderImg + .entryColumn,
.titleHeaderImg + .pickupList,
.titleHeaderImg + .searchForm,
.titleHeaderImg + .banner {
  margin-top: 10px;
}

a.indexTitleImgLink {
  position: absolute;
  bottom: 5px;
  right: 0;
  color: #000;
  font-size: 13px;
  width: 100px;
  background: #e8afa4;
  text-align: center;
}

a.indexTitleImgLink:hover { text-decoration: none; color: #fff; background: #901800; }


/* ------------------------------
　　リスト
------------------------------ */
@media screen and (min-width: 768px) {
  a.acms-list-group-item {
    padding: 10px 20px 10px 10px;
    -webkit-transition: padding 0.15s ease-out;
    transition: padding 0.15s ease-out;
  }
  a.acms-list-group-item:hover {
    padding: 10px 10px 10px 20px;
    -webkit-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
  }
}



/*----------------------------
  インデックスのニュースの日付け
-----------------------------*/

.headlineDat {
  color: #C07566;
font-weight: bold;
}

/* ------------------------------
　　メニューのトップにあるリストと言うかテーブル
-------------------------------- */

.menu-top-list-right, .menu-top-list-left {
	margin: 30px 0 0 0;
	border-top: #999 solid 3px;
	border-bottom: #999 solid 3px;
	width: 100%;

	}

.menu-top-list-right td, .menu-top-list-left td {
	border-top: #999 solid 1px;
	padding: 8px 0 8px 8px;

	}

.menu-table { margin-bottom: 30px; }
td.menu-price {
	width: 24%;
	}
.menu-table td a {
  display: block;
  }


@media screen and (min-width: 768px) {

.menu-table { margin-bottom: 10px; }
.menu-top-list-right {
	padding: 30px 0 0 10%;
	width: 100%;
	margin-bottom: 80px;
}

.menu-top-list-left {
	padding: 30px 10% 0x 0;
	width: 100%;
	margin-bottom: 80px;
}
}

/* ------------------------------
　　サマリー
------------------------------ */
.summaryDefault {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;

}
.summaryDefaultEntry {
  float: left;
  width: 100%;
  padding: 10px;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.summaryDefaultEntry.bl-hover {

}
.summaryTitle {
  margin: 0 0 10px 0;
  font-size: 16px;
}
.summaryDetail {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}
@media screen and (min-width: 480px) {
  .summaryDefault {
    margin: 0 0 20px 0;
  }
  .summaryDefaultEntry {
    width: 50%;
  }
}

/* ------------------------------------------------
　　最新記事と今月のおすすめの間にある縦ライン
------------------------------------------------ */


@media screen and (min-width: 767px) {
.backline { background: url(../images/border-middole.png) 50% 50% no-repeat;  }	
}


/* ------------------------------
　　ピックアップリスト
------------------------------ */
.pickupList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pickupList img {
  display: block;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
.pickupList img:hover {
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
.banner {
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner a {
  display: block;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
.banner a:hover {
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
.bannerListItem {
  margin: 0 0 20px 0;
}

/*iphone6以上の画面は、メイン画像より大きくなるので画像小さくしたい　*/
.iphone6 img { width: 100%; height: auto; }
@media screen and (min-width:330px) and ( max-width:960px) {
.iphone6 img { width: 80%; height: auto; }
}

p.continue{
  font-size:15px;
  font-weight:bold;
  padding:10px 30px 0 0;
}

/* ------------------------------
　　ヘッドライン
------------------------------ */
.headlineItem {
  line-height: 1.5;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.headlineItem.bl-hover {
  background: #F1F1F1;
}
@media screen and (max-width: 479px) {
  .headlineItem {
    padding: 10px 0;
  }
  .headlineTitle {
    display: block;
    margin: 0;
  }
}
/* ------------------------------
　　検索フォーム
------------------------------ */
.searchForm .btnSearch {
  padding: 10px 20px;
  font-size: 16px;
  filter: none;
  background: #333;
  color: #FFF;
  border-radius: 0 4px 4px 0;
  border: 1px solid #333;
}
.searchForm .btnSearch:hover {
  background: #666;
}
.searchForm input[type="search"] {
  padding: 9px 10px;
  height: 40px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"].searchFormInput {
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ------------------------------
　　エントリー
------------------------------ */
.entry {
  margin: 0 0 25px 0;
  border-bottom: 1px solid #e5e5e5;
}
.pageHeader {
  margin: 0 0 20px 0;
}
.entryInfo {
  margin-top: 0;
  font-size: 14px;
}
.entryCategory,
.entryNew {
  font-size: 14px;
}

h1.entryTitle { font-size: 1.2em; }
@media screen and (min-width: 768px) {
	h1.entryTitle { font-size: 1.6em; }
}

.entryTitle {
  margin: 10px 0;
  padding: 10px;
background: url("../images/washi_back.png") 0 0;
}
.entryTitle a {
  /*color: #333;*/
}
.acms-entry h2.entryTitle {
  padding: 0;
}
.entryColumn {
  color: #333;
}
.entryColumn h2 {
  margin: 0 10px 15px 10px;
  padding: 5px 10px;
  font-size: 18px;
  color: #666;
  border-bottom: 1px solid #cdcdcd;
}

h2.midasi, .entryColumn h2.midasi {
  margin: 0 10px 15px 10px;
  padding: 5px 10px;
  font-size: 18px;
  color: #666;
  border-bottom: 1px solid #cdcdcd;
}
.entryColumn h2.moduleHeading {
  margin: 0;
  padding: 0;
  border: 0;
}
.entryColumn h3 {
  margin: 0 10px 20px 10px;
  padding: 5px 10px;
  font-size: 16px;
  color: #333;
  background: #e5e5e5;
}

h3.midasi, .entryColumn h3.midasi {
  margin: 0 10px 20px 10px;
  padding: 5px 10px;
  font-size: 16px;
  color: #333;
  background: #e5e5e5;
}
.entryColumn a:link,
.entry-newslist a:link{
  color: #901800;
  text-decoration: none;
}
.entryColumn a:hover,
.entryColumn a:focus,
.entryColumn a:active,
.entry-newslist p a:hover,
.entry-newslist p a:focus,
.entry-newslist p a:active{
  text-decoration: underline;
}
.entryColumn a:visited,
.entry-newslist p a:visited{
  color: #901800;
  text-decoration: none;
}
.entryColumn p {
  margin-top: 0;
  margin-bottom: 30px;
  /*font-size: 16px;*/
  line-height: 1.7;
  overflow: hidden;
}

.entryColumn p.nobottom {
  margin-top: 0;
  margin-bottom: 0;
  /*font-size: 16px;*/
  line-height: 1.7;
  overflow: hidden;
  padding-left: 0;
padding-right: 0;
}

.entryColumn p.mb1 {
  margin-top: 0;
  margin-bottom: 10px;
  /*font-size: 16px;*/
  line-height: 1.7;
  overflow: hidden;
}

.entryColumn p.entryBtn {
  margin-bottom: 10px;
}
.entryColumn p.entryBtn a {
  background: #999999;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
}
.entryColumn p.entryBtn a:hover,
.entryColumn p.entryBtn a:visited {
  color: #FFF;
  text-decoration: none;
}
.entryColumn p.entryBtn a:focus,
.entryColumn p.entryBtn a:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.entryColumn p.entryBtn a:hover {
  background-color: #999999;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc1c1c1', endColorstr='#ff999999', GradientType=0);
  background-image: -moz-linear-gradient(top, #c1c1c1, #999999);
  background-image: -ms-linear-gradient(top, #c1c1c1, #999999);
  background-image: -o-linear-gradient(top, #c1c1c1, #999999);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#c1c1c1), to(#999999));
  background-image: -webkit-linear-gradient(top, #c1c1c1, #999999);
  background-image: linear-gradient(top, #c1c1c1, #999999);
  color: #ffffff;
}
.entryColumn p.entryBtn a:active,
.entryColumn p.entryBtn a:focus {
  background: #878787;
}
.entryColumn p.entryBtnAttention a {
  background: #ff9a00;
  font-weight: bold;
  color: #FFF;
  line-height: 1.2;
  border: 0;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
}
.entryColumn p.entryBtnAttention a:hover,
.entryColumn p.entryBtnAttention a:visited {
  color: #FFF;
  text-decoration: none;
}
.entryColumn p.entryBtnAttention a:focus,
.entryColumn p.entryBtnAttention a:active {
  color: #FFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.entryColumn p.entryBtnAttention a:hover {
  background-color: #ff9a00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdd87d', endColorstr='#ffff9a00', GradientType=0);
  background-image: -moz-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -ms-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -o-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fdd87d), to(#ff9a00));
  background-image: -webkit-linear-gradient(top, #fdd87d, #ff9a00);
  background-image: linear-gradient(top, #fdd87d, #ff9a00);
  color: #ffffff;
}
.entryColumn p.entryBtnAttention a:active,
.entryColumn p.entryBtnAttention a:focus {
  background: #eda800;
}
.entryColumn p.summaryTitle {
  margin: 0 0 10px 0;
}
.entryColumn p.summaryDetail {
  margin: 0 0 10px 0;
  font-size: 14px;
}
.entryColumn .entry-container {
  margin: 0 10px;
}
.entryColumn table {
  width: 100%;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #DFDFDF;

}
.entryColumn th,
.entryColumn td {
  display: block;
  padding: 5px 10px;
  text-align: left;
  /*font-size: 16px;*/
  line-height: 1.5;
  color: #333;
  border-top: 1px solid #DFDFDF;
  vertical-align: top;
}
.entryColumn .acms-table-responsive {
  margin-bottom: 30px;
}
.entryColumn .acms-table-responsive th,
.entryColumn .acms-table-responsive td {
  display: table-cell;
  white-space: nowrap;
}
.entryColumn .acms-table-responsive table {
  margin: 0;
}
.entryColumn th {
  background: #F5F5F5;
}
.entryColumn table.tableHistory tr {
  background: #FFF;
}
.entryColumn table.tableHistory th,
.entryColumn table.tableHistory td {
  display: block;
}
.entryColumn table.tableHistory th {
  padding: 10px;
}
.entryColumn table.tableHistory td {
  padding: 10px 0;
}
.entryColumn table.tableHistory .tableHistoryImg {
  padding: 0 10px 10px 10px;
  display: block;
}
.entryColumn ul {
  margin: 0 0 25px 0;
  padding: 0 0 0 2em;
  overflow: hidden;
}
.entryColumn ul li {
  margin: 0 0 5px 0;
  /*font-size: 16px;*/
  line-height: 1.5;
}
.entryColumn ul.summaryDefault {
  padding: 0;
}
.entryColumn ul.summaryDefault li {
  margin: 0;
}
.entryColumn ol {
  margin: 0 0 25px 0;
  padding: 0 0 0 2.5em;
  overflow: hidden;
}
.entryColumn ol li {
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: 1.5;
}
.entryColumn dl {
  margin-top: 0;
  margin-bottom: 30px;
}
.entryColumn dt {
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: 1.2;
}
.entryColumn dd {
  font-size: 16px;
  line-height: 1.5;
}
.entryColumn blockquote {
  margin-bottom: 30px;
  padding: 15px 20px 15px 16px;
  font-size: 16px;
  line-height: 1.5;
  border-left: 4px solid #BFBFBF;
  background: #EFEFEF;
  overflow: hidden;
}
.entryColumn pre {
  margin: 0 0 30px 0;
}
.entryColumn pre ol {
  margin: 0;
  padding: 0 0 0 2.5em;
}
.entryColumn pre ol li {
  line-height: 1.5;
}
.entryColumn hr {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.entryColumn [class*='column-image-'] .caption {
  margin: 0 0 20px 0;
  font-size: 13px;
}
@media screen and (min-width: 480px) {
  .entryColumn .tableHistoryImg {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .entryColumn th,
  .entryColumn td {
    display: table-cell;
    padding: 8px 20px;
    text-align: left;
    /*font-size: 16px;*/
    border-top: 1px solid #DFDFDF;
  }
  .entryColumn th {
    background: inherit;
	width: 26%;
  }
  /*.entryColumn tr:nth-child(odd) {
    background: #F5F5F5;
  }*/
}
.entryFooter {
  margin: 0 0 20px 0;
  padding: 10px;
  /*background: #F5F5F5;*/
}
.entryTag {
  margin: 0 0 5px 0;
}
.entryTagIcon {
  float: left;
  color: #999;
}
.entryTagItem {
  float: left;
  margin: 0 0 0 10px;
}
.shareWrapper {
  float: right;
}
.shareText {
  display: inline;
  float: left;
  margin: 0;
}
.shareList {
  display: inline;
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
}
.shareItem {
  display: inline-block;
  margin: 0 0 0 20px;
  vertical-align: top;
}
.shareItem a {
  color: #999;
  text-decoration: none;
}
.shareItem [class*='acms-icon'] {
  font-size: 16px;
  vertical-align: text-bottom;
}
.shareItem .shareItemFacebook {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 1.2;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  background: #3b5999;
  border-radius: 4px;
}
.shareItem .shareItemFacebook:before {
  vertical-align: middle;
}
.shareItem .shareItemTwitter {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 1.2;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  background: #55acee;
  border-radius: 4px;
}
.shareItem .shareItemTwitter:before {
  vertical-align: middle;
}
.shareItem .shareItemGplus {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 1.2;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  background: #dd4b39;
  border-radius: 4px;
}
.shareItem .shareItemGplus:before {
  vertical-align: middle;
}
.continueLink {
  margin: 0 0 30px 0;
  font-size: 16px;
}
.continueLink a {
  display: inline-block;
  padding: 10px;
  color: #FFF;
  line-height: 1.5;
  font-weight: bold;
  border-radius: 3px;
  background: #999;
}
.continueLink a [class*='acms-icon'] {
  margin: 0 10px 0 0;
}
.continueLink a:link,
.continueLink a:visited {
  color: #FFF;
}
.continueLink a:hover,
.continueLink a:focus,
.continueLink a:active {
  color: #FFF;
  text-decoration: none;
  background: #AAA;
}
@media screen and (min-width: 768px) {
  .entryTag {
    margin: 0;
  }
  .continueLink a {
    padding: 5px 10px;
    font-weight: normal;
  }
}
/* ------------------------------
　　編集ページ
------------------------------ */
.fieldTitle {
  padding: 0 10px;
}
.fieldTitle:first-child {
  margin: 0 0 10px 0;
}
/* ------------------------------
　　サブカラム
------------------------------ */
.sideTitle {
  margin-top: 0;
  font-size: 18px;
}


/* ------------------------------
　　お問い合わせ
------------------------------ */

.contactBox p.message {
  margin: 0 0 35px 0;
  padding: 0 10px;
  font-weight: bold;
  color: #c41134;
}
.contactBox span.contactNo {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.contactBox span.contactNo a {
  color: inherit;
}
.contactBox p.errorText {
  margin: 5px 0 0 0;
  color: #c41134;
}
.contactBox table.contactForm {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.contactBox table.contactForm tr {
  background: #FFF;
}
@media screen and (min-width: 480px) {
  .contactBox th,
  .contactBox td {
    display: table-cell;
  }
}
@media screen and (min-width: 768px) {
  .contactBox th {
    width: 260px;
  }
}
/*ステップフロー*/
.contactBox .mailStep {
  margin: 0 10px 35px 10px;
  padding: 0 ;
  /*background: #dcb5ad;*/
  counter-reset: mailStep;
}

.contactBox .mailStepItem {
  /*float: left;*/
  list-style: none;
  margin: 0;
  padding: 2px 20px 0;
  color: #999;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 4px solid transparent;
}
.contactBox .mailStepItem:before {
  counter-increment: mailStep;
  content: counter(mailStep) ".";
}
.contactBox .mailStepItemCurrent {
  color: #901800;
 background: #efd8d3;
  /*border-bottom: 4px solid #333333;*/
}
@media screen and (min-width: 480px) {
	.contactBox .mailStepItem {
  float: left;
}
}
@media screen and (min-width: 768px) {
	.contactBox .mailStepItem {
  margin: 0 40px 0 0;}

}

.formBtnBox {
  margin: 0 10px 50px 10px;
  text-align: center;
}
.formBtn {
  display: inline-block;
}
.formBtnReturn {
  float: left;
}
.formBtnSend {
  float: right;
  width:auto;
}
@media screen and (min-width: 768px) {
  .formBtnReturn {
    float: none;
  }
  .formBtnSend {
    float: none;
    max-width: 360px;
    width: 100%;
  }
}
.labelRequired {
  margin: 0 5px;
  padding: 2px 8px;
  color: #FFF;
  font-size: 12px;
  border-radius: 3px;
  background: #c41134;
}
@media screen and (min-width: 768px) {
  .labelRequired {
    float: right;
  }
}

@media screen and (max-width: 768px) {
  .formBtnSend {
    float: none;
    width: 100%;
  }
  .formBtnReturn {
    float: none;
    width: 100%;
  }
  .formBtnReturn .btnLarge {
    width: 100%;
  }
}

/* ------------------------------
　　ヘッダー
------------------------------ */
.siteName {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  /*text-align: center;*/
}
.siteName a {
  color: #000;
}
.siteName a:hover,
.siteName a:focus,
.siteName a:active,
.siteName a:visited {
  color: #000;
}
.siteLogo {
  display: inline-block;
  /*width: 22px;*/
  height: auto;
  margin: 10px 0 0 0;
  /*vertical-align: middle;*/
  width: 60%;
}
.siteNameText {
  display: /*inline*/ none;
  vertical-align: middle;
 
}
.editLink {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
@media (min-width: 768px) {
  .siteName {
    /*font-size: 40px;*/
	
  }
  .siteLogo {
    /*width: 40px;*/
	width: inherit!important;
	height: auto;

	
  }
  .header {
    display: table;
    width: 100%;
  }
  .headerLogo {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
	
  }
  .headerNav {
    display: table-cell;
    /*width: 50%;*/
    /*vertical-align: middle;*/
  }
}

@media (min-width: 980px) {
    .siteLogo {
	margin: 10px 30px 0 0;
  }
}
@media (min-width: 1024px) {
  .headerLogo {
    display: table-cell;
    width: 20%;
  }
    .siteLogo {
	margin: 10px 30px 0 0;
  }
  .headerNav {
    display: table-cell;
   
  }
}
/* ------------------------------
　　ナビゲーション
------------------------------ */
.headerLogo {
  padding: 0 0 0 0;
}
.siteHeader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  padding: 0;
  z-index: 100000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.navMenuBtn {
  display: inline-block;
  height: 62px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
a.navMenuBtn {
  margin: 0;
}
.navMenuBtn:hover {
  text-decoration: none;
}
.navMenuAction {
  display: table;
  float: right;
  margin: 0;
  padding: 0;
}

.navMenuAction {
  display: table;
  float: right;
  margin: 0;
  padding: 0;
}
.navMenuActionItem {
  display: table-cell;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  color: #901800;
}
.navMenuActionLink {
  color: #901800;
}
.navMenuActionLink:hover,
.navMenuActionLink:active,
.navMenuActionLink:visited,
.navMenuActionLink:focus {
  color: #901800;
  text-decoration: none;
}
.navbar {
  display: none;
  width: 100%;
}
.navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar li a {
  display: block;
  padding: 10px;
  font-size: 14px;
}
.navbar li a:hover,
.navbar li a:focus,
.navbar li a:active {
  text-decoration: none;
}

/**/
@media (min-width: 768px) {
  .header {
    height: 80px;
  }
  .navbar {
    display: inline-block;
    vertical-align: middle;
	/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
  }
  .navbar > ul {
    /*float: right;*/
    list-style: none;
    padding: 0 0 0 10px;
	
  }
  .navbar li {
    float: left;
    position: relative;
    padding: 0 1.5% 0 15px;
    vertical-align: middle;
    text-align: center;
	background: url(../images/menu-icon.png) no-repeat 0 50%;
  }
  .navbar li ul {
    display: none;
    position: absolute;
    left: 0;
    min-width: 200px;
  }
  .navbar li li {
    margin: 0;
  }
  .navbar li a {
    padding: 0;
    /*border-top: 4px solid transparent;*/
    /*border-bottom: 4px solid transparent;*/
    /*-webkit-transition: border 0.25s ease-out;*/
    /*transition: border 0.25s ease-out;*/
  }
  .navbar li a:hover,
  .navbar li a:focus,
  .navbar li a:active {
     padding: 0;
    background: transparent;
  }
  .navbar li.stay a {
    color: #901800;
	/*background-image: url(../images/menu_border_bottom.png) ; */
	
  }
  .navbar li.stay a.btnAttention {
    border: 0;
  }
  .navbar li:hover ul {
    display: block;
    z-index: 10000;
    -webkit-animation: 0.8s fade-in;
    -moz-animation: 0.8s fade-in;
    -o-animation: 0.8s fade-in;
    animation: 0.8s fade-in;
  }
  .navbar li:hover a {
    border: none;
	
  }
  .navbar li:hover a.btnAttention {
    border: 0;
  }
  .navbar li:hover li a {
    border: 0;
  }
  .navbar li li {
    display: block;
    float: none;
    text-align: left;
    background: #c41134;
    border-top: 1px solid #910021;
  }
  .navbar li li:first-child {
    border: 0;
  }
  .navbar li li a {
    margin: 0;
    padding: 10px 15px;
    color: #FFF;
    border: 0;
  }
  .navbar li li a:hover {
    color: #FFF;
    border: 0;
    background: #910021;
  }
  .navbar a.btnAttention {
    background: #ff9a00;
    font-weight: bold;
    color: #FFF;
    line-height: 1.2;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    border: 0;
  }
  .navbar a.btnAttention:hover,
  .navbar a.btnAttention:visited {
    color: #FFF;
    text-decoration: none;
  }
  .navbar a.btnAttention:focus,
  .navbar a.btnAttention:active {
    color: #FFF;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  .navbar a.btnAttention:hover {
    background-color: #ff9a00;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdd87d', endColorstr='#ffff9a00', GradientType=0);
    background-image: -moz-linear-gradient(top, #fdd87d, #ff9a00);
    background-image: -ms-linear-gradient(top, #fdd87d, #ff9a00);
    background-image: -o-linear-gradient(top, #fdd87d, #ff9a00);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fdd87d), to(#ff9a00));
    background-image: -webkit-linear-gradient(top, #fdd87d, #ff9a00);
    background-image: linear-gradient(top, #fdd87d, #ff9a00);
    color: #ffffff;
    border: 0;
  }
  .navbar a.btnAttention:active,
  .navbar a.btnAttention:focus {
    background: #eda800;
  }
  
  
  

  
  /*トップ*/
  
  
   .navbarIndex {
	
    vertical-align: middle;
	text-align: center;
  }
  .navbarIndex > ul {
letter-spacing: 0px; 
	list-style: none;
    padding: 0;

  }
  .navbarIndex li {
	display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    text-align: center;
  }


  
}

body#mihashiTop .acms-label-warning{
  background-color: #C07566;
}

@media (min-width: 1024px) {
  .headerLogo {
    padding: 0;
  }
  .navbar li {  
      padding: 0 15px 0 15px;
  }

}
@media (min-width: 1440px) {
  .navbar ul li a {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  /* オフキャンバス */
    #nav {
    padding: 10px 15px 100px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .js-nav body {
    width: 100%;
    overflow: hidden;
  }
  .js-nav #nav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .offcanvasNav {
    margin: 0 0 20px 0;
  }
  .offcanvasNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .offcanvasNav li {
    display: block;
    padding: 6px 10px;
    font-size: 16px;
    border-top: 1px solid #c17b6b;
  }
  .offcanvasNav li.navbarBtn {
    border: 0;
  }
  .offcanvasNav li.stay {
    background: #e7bcb2;
  }
  .lt-ie9 .offcanvasNav li.stay,
  .no-js .offcanvasNav li.stay {
    background: #e7bcb2;
  }
    .offcanvasNav li.stay a {
    color: #901800;
  }
  .lt-ie9 .offcanvasNav li.stay a,
  .no-js .offcanvasNav li.stay a {
  color: #901800;
  }
  .offcanvasNav li:first-child {
    border: 0;
  }
  .offcanvasNav li ul {
    display: none;
  }
  .offcanvasNav a {
    display: block;
    margin: -10px;
    padding: 10px;
    color: #fff;
  }
  .offcanvasNav a:hover {
    text-decoration: none;
  }
  .offcanvasNav a.btnAttention {
    border-top: 0;
    border-radius: 0;
    font-weight: normal;
  }
  .offcanvasNav a.btnAttention:hover {
    background: #ff9a00;
  }
  .lt-ie9 .offcanvasNav a,
  .no-js .offcanvasNav a {
    color: #666;
  }
  .offcanvasBar { background: #cc8979;}
    /* オフキャンバス内のパーツ */
  .offcanvasBar .moduleHeader {
    color: #FFF;
    border-bottom: 2px solid #FFF;
  }
  .lt-ie9 .offcanvasBar .moduleHeader,
  .no-js .offcanvasBar .moduleHeader {
	  /* IE8対応 */
    color: #666;
    border-bottom: 1px solid #ccc;
  }
  .offcanvasBar .sideListLink {
    color: #FFF;
  }
  .lt-ie9 .offcanvasBar .sideListLink,
  .no-js .offcanvasBar .sideListLink {
	  /* IE8対応 */
    color: #666;
  }
  .offcanvasBar .sideListLink:hover,
  .offcanvasBar .sideListLink:visited,
  .offcanvasBar .sideListLink:focus,
  .offcanvasBar .sideListLink:active {
    color: #FFF;
    background: 0;
  }
  .lt-ie9 .offcanvasBar .sideListLink:hover,
  .lt-ie9 .offcanvasBar .sideListLink:visited,
  .lt-ie9 .offcanvasBar .sideListLink:focus,
  .lt-ie9 .offcanvasBar .sideListLink:active,
  .no-js .offcanvasBar .sideListLink:hover,
  .no-js .offcanvasBar .sideListLink:visited,
  .no-js .offcanvasBar .sideListLink:focus,
  .no-js .offcanvasBar .sideListLink:active {
    color: #333;
  }
  .offcanvasBar .pickupTitle {
    margin: 0;
    color: #FFF;
    font-size: 16px;
  }
  .offcanvasBar .pickupTitle a {
    color: inherit;
  }
  .lt-ie9 .offcanvasBar .pickupTitle a {
    color: #333;
  }
  .offcanvasBar .btnSearch {
    background: #999;
    border: 1px solid #666;
  }
  .offcanvasBar .snsList {
    margin: 0 -5px;
  }
  .js-nav .offCanvasShadow {
    /* オフキャンバス時シャドウ */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.0);
    z-index: 100000;
    -webkit-transition: background 0.25s linear;
    transition: background 0.25s linear;
  }  
  /* オフキャンバスが閉じているとき */
 .js-ready #nav {
    position: fixed;
    transition: right 500ms ease;
  }
  .js-ready #outer-wrap {
    right: 0;
    transition: right 500ms ease;
  }
  .js-ready #inner-wrap {
    transition: right 500ms ease;
  }
  .js-ready .siteHeader {
    left: 0;
    transition: left 500ms ease;
	text-align: right;
  }
  .js-ready .siteHeader a:hover img {
    opacity: 1.0;
  }
  .js-nav #nav {
    right: 0;
    z-index: 10000;
  }
  .js-nav .siteHeader {
    left: -70%;
  }
  
 /* JSが無効に設定されている環境だったとき */
  .no-js #nav {
    position: static;
    padding: 10px 20px;
  }
  /* IE8対応 */
  .lt-ie9  #nav {
    position: static;
    padding: 10px 0;
  }
  .lt-ie9  .header {
    width: 100%;
  }
  .lt-ie9  .headerLogo,
  .lt-ie9  .headerNav {
    display: block;
    width: 100%;
  }
  
  
  /*インデックスタイトルの所*/
  
.main-text, .main-text-sub01, .main-text-sub02 { display: none;}

.main-text-sp { display: block;}
.main-text-sp img { width: 80%;}
  
}




/*-----------------------
　SPグローバルナビ
------------------------*/
ul.smartphoneUl {
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Osaka, Sans-Serif;
	display: none;
	padding:0;
}

span.smartphoneSpan {
	cursor: pointer;
	display: block;
}

span.menuAll{
	background-image:url(/themes/mihashi/images/marker/spmenu_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
    padding-left: 25px;
}

li.smartphoneList , .spDivModule span.smartphoneSpan{
	font-size:14px;
	cursor: pointer;
	display: block;
	border-top:1px solid #c17b6b;
	padding:7px 0 7px 0;
	color:#ffffff;
}

.spDivModule span.smartphoneSpan{
	background-image:url(/themes/mihashi/images/marker/spmenu_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 1.05em;
    padding-left: 25px;
}

li.smartphoneList:first-child{
	border-top:none;
}

li.smartphoneList:first-child{
	margin-top:3px;
}

li.smartphoneChecked{
	font-weight:bold;
}

li.smartphoneList a.smartphoneAtag{
	color:#ffffff;
	margin:-10px;
	padding:10px 0 10px 35px;
	display:block;
	background-image:url(/themes/mihashi/images/marker/spmenu_icon.png);
	background-repeat: no-repeat;
	background-position: 10px 1.25em;
}

span.switch {
    font-size: 22px ;
    padding:3px 0 3px 22px ;
    margin-bottom: 2px ;
    color: #282828 ;
    cursor:pointer;
}

span.switch{
	padding:0;
}


/*spナビ用*/
li.smartphoneList ul.smartphoneUl li.smartphoneList{
	padding-left:0;
	background:none;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList span.smartphoneSpan , li.smartphoneList ul.smartphoneUl li.smartphoneList span.smartphoneSpan a, .spDivModule li.smartphoneList a{
	background-image:url(/themes/mihashi/images/marker/spmenu_icon2.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	padding:7px 7px 7px 25px;
	margin-bottom:-4px;
	margin-left:25px;
	display: block;
	font-size:14px;
	cursor: pointer;
	border-top:1px solid #c17b6b;
	color:#ffffff;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList span.smartphoneSpan.menuTop{
	background-image: none;
	padding:0;
	margin: 0px 0 4px 0px;
	border-top:none;
}

.spDivModule li.smartphoneList{
	background:none;
	border:none;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList ul.smartphoneUl li.smartphoneList{
	border:none;
	padding-left:25px;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList ul.smartphoneUl li.smartphoneList a{
	background-image:url(/themes/mihashi/images/marker/spmenu_icon3.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	padding:7px 7px 7px 25px;
	margin-bottom:-4px;
	display: block;
	font-size:14px;
	cursor: pointer;
	color:#ffffff;
	border-top:1px solid #c17b6b;
}

li.smartphoneList a.stay{
	color:#ffffff;
	margin:-7px 0 -7px 0;
	padding: 7px 0 7px 25px;
    background: url(/themes/mihashi/images/marker/spmenu_icon.png) no-repeat #d6a194 0px 1.05em;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList a.stay{
  margin-top:-3px;
}

.spDivModule li.smartphoneList a.stay{
	margin:-10px 0 -5px 0;
}

.spDivModule li.smartphoneList a.stay{
	margin-left:25px;
	background: url(/themes/mihashi/images/marker/spmenu_icon2.png) no-repeat #d6a194 0px 1.05em;
}

li.smartphoneList ul.smartphoneUl li.smartphoneList span.smartphoneSpan{
	margin-bottom: 0;
}

.menuListDesign li a.smartphoneAtag{
	margin-left:25px;
	line-height: 1.8;
    letter-spacing: .05em;
    color:#333;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}


/*menu>entryのリスト*/
.menuListDesign span.pcMenuSpan{
	border-bottom:1px solid #e5e5e5;
	padding:9px 0 5px 0;
	display: block;
}

.menuListDesign .acms-list-group{
	border-top:none;
} 


.menuListDesign span.ui-accordion-header-icon{
	display: none;
}

.menuListDesign li a:first-child{
	border-top:none;
}

/*選択中のリストを赤く表示*/
.pcMenu ul li.pcMenuList a.stay , a.js-link_match_location-full.stay , a.js-link_match_location-entry.stay{
	color:#901800;
	background:#fcfaf9;
}

/*リストホバーのカラー変更*/
.pcMenu ul li.pcMenuList a.js-link_match_location-entry:hover , ul.acms-list-group li a.acms-list-group-item:hover , ul.acms-list-group li.acms-list-group-item:hover{
	background:#f6f6f6;
}

/*「地図アプリで見る」ボタン*/
a.btnMihashiMaps , main.main a.btnMihashiMaps{
	width: 100%;
    background: #c07566;
    color: #FFF;
    line-height: 1.2;
    border: 0;
    display: inline-block;
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.25s linear;
}

a.btnMihashiMaps.headOffice{
	margin-top:15px;
}

/*navタグでロゴのリンクが押せなくなるバグ修正（重ね順の変更）*/
a.z-indexTop{
	position: relative;
	z-index: 100001;
}

/*derivaryの画像サイズ変更*/

@media (min-width: 768px){
	h3.index-main-title02 img{
		width:399px;
	}
}

/*menu*/
ul.pcMenuUl {
  display: none;
}

span.pcMenuSpan {
  cursor: pointer;
}

li.pcMenuList {
  cursor: pointer;
}

/*開いた状態にするスクリプト*/
.pcMenu　span.switch {
    font-size: 22px ;
    padding:3px 0 3px 22px ;
    border-left: 3px solid #e91b1b;
    margin-bottom: 2px ;
    color: #282828 ;
    cursor:pointer;
}

.pcMenu　span.active {
    color: red;
}


/* -------------------------------
　　メニューループのところ
--------------------------------- */


ul.menu-name { 
	margin: 0 0 10px 0; 
	}
	
ul.menu-name li {
	border-bottom: 1px solid #E5E5E5;

}

ul.menu-name li a {
  display:block;
  width: 100%;
  padding: 0 0 0 50px;
  color:#333;
  line-height:40px;
  
}


ul.menu-name li a.active {
  background: url(../images/azuki-icn.png) 0 50% no-repeat;
  /*color:#fff;*/  
}

ul.menu-name li a.last-active { opacity: 0.0; }

.navi-image a { display:block; position: absolute; top:-10px; right:0; z-index:8; opacity: 0.0; }
.navi-image a.active { z-index:10; opacity: 1.0; }
.navi-image a.last-active { z-index:9;  opacity: 0.0; }
.navi-image img {vertical-align: baseline; font-size: 1px; line-height: 0;  }
.navi-image a:hover img { opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)"}
  
  
@media (min-width: 768px) {
.navi-image { 
	padding: 0; 
	}
.navi-image a { display:block; position: absolute; top:0px; right:0; z-index:8; }
}

@media (min-width: 950px) {
.navi-image a { display:block; position: absolute; top:-40px; right:0; z-index:8; }
}
@media (min-width: 1100px) {
.navi-image a { display:block; position: absolute; top:-90px; right:0; z-index:8; }
}
@media (min-width: 1440px) {
.navi-image a { display:block; position: absolute; top:-90px; right:0; z-index:8; }
}

/* -------------------------------
　　タイトルのところ
---------------------------------- */
h3.index-main-title02 img{ width:100%; height: auto;}
@media (min-width: 768px) {
h3.index-main-title02 img{ width:600px; height: auto;}
}




/*--------------------------------------
　メニュー個別ページアレルギーテーブル
-----------------------------------------*/

table.yoko {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
	padding:0;
	margin: 0px 0px 10px;

}

table.yoko tr{
	border:1px solid #ddd;

}


table.yoko th, table.yoko td{
	padding: 5px;
	text-align:center;
	width: 14%;
}

table.yoko th.long { width: 15%;}

table.yoko th { background-color: #F5F5F5; border: solid 1px #dfdfdf !important;}
table.yoko th{
	font-size:13px;
	letter-spacing:1px;
	border: solid 1px #dfdfdf !important;
}

table.yoko td { border: solid 1px #dfdfdf !important; border-collapse:collapse;}

/*消費期限とかのテーブル*/
.omiyage { border: solid 1px #dfdfdf; margin: 0 0 10px 0 !important; }
.omiyage th { background: #F5F5F5 !important; border: solid 1px #dfdfdf !important; }


/*管理画面内*/
.alle th { text-align: center; }
.acms-admin-form .alle select { font-size: 18px !important;}

@media screen and (max-width: 768px) {

table.yoko th { background-color: #F5F5F5;}
table.yoko th, table.yoko td{
	display: table-cell;
	padding: 5px;
	text-align:center;
	width: 13%;
	
}

table.yoko th{
	font-size:14px;
	letter-spacing:1px;
}

	/*消費期限とか*/
	.omiyage { border-top: solid 1px #dfdfdf !important; border-left: solid 1px #dfdfdf !important; border-right: solid 1px #dfdfdf !important;
	border-bottom: none !important;}
	.omiyage th {border-bottom: solid 1px #dfdfdf !important; border-top: none !important; border-left: none !important; border-right: none !important;}
	.omiyage td {border-bottom: solid 1px #dfdfdf !important; border-top: none !important; }


}

@media screen and (max-width: 480px) {

	table.yoko {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: none;
	}

	table.yoko thead{
		display:none;
	}
	
	table.yoko th, table.yoko td{
	width: auto;
	border-top: none;
}

	table.yoko tr{
		/*margin-bottom:10px;*/
		display:block;
		/*border-bottom:2px solid #ddd;*/
		border:0;
	}

	table.yoko td{
		display:block;
		text-align:right;
		font-size:13px;
		border-bottom:1px dotted #ccc;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
	}

	table.yoko td:last-child{
		border-bottom:0;
	}

	table.yoko td:before{
		content:attr(data-label);
		float:left;
		font-weight: bold;
		border:0;
	}
	

}


/*--------------------------------------------
　　第二階層メニュー　アレルギー20種類のところ
---------------------------------------------*/
.ui-accordion.accordion-design { 
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 30px;
	

 }
 
.acms-entry dl.ui-accordion.accordion-design dt { font-weight: normal !important; background: #F6F6F6 none repeat scroll 0% 0% !important; font-size: 16px;}
.acms-entry dl.ui-accordion.accordion-design dt a {color: #C07566 !important;}
.ui-accordion.accordion-design .ui-accordion-content { padding: 1em; }

.ui-state-default { border: 1px solid #e3b0a6 !important;}
.ui-widget-content { border-left: 1px solid #e3b0a6 !important; border-bottom: 1px solid #e3b0a6 !important; border-right: 1px solid #e3b0a6 !important; border-top: none !important;}


dl.accordion-design dt span.ui-accordion-header-icon { background: url("../images/icon-alle20.png") no-repeat 3px 2px !important; }
dl.accordion-design dt.ui-accordion-header-active span.ui-accordion-header-icon { background: url("../images/icon-alle20-2.png") no-repeat 3px 2px !important; }

.ui-icon {
    width: 20px !important;
    height: 20px !important;}

.ui-accordion-content p.font-small  { font-size: 71.4% !important; } /*12px*/
.ui-accordion-content table.yoko td { font-size: 13px;}
.ui-accordion-content table.yoko td:before{
		 font-size: 12px;
	}

@media screen and (min-width: 768px) {	
dl.accordion-design dd table.yoko th { font-size: 12px;}
dl.accordion-design dd table.yoko td { font-size: 13px !important;}
}





/* -----------------------------
　　店舗紹介部分　インデックス
--------------------------------- */
/*背景和紙*/
.back-washi {
	background: url(../images/washi_back.png)  0 0;
	width: 100%;
	margin: 40px 0 ;
	padding: 10px 0;
	 }

ul.shop-baiten { margin-bottom: 20px;}
ul.shop-baiten li { 
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #E5E5E5;
}
h4.tenpoName { font-size: 16px; font-weight: bold;}
h4.tenpoName a, h4.tenpoName-siten a { color:#a5422f; }
h4.tenpoName a:hover , h4.tenpoName-siten a:hover { color:#d39488; }
h4.tenpoName-siten { font-weight: bold; color: #a5422f;}
h4.tenpoName-border { font-size: 14px; font-weight: bold; border-bottom: #ccc double 3px; padding: 4px 10px; margin: 20px 0 10px 0;}

.acms-labelazuki {
    padding: 3px 7px;
    border-radius: 3px;
    background-color: #f4c9c0;
    color: #a55e50;
    font-size: 10px;
    vertical-align: middle;
}

.acms-labelrightg {
    padding: 3px 7px;
    border-radius: 3px;
    background-color: #dfdfdf;
    color: #666;
    font-size: 10px;
    vertical-align: middle;
}

.tel{
    padding:3px 18.5px;
  }

.nextLine br{
    display: none;
  }

li .db{
  padding-left:1em;
}

.nextLine + .nextLine{
  padding-left:1em;
}


@media (min-width: 1024px) {
ul.shop-baiten li {  }
h4.tenpoName-border { margin: 0 0 10px 0;}
}

@media screen and (max-width: 767px){
  li .db , p.mt1 .db{
    padding-left:0;
  }
}

@media screen and (max-width: 480px){
  .acms-col-lg-5 p.mt1{
    text-align: left;
  }

  li .db , p.mt1 .db{
    padding-left:0;
  }

  .nextLine br{
    display: inline;
  }

  .nextLine + .nextLine{
    padding-left:57px;
  }

  .nextLine{
     display: block;
     padding-left:57px;
  }
}


/* ------------------------------
　　味のシンフォニー
------------------------------ */
img.symphony { max-width: 700px; width: 100%; height: auto; }


/* ------------------------------
　　フッター
------------------------------ */
.suggestBox {
  /*background: #DDD;*/
  border: #666 solid 1px;
padding: 20px 0;
line-height: 0;

}
.suggestInner {
  display:table;
  width: 100%;
 
  
}
.suggestItem {

  width: 100%;
  margin: 0 auto;
  padding: 0;

}
.suggestText {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}
.suggestTel {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.suggestTel a {
  color: inherit;
}
.suggestBtn {
  margin: 0;

}


/*   footer nav     */
.footer-design { 
	/*border-top: #666 solid 1px;*/ padding: 20px 0 0 0;}
	
.footer-image-logo img { width: 40%; height: auto; margin-bottom: 20px;}

@media (min-width: 479px) {
.footer-image-logo img { width: 100%; height: auto;}
.suggestTel {
  font-size: 24px;
  
}
}

@media (min-width: 768px) {
  .mhs-navbar {
    margin: 0 0 20px 0;
  }
  .mhs-navbar ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    /*display: block;*/
    /*width: 940px;*/
  }
  .mhs-navbar li {
    float: left;
	margin-right: 20px;
	padding: 0 0 0 15px;
	background: transparent url("../images/menu-icon.png") no-repeat scroll 0px 50%;
  }
  .mhs-navbar a:link,
  .mhs-navbar a:visited,
  .mhs-navbar a:hover,
  .mhs-navbar a:active,
  .mhs-navbar #viewing {
    
  }

  .suggestInner {
    padding: 0;
  }
  .suggestItem {
    /*padding: 30px 10px;*/
  }
  .suggestTel {
    margin: 0;
	text-align: left;
  }
  .suggestHalf {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }

}
.footWrapper {
  padding: 30px 0;
  
}
.companyAbout {
  margin: 0 0 30px 0;
  color: #666;
}
.companyName {
  margin: 0 0 15px 0;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
}
.companyDetail {
  margin: 0 0 5px 0;
  padding: 0;
  /*color: #FFF;*/
  font-size: 12px;
  font-style: normal;
}
.companyDetail a {
  /*color: #FFF;*/
}
.companyDetail a:hover {
  /*text-decoration: underline;*/
}
.pageTopBtn {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/marker/btn_pageTop.png) no-repeat center;
  transform: translateZ(0);
  z-index: 1000;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.no-js .pageTopBtn {
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.pageTopBtnAppear {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}


.acms-navbar a:link, .acms-navbar a:visited, .acms-navbar a:hover, .acms-navbar a:active, .acms-navbar #viewing {
    display: block;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0px !important;
    padding: 0px 10px;
    /*color: #FFF;
    line-height: 4.5;*/
}

.acms-navbar li {
    position: relative;
    top: 0px;
    white-space: nowrap;
    /*font-weight: bold;*/
    /*border-left: 1px solid #CCC;*/
}

.acms-navbar li:last-child {
    /*border-right: 1px solid #CCC;*/
}

@media screen and (max-width: 767px) {
  .pageTopBtn {
    /*display: none;*/
  }
}
@media screen and (min-width: 768px) {
  .pageTopBtn:hover {
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
}
.snsList {
  list-style: none;
  margin: 0 -5px 30px 15px;
  padding: 0;
}
.snsListItem {
  float: left;
  margin: 0 5px;
}
.snsListItem a:hover,
.snsListItem a:visited,
.snsListItem a:active,
.snsListItem a:focus {
  text-decoration: none;
}
.snsListItem [class*='acms-icon'] {
  vertical-align: text-bottom;
}
.snsListItem .snsListFacebook {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 19px;
  color: #FFF;
  border-radius: 4px;
  background: #3b5999;
}
.snsListItem .snsListFacebook:before {
  vertical-align: middle;
}
.snsListItem .snsListTwitter {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 19px;
  color: #FFF;
  border-radius: 4px;
  background: #55acee;
}
.snsListItem .snsListTwitter:before {
  vertical-align: middle;
}
.snsListItem .snsListGplus {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 19px;
  color: #FFF;
  border-radius: 4px;
  background: #dd4b39;
}
.snsListItem .snsListGplus:before {
  vertical-align: middle;
}
.snsListItem .snsListYoutube {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 19px;
  color: #FFF;
  border-radius: 4px;
  background: #cd201f;
}
.snsListItem .snsListYoutube:before {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .snsList {
    float: right;
    margin: 0 -10px;
  }
  .snsListItem {
    margin: 10px;
  }
  .snsListItem a:hover {
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
}
.copyright {
  margin: 0;
  font-size: 12px;
  color: #888;
}
.copyrightText {
  margin: 0 auto;
}
.copryrightLogo {
  vertical-align: middle;
}

/* ---------------
　　第二階層のタイトル画像
------------------- */

.back-washi-daini {
	background: url(../images/washi_back.png)  0 0;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 10px 0;
}

.back-washi-daini a.washi-link {
  color: #901800;
  text-decoration: none;
 
}

.back-washi-daini a.washi-link:hover {
  text-decoration: underline;
 
}


.second-top { letter-spacing: -0.4em; }
.secondPage-title-img {
	display: inline-block;
	margin: 0 2% 0 0;
	width: 8%;
	height: auto;
	 vertical-align: top;
	 letter-spacing: normal;
	}
.secondPage-title-text {
	display: inline-block;
	width: 90%;
	height: auto;
	font-size: 14px;
	line-height: 1.8;
	 vertical-align: top;
	 letter-spacing: normal;
	 margin-bottom: 40px;
}
	
@media screen and (min-width: 768px) {
.secondPage-title-text {
	 margin-bottom: 0;
}


}



/* --------------
　　第二階層たよりリスト表示の所
------------------ */
.letters-listBox {
  position: relative;
margin: 50px 0 0 0;
padding-top: 20px;
border-style: solid;
border-width: 4px 0 0 0;
-moz-border-image: url(../images/border-purple.png) 4 0 0 round repeat;
-webkit-border-image: url(../images/border-purple.png) 4 0 0 round repeat;
-o-border-image: url(../images/border-purple.png) 4 0 0 round repeat;
border-image: url(../images/border-purple.png) 4 0 0 fill round repeat;
}

#tayoriTop .image{
  float:left;
  width:60%;
  height:335px;
  overflow:hidden;
  position: relative;
}

#tayoriTop .image img{
position: absolute;
top: -100%;
left: -100%;
right: -100%;
bottom: -100%;
margin: auto;
width:100%;
}

#tayoriTop .text{
  background:#F6F6F6;
  width:40%;
  min-height:335px;
  float:left;
}

#tayoriTop .text h3{
  font-size:30px;
  font-weight:normal;
  color:#333;
  padding:30px 30px 0 30px;
  line-height: 1.3;
}

#tayoriTop .text a h3,
#tayoriTop .text a p.date,
#tayoriArchive a p.date{
  transition:all 0.3s;
}

#tayoriTop .text a:hover h3{
  color:#ccc;
}

#tayoriTop .text a:hover p.date,
#tayoriArchive a:hover p.date{
	color:#EFCCC6;
}

#tayoriTop .text p.date,
#tayoriArchive p.date{
  padding:0 30px;
  color:#c07566;
  font-weight:bold;
}

#tayoriTop .text p.summary{
  padding:25px 30px 0 30px;
  max-height: 90px;
  overflow: hidden;
}

#tayoriTop .text p.continue,
#tayoriArchive p.continue{
  font-size:15px;
  font-weight:bold;
  padding:10px 30px 0 30px;
}

#tayoriArchive p.continue{
  padding:10px 30px 0 0;
  overflow:hidden;
}

#tayoriTop a{
  display:block;
  width:100%;
  height:335px;
}



#tayoriArchive{
  float:left;
  width:70%;
  margin-top:40px;
}

#tayoriArchive.entry{
  width:100%;
  margin-top:10px;
  }

#tayoriArchive.entry p {
    margin-bottom: 0;
}

#tayoriArchive ul li{
  clear:both;
  margin-bottom:40px;
  float:left;
  width:100%;
}

#tayoriArchive h3{
  font-size:24px;
  font-weight:normal;
  line-height:1.3;
}

#tayoriArchive .image{
  float:left;
  margin-right:20px;
  width:280px;
  height:180px;
  overflow:hidden;
  position:relative;
}

#tayoriArchive .image img{
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  width:100%;
  }

#tayori-right{
  width:27%;
  float:right;
  background:#fff;
  box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  margin-top:40px;
  padding-bottom:30px;
  margin-bottom: 30px;
}
#tayori-right.tayori-entry{
  width:23%;
  margin-top:10px;
}

#tayori-right h3{
	padding:30px 30px 10px 30px;
}

#tayori-right h3 img{
  width:100%;
  max-width: 160px;
}


#tayori-right ul{
	margin:0 30px;
}

#tayori-right ul li{
	margin:0 0 10px 0;
}

#tayori-right ul#sns-button li a{
	padding:10px;
	display:block;
	font-size:15px;
	font-weight:bold;
	border: 1px solid #000;
}

#tayori-right ul#sns-button li a:hover{
	background:#F6F6F6;
	color:#000;
}

#tayori-right ul#sns-button li{
	text-align:center;
}


#instagram{
  background: url("../images/washi_back.png");
  clear:both;
  padding:30px 20px;
}

#slider-box{
  margin-bottom: 0;
}

#slider-box div{
  position:relative;
}

#slider-box div div.image{
  padding:10px;
}

#slider-box div div.caption{
  position:absolute;
  left:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  width:auto;
  padding:2%;
  color:#fff;
  margin:15px;
  box-sizing:border-box;
  display:none;
}

#slider-box div img{
  border:5px solid #fff;
  box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  width:100%;
  box-sizing:border-box;
}

#feedback{
  margin-top:50px;
  clear:both;
  float:left;
  width:100%;
}

#feedback.entry{
  margin-top:0;
}

#feedback p{
  font-size:16px;
  font-weight:bold;
}

.acms-admin-edit-info{
  clear:both;
}

.shareItem .shareItemFacebook,
.shareItem .shareItemTwitter,
.shareItem .shareItemGplus{
  color:#fff!important;
  }
 
.shareItem .shareItemFacebook:hover,
.shareItem .shareItemTwitter:hover,
.shareItem .shareItemGplus:hover{
  text-decoration:none!important;
  }
  
body#tayori-entry ul.acms-list-group li{
	margin-bottom:0;
} 

@media (max-width: 768px) {
  
#tayoriTop .image{
  float:left;
  width: 100%;
  height: 250px;
  overflow:hidden;
}

#tayoriTop .text{
  width:auto;
  min-height:0;
  float:none;
  clear:both;
}

#tayoriTop .text a{
  height:100%;
  padding-bottom:30px;
}


  #tayoriArchive{
  float:none;
  width:100%;
  clear:both;
}
  #tayori-right{
  width:100%;
  float:none;
  clear:both;
}

#tayori-right.tayori-entry{
  width:100%;
}

#tayoriArchive.entry{
  float:left;
  }

#tayori-entry .acms-col-md-9 {
    width: 100%!important;
}

#instagram{
  margin-top:30px;
}


@media (max-width: 640px) {
  #tayoriTop .image a{
    height: auto;
    line-height: 1;
  }
  #tayoriTop .image{
    height: 180px;
  }
  #tayoriTop .text h3 {
    font-size: 18px;
    font-weight:bold;
  }
  
  #tayoriArchive .image{
    width:30%;
    height:60px;
  }
  

  #tayoriArchive h3{
    font-size: 17px;
  }
  #tayoriArchive p{
    display:none;
  }
  
  #tayoriArchive p.date{
    display:block;
    padding:0;
  }
  
  #tayoriArchive ul li{
    margin-bottom:20px;
  }

  }

}

/* -------------------
	お店紹介の頭にあるリンク
-------------------- */
.shopbutton li { background: url(../images/shop-menu-bottom.png) 0 30px no-repeat; display: inline-block; width: 110px; line-height: 3; }
.shopbutton li a { }
.shopbutton li a:hover { text-decoration: none; color: #000;}
p.map-link{
  font-size:15px;
  font-weight:bold;
  padding:10px 30px 0 0;
  margin-bottom: 0 !important;
}
ul.shopList li { padding-right: 5px !important;}

/* ---------------------
　　お店ページ内部
------------------------ */
@media screen and (min-width: 768px) {
.shop-box { padding: 0 0 0 20px !important;}
}



h3.shop-page-title { background: #F6F6F6 !important;  color: #c07566 !important; margin: 50px 0 20px 0 !important;  font-weight:normal; }
h3.shop-page-title:first-child { margin-top: 0px !important;}
h3.shop-page-title:before { content: "● "; color: #c07566;}
/*お店紹介の頭にあるのれんの画像背景　導入文*/
.back-noren { 
	background: url(../images/noren-back.png) no-repeat top left; 
	padding: 20px 0 0 0; 
	margin: -10px 0 0 0; 
	background-size: 100%; 

}

@media screen and (min-width: 768px) {
.back-noren { padding:  10px 0 ; margin: -10px 0 0 0; background-size: 70%; }
}

/* --------------------
	ネットショップ
------------------- */
.onlineshop-name a, .onlineshop-name a:visited {color: #000; font-weight: bold;}
.onlineshop-name a:hover {color: #901800;}
.netshopTel { border: #000 solid 1px; padding: 20px 50px;}

ul.shopping-guide { 
	margin: 10px 0 0 0;
	padding: 0px 0px 20px 10px;
}
ul.shopping-guide li { 
	background: transparent url("../images/menu-icon.png") no-repeat 0 50% ;
	padding: 0px 0px 0px 15px;
}

.netshop-listBox {
  position: relative;
margin: 50px 0 0 0;

}


.blogCartTable input[type="text"] {
  font-size: 13px;
  padding: 5px 5px 4px;
  border: 1px solid #A7A7AA;
  border-radius: 3px;
  color: #333;
  line-height: 1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.blogCartBtn {
  padding: 14px 10px;
  border: 1px solid #a7a7aa;
  border-radius: #949494;
  background-color: #333333;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5;
  color: #FFFFFF;
  border: none;
  padding: 10px;
  background: #949494;
  -webkit-transition: background .2s;
  transition: background .2s;
  display: inline-block;
  margin-right: 10px;
}
.blogCartBtn:hover {
  background: #333333;
}
.blogCartBtn:last-child {
  margin-right: 0;
}
.blogCartBtnWrapper {
  text-align: center;
}
.blogCartBtnPrimary {
  padding: 14px 10px;
  border: 1px solid #a7a7aa;
  border-radius: #2262ac;
  background-color: #153964;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5;
  color: #FFFFFF;
  border: none;
  padding: 10px;
  background: #2262ac;
  -webkit-transition: background .2s;
  transition: background .2s;
  display: inline-block;
  margin-right: 10px;
}
.blogCartBtnPrimary:hover {
  background: #153964;
}
.blogCartFlowList {
  padding: 0;
}
.blogCartFlowList li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 15px;
}
.blogCartFlowList a,
.blogCartFlowList a:link,
.blogCartFlowList a:hover,
.blogCartFlowList a:visited {
  text-decoration: none;
  color: #2262AC;
  font-weight: bold;
}
.blogCartFlowListNumber {
  margin-right: 10px;
  background: #B9B9B9;
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #FFFFFF;
}
.blogCartFlowList .current {
  color: #333333;
  font-weight: bold;
}
.blogCartFlowList .current .blogCartFlowListNumber {
  background: #333333;
}
.blogCartSearch dt {
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
  font-weight: bold;
}
.blogCartSearch dd {
  margin-left: 10px;
}
.blogCartSearch select {
  margin-bottom: 10px;
}
.blogCartSearch .acms-form-radio {
  margin-bottom: 10px;
}
.blogCartSearch .acms-form-checkbox {
  margin-bottom: 10px;
}
.blogCartSearchText {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.blogCartSearchSelectText {
  display: inline-block;
  margin-right: 15px;
}
.blogCartSearchBtn {
  display: inline-block;
  padding: 14px 10px;
  border: 1px solid #a7a7aa;
  border-radius: #949494;
  background-color: #333333;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5;
  color: #FFFFFF;
  border: none;
  padding: 10px;
  background: #949494;
  -webkit-transition: background .2s;
  transition: background .2s;
  width: 130px;
  margin: 10px auto 40px auto;
}
.blogCartSearchBtn:hover {
  background: #333333;
}

.blogEntryContentTable,
.blogEntryContent table {
  font-size: 16px;
  color: #333333;
  width: 100%;
  margin-bottom: 20px;
}
.blogEntryContentTable th,
.blogEntryContent table th {
  padding: 10px;
  background: #EEEEEE;
  border: 1px solid #999999;
  text-align: left;
}
.blogEntryContentTable td,
.blogEntryContent table td {
  padding: 10px;
  border: 1px solid #999999;
  text-align: left;
}

.deliveryline_t {
 border-top: 1px solid #DFDFDF;
 padding-top: 40px;
}

#freedial{
  margin-bottom:30px;}

.deliveryline_t a{
  color: #901800;
  }
  
.deliveryline_t a:hover{
  text-decoration:underline;
  }

@media (min-width: 768px){
	h3.index-main-title02 img{
		width: 399px;
    	height: auto;
	}
}

/* -----------------------
　　第二階層ニュース
------------------------- */
.acms-page-header {
	border-bottom: none !important; }
.newsdate { color: #666;}


.news-title{
  margin: 10px 0;
  padding: 10px;
  background: #f6f6f6;

}
.news-title .entryTitle {
    margin: 0;
    padding: 0;
    background: none;
}

.news-title .entryNew{
  background:#C07566;
  margin-right:10px;
}


.newsdate{
	color: #c07566;
}

.continueLink{
  text-align:center;
}

.continueLink a,
.continueLink a:link,
.continueLink a:visited{
  border:1px solid #666;
  background:#fff;
  width:50%;
  color:#666;
  margin-top:15px;
}

.continueLink a:hover{
  background:#eeeeee;
}

.news-category{
  color:#C07566;
  padding:10px 0;
  font-size:12px;
}
.news-category a,
.news-category a:visited{
  color:#C07566;
}

#newsEntryList{
  margin-top:10px;
}

#newsArchiveList{
  margin-top:30px;
  margin-bottom:30px;
}


@media (max-width: 767px) {
  div.main{
    padding:0;
  }
.news-title .entryTitle {
    font-size: 1.2em;
  }
}




/* -----------------------
　　採用情報
------------------------ */
blockquote.recruit-block {
    background: #f7eae7 url(../images/quote_open.png) no-repeat 10px 10px;
    padding: 30px;
	margin-bottom: 20px;
	
}
blockquote.recruit-block span{
    background: url(../images/quote_close.png) no-repeat bottom right;
    display: block;
}

@media screen and (min-width: 1024px) {
blockquote.recruit-block { height: 120px; }
}
@media screen and (min-width: 1260px) {
blockquote.recruit-block { height: 90px; }
}
@media screen and (min-width: 1440px) {
blockquote.recruit-block { height: 70px; }
}

@media (max-width: 768px) {
  .recruit-mb3-sp {
    margin-bottom: 30px;
  }
}

/* ------------------------------------------
	第二階層テーブル（宅配　送料で使用）
------------------------------------------ */

@media (min-width: 1025px) {
  .acms-table-responsive {
    margin-bottom: 15px;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
	margin-left: 10px;
	margin-right: 10px;
  }
  .acms-table-responsive th,
  .acms-table-responsive td {
    white-space: nowrap;
  }
  .acms-table-entry th,
  .acms-table-entry td {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .acms-table-entry th {
    padding-bottom: 0;
    text-align: left;
  }
  .acms-table-entry td {
    padding-top: 3px;
  }
  .acms-table-entry .detail-fade-body th,
  .acms-table-entry .detail-fade-body td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1024px) {
  .acms-table-responsive {
    overflow-x: scroll;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
}

/* ------------------------------------------
	第二階層テーブルSSL周辺のテーブル
------------------------------------------ */
.ssl-design-box {text-align: center !important;}
table.ssl-design {border: none  !important; width: 160px !important; margin: 0 auto !important;}
table.ssl-design td {padding: 0; border-top: none !important; display: table-cell !important; vertical-align: middle !important;}

@media (min-width: 768px) {
table.ssl-design {margin: 0 0 0 auto !important;}
}

/* ------------------------------------------
上野だよりTOP20151006
------------------------------------------ */

body#bodyLettersTop .shareWrapper{
  margin-top:5px;
}

body#bodyLettersTop .shareWrapper ul.shareList{
  padding-left:26px;
}

body#bodyLettersTop .shareWrapper p.shareText{
  padding:0 10px;
}

body#bodyLettersTop .shareWrapper li.shareItem{
  margin-left:0;
}

/*上野のひとこま*/
body#bodyLettersTop .caption a{
    color:#fff;
}

/* ------------------------------------------
firefox_cssハック
------------------------------------------ */
/*お問い合わせフォームと注文フォーム*/

@-moz-document url-prefix() {
  .acms-form input[type="text"], .acms-form input[type="password"], .acms-form input[type="datetime"], .acms-form input[type="datetime-local"], .acms-form input[type="date"], .acms-form input[type="month"], .acms-form input[type="time"], .acms-form input[type="week"], .acms-form input[type="number"], .acms-form input[type="email"], .acms-form input[type="url"], .acms-form input[type="search"], .acms-form input[type="tel"], .acms-form input[type="color"] {
    padding-bottom: 0px;
    line-height: 23px;
    padding-top: 0;
  }
}