/*
Theme Name: tanko
Theme URI: http://www.digitrue.tv
Author: DIGITRUE
Author URI: http://www.digitrue.tv
Description: 丹後織物工業組合スタイルシート
Version: 1.0
Text Domain: tanko
*/


/* 基本
------------------------------------------------------------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
  background-color: #FFF;
  overflow-y: scroll;
  overflow-x: hidden;
}

img {
  border: 0;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  -ms-interpolation-mode: bicubic;
}

#main img,
.item_cont img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.item_cont img {
  max-height: 370px;
}
/* @media screen
----------------------------------------------- */
@media screen and (min-width: 600px) {
  .item_cont img {
    max-height: 420px;
  }
}

li {
  list-style: none;
}

body {
  font-family: 'Roboto', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-size-adjust: none;
  overflow-wrap: break-word;
}

::selection {
  background: #910782;
  color: #FFF!important;
}

*:first-child+html body {
  font-size: 81%;
}

h1 {
  font-size: 21px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 15px;
  font-weight: 500;
}
h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 20px 0 10px 0;
}

b {
  font-weight: 700;
}

br.sm {
  line-height: 0;
  display: block;
}
br.pc {
  line-height: 0;
  display: none;
}

@media screen and (min-width: 960px) {
  br.sm {
    display: none;
  }
  br.pc {
    display: block;
  }
}

p.indent {
  text-indent: -1em;
  margin: 0 0 0.5em 1em;
}
p.indent.top-line {
  margin: 1em 0 0.5em 1em;
}


/* 回り込みクリア
------------------------------------------------------------------------------------------- */
div.clear,
div.dot {
  clear: both;
}


/* スペーサー
------------------------------------------------------------------------------------------- */
div.spacer {
  width: 100%;
  height: 3em;
}
div.spacer.mini {
  width: 100%;
  height: 1.5em;
}


/* リンクの設定
------------------------------------------------------------------------------------------- */
a:focus,
*:focus {
  outline:none;
}
a {
  outline: none;
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #c309ad;
  text-decoration: underline;
}

/*-- btn -----*/
a.btn.right,
.post-edit.right a {
  font-weight: 500;
  display :inline-block;
  color: #c309ad;
  text-decoration: none!important;
  padding: 0.4em 1em;
  border: 1px #c309ad solid;
  border-radius: 3px;
  margin: 2em 0;
}
a.btn.right:after,
.post-edit.right a:after {
  content: '\E112';
  color: #c309ad;
  font-size: 120%;
  font-weight: normal;
  padding-left: 0.5em;
}
a.btn.right:hover,
.post-edit.right a:hover,
a.btn.right:hover:after,
.post-edit.right a:hover:after {
  color: #FFF!important;
  background-color: #c309ad;
  text-decoration: none!important;
}

a.btn.present.right {
  font-size: 120%;
  margin: 3em 0 1em 0;
}

a.right {
  display: inline-block;
}
a.right:after {
  content: '\E112';
  color: #c309ad;
  padding-left: 0.5em;
}

/*-- pdf ----*/
#all-info-area.press a.pdf.file,
.item_cont.press a.pdf.file {
  color: #910782;
  text-decoration: none!important;
}
#all-info-area.press a.pdf.file:before,
.item_cont.press a.pdf.file:before {
  content: '\E048';
  font-size: 400%;
  padding-right: 15px;
}
#all-info-area.press a.pdf.file:after,
.item_cont.press a.pdf.file:after {
  content: '（pdfファイルを開く）';
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 100%;
}
a.pdf.file:hover {
  color: #c309ad;
}

.item_cont.press a.pdf {
  display: none;
}
.item_cont.press a.pdf.link-str {
  display: block;
}

/*-- img-btn -----*/
img.img-btn {
  transition: all 0.15s ease;
}
a:hover .img-btn {
  transform: scale(1.1);
  filter: alpha(opacity=70);
}

/*-- bottom-link -----*/
a.bottom-link.right {
  letter-spacing: normal;
  display: block;
  margin: 3em 0 -3em 1em;
}
a.bottom-link.right:before {
  content: '\E112';
  font-size: 120%;
  font-weight: normal;
  padding-right: 0.5em;
}
a.bottom-link.right:after {
  content: none;
}
a.bottom-link.right:hover {
  text-decoration: none;
}


/* WEBフォントの設定
------------------------------------------------------------------------------------------- */

/*-- Noto Sans Japanese -----*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }

body {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-size-adjust: none;
  overflow-wrap: break-word;
}

/*-- LigatureSymbols -----*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('font/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf,
.lsf-icon:before,
.lsf-icon:after,
.lsf-icon a:before,
.lsf-icon a:after {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}


/* #loader
------------------------------------------------------------------------------------------- */
#loader {
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: #FFF;
  background: url(images/ajax-loader.gif) center center no-repeat;
  background-size: 32px 32px;
  z-index: 999;
  overflow: hidden;
}


/* #page
------------------------------------------------------------------------------------------- */
#page {
  position: relative;
  width: 100%;
  height: auto;
}


/* #header_block
------------------------------------------------------------------------------------------- */
#header_block {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 100%;
  height: 60px;
  background-color: #FFF;
  border: 0;
  box-sizing: border-box;
  z-index: 5;
}


/* Top-Logo
------------------------------------------------------------------------------------------- */
#Top-Logo img {
  position: absolute;
  top: 20px;
  left: 10px;
  width: auto;
  height: 20px;
}


/* #sub_menu
------------------------------------------------------------------------------------------- */
#sub_menu .contact-link {
  display: none;
}
#sub_menu .button {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #910782;
  border-radius: 15px;
}
#sub_menu .button img {
  width: 16px;
  height: 16px;
  padding: 7px 0 0 7px;
}
#sub_menu ul {
  display: none;
}
#sub_menu {
  float: right;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  padding-top: 60px;
}
#sub_menu .button.active {
  background: url(images/icon/close.png) center center no-repeat;
  background-size: auto 16px;
  background-color: #910782;
}
#sub_menu .button.active img {
  opacity: 0;
}

/*-- 検索ボックス -----*/
#searchform {
  position: relative;
  padding: 10px 30px 15px 30px;
  box-sizing: border-box;
}
#searchform input#s {
  font-family: 'Noto Sans Japanese', sans-serif;
  width: 100%;
  height: 30px;
  background-color: #FFF;
  border: 1px #e8e8e8 solid;
  padding: 5px;
  box-sizing: border-box;
}
#search_btn {
  position: absolute;
  right: 40px;
  top: 50%;
  width: auto;
  height: 14px;
  margin-top: -7px;
}


/* #content
----------------------------------------------- */
#content {
  position: relative;
  width: 100%;
  z-index: 2;
}
#top_page #content {
  margin-top: 100vh;
}
#cont_page #content {
  margin-top: 100px;
  background-color: #fcfcfc;
}


/* #main_content
----------------------------------------------- */
#main_content {
  width: 100%;
  padding-bottom: 5em;
}
#top_page #main_content {
  background-color: rgba(0,0,0,0.7);
}
#cont_page #main_content {
  max-width: 1200px;
  padding-top: 2em;
  margin: 0 auto;
}


/* #global_navi
------------------------------------------------------------------------------------------- */
#global_navi {
  position: fixed;
  top: 60px;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 4;
  transition:all 0.3s ease-in;
}
#global_navi.slide {
  padding-top: 55px;
}
#global_navi div {
  display: block;
  cursor: pointer;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  height: 40px;
  line-height: 41px;
  background: url(images/icon/menu.png) 10px center no-repeat;
  background-size: auto 16px;
  background-color: #910782;
  padding: 0px 10px 0 35px;
}
#global_navi ul {
  display: none;
  background-color: #fcfcfc;
}
#global_navi div.active {
  background: url(images/icon/close.png) 10px center no-repeat;
  background-size: auto 16px;
  background-color: #910782;
}
#global_navi li a {
  width: 100%;
  height: 100%;
  display: block;
}
#global_navi li img {
  display: none;
}
#global_navi li:first-child a:after {
  content: "HOME";
  display: block;
}
#global_navi li:nth-child(2) a:after {
  content: "丹後ちりめん";
  display: block;
}
#global_navi li:nth-child(3) a:after {
  content: "産地の紹介";
  display: block;
}
#global_navi li:nth-child(4) a:after {
  content: "組合の概要";
  display: block;
}
#global_navi li:nth-child(5) a:after {
  content: "組合員名簿";
  display: block;
}

#global_navi .lsf-icon.flag a:before {
  content: '\E04a';
}
#global_navi .lsf-icon.pin a:before {
  content: '\E103';
}
#global_navi .lsf-icon.link a:before {
  content: '\E082';
}
#global_navi .lsf-icon.mail a:before {
  content: '\E08a';
}
#global_navi .lsf-icon a:before {
  font-size: 140%;
  float: left;
  line-height: 51px;
  padding: 0 8px 0 22px;
}
/* ie用ハック --*/
@media all and (-ms-high-contrast: none){
  #global_navi .lsf-icon a:before {
    font-size: 55%;
  }
}

#global_navi li a:after {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: 0.7px;
  height: 50px;
  background-color: #f2f2f2;
  border-bottom: 1px #ddd solid;
  padding-left: 20px;
}
#global_navi li:nth-child(6) a,
#global_navi li:nth-child(7) a,
#global_navi li:nth-child(8) a,
#global_navi li:nth-child(9) a {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 51px;
  letter-spacing: 0.7px;
  height: 50px;
  background-color: #fcfcfc;
  border-bottom: 1px #f2f2f2 solid;
}
#global_navi li a:hover,
#global_navi li a:hover:after,
#global_navi li.on a,
#global_navi li.on a:after {
  text-decoration: none;
  background-color: rgba(145,7,130,0.1);
}


/* #header_img
----------------------------------------------- */
#header_img {
  position: fixed;
  top: 0;
  width: 100%;
  visibility: hidden;
}

.sp300 {display: block!important;text-align: center;position: absolute;width: 100vw; top:620px; z-index: 1000;}

#top_image {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
#top_image img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  min-height: 100%;
}

@media screen and (max-width: 720px) {
#top_image img {
  position: absolute;
  top: 0;
  left: 80%;
  height: 100%;
  min-height: 100%;
  }
  
.sp300 {display: block!important;text-align: center;position: absolute;width: 100vw; top: 60vh; z-index: 1000;}
.sp300 img {width: 60%;height: auto;}

}


#top_image_text {
  position: relative;
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin-top: -100vh;
}
#top_image_text img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 900px;
}

#scroll {
  position: absolute;
  bottom: 20%;
  left: 50%;
  color: #FFF;
  text-align: center;
  width: 46px;
  height: 46px;
  border: 2px #FFF solid;
  border-radius: 23px;
  box-sizing: border-box;
  margin-left: -23px;
  z-index: 2;
  opacity: 0.7;
}
#scroll img {
  width: 20px;
  height: 20px;
  margin-top: 13px;
}
#scroll span {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #FFF;
  border-radius: 23px;
  margin-left: -23px;
  opacity: 0;
}
#scroll:after {
  content: 'Scroll';
  display: block;
  position: absolute;
  top: 46px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
}


/* .section
----------------------------------------------- */
.section {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.section.container {
  border-top: 1px rgba(255,255,255,0.5) solid;
  margin-top: 5em;
}


/* .top-title-area
----------------------------------------------- */
.top-title-area {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 3em 0 2em 0;
}
.top-title-area h2 {
  text-align: center;
  padding: 0 1em;
  box-sizing: border-box;
}
h2.top-title img {
  width: auto!important;
  height: 30px!important;
}
.top-title-area .links {
  width: 100%;
  text-align: center;
  margin-top: 1em;
}
.top-title-area a {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  display: block;
}
.top-title-area a.right:after {
  content: '\E112';
  color: #c309ad;
  font-size: 120%;
  font-weight: normal;
  padding-left: 0.5em;
}
.top-title-area a.tabs:after {
  content: '\E095';
  color: #c309ad;
  font-size: 140%;
  padding-left: 0.5em;
}
.top-title-area a:hover {
  color: #c309ad;
  text-decoration: none;
}


/* #info-area
----------------------------------------------- */
#info-area {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  letter-spacing: -0.5em;
}
#info-area .info-item {
  display: inline-block;
  letter-spacing: normal;
  width: 100%;
  padding-bottom: 1px;
  box-sizing: border-box;
}
#info-area .info-item a {
  display: block;
  position: relative;
  width: 100%;
  background-color: #FFF;
}
#info-area .info-item a:hover {
  text-decoration: none;
}
#info-area .info-item.new a:before,
#tfm-area #feed-block .new a:before {
  content: 'NEW';
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  color: #FFF;
  background-color: red;
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  z-index: 2;
}
#info-area .top_thumb {
  position: relative;
  width: 100%;
}
#info-area .top_thumb .thumb-img {
  width: 100%;
  overflow: hidden;
}
#info-area .top_thumb .thumb-img .cover {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  transition: all .15s ease;
}
#info-area .info-item a:hover .thumb-img .cover {
  transform: scale(1.1);
}
#info-area .info-body {
  padding: 0 1em 1em 1em;
  box-sizing: border-box;
}
#info-area .cate {
  position: absolute;
  left: 1em;
  bottom: 0;
  margin-bottom: -13px;
  width: calc(100% - 2em);
  line-height: 1.2;
}
#info-area .cate div {
  color: #FFF;
  font-size: 13px;
  background-color: #c53bb6;
  border-radius: 3px;
  padding: 5px 1em 6px 1em;
  display: inline-block;
  vertical-align: bottom;
  margin: 1px;
}
#info-area h3 {
  font-size: 15px;
  padding-top: 1.2em;
}
#info-area .info-credit {
  width: 100%;
  border-top: 1px #ddd solid;
  padding-top: 1em;
  margin-top: 1em;
}
#info-area .info-credit.lsf-icon.next:after {
  content: '\E096';
  display: block;
  position: absolute;
  right: 1em;
  bottom: 1.4em;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-indent: 0.4em;
  background-color: #c53bb6;
  border-radius: 8px;
}
#info-area .date,
#info-area .author {
  font-size: 12px;
  display: inline-block;
}
#info-area .date {
  margin-right: 1em;
}
.lsf-icon.calendar:before {
  content: '\E15e';
  font-size: 140%;
  padding-right: 0.3em;
}
.lsf-icon.pen:before {
  content: '\E09f';
  font-size: 130%;
  padding-right: 0.2em;
}


/* .top-banner
----------------------------------------------- */
.top-banner {
  letter-spacing: -0.5em;
  width: 100%;
  max-width: 1200px;
  padding: 0 0.25em;
  box-sizing: border-box;
  margin: 0 auto;
}
.top-banner li {
  letter-spacing: normal;
  display: inline-block;
  width: 50%;
  padding: 0 0.25em 0.5em 0.25em;
  box-sizing: border-box;
}
.top-banner li a {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.top-banner li img {
  max-width: 100%;
  height: auto;
}
.top-banner li a h3 {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #FFF;
  font-size: 13px;
  width: 100%;
  background-color: rgba(145,7,130,0.8);
  padding: 0.5em;
  padding-right: 1.5em;
  box-sizing: border-box;
}
.top-banner li a h3.lsf-icon.right:after {
  content: '\E112';
  display: block;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  font-weight: 700;
}
.top-banner li a h3.lsf-icon.tabs:after {
  content: '\E095';
  display: block;
  position: absolute;
  bottom: 0.1em;
  right: 0.5em;
  font-size: 140%;
  font-weight: 500;
}


/* #tfm-area
----------------------------------------------- */

/*-- .sec-title -----*/
.sec-title {
  letter-spacing: 0.2em;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  border-top: 1px rgba(255,255,255,0.5) solid;
  padding-top: 2em;
  box-sizing: border-box;
  margin-bottom: 1em;
}

.sec-title.lsf-icon.facebook:before {
  content: '\E047';
  font-size: 160%;
  font-weight: normal;
  margin-right: 0.3em;
}
.sec-title.lsf-icon.rss:before {
  content: '\E113';
  font-size: 140%;
  font-weight: normal;
  margin-right: 0.3em;
}

#tfm-area {
  letter-spacing: -0.5em;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
}
#tfm-area li.tfm-item {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
#tfm-area li.tfm-item .fb-area {
  width: 100%;
  height: 460px;
  padding: 0 2.5em;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 2em;
}

/*-- Facebook Page Plugin -----*/
#top_page .fb_iframe_widget,
#top_page .fb_iframe_widget span,
#top_page .fb_iframe_widget iframe[style]{
  width: 100% !important;
}

/*-- ブログサイトRSS -----*/
#tfm-area #feed-block {
  letter-spacing: -0.5em;
}
#tfm-area #feed-block li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 100%;
  padding-bottom: 1px;
  box-sizing: border-box;
}
#tfm-area #feed-block li a {
  display: block;
  position: relative;
  width: 100%;
  background-color: #FFF;
}
#tfm-area #feed-block li a:hover {
  text-decoration: none;
}
#tfm-area #feed-block .thumb {
  position: relative;
  width: 100%;
}
#tfm-area #feed-block .thumb .thumb-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#tfm-area #feed-block img.img-H {
  min-width: 100%;
  max-width: 100%;
  max-height: none;
}
#tfm-area #feed-block img.img-W {
  max-width: none;
  min-height: 100%;
  max-height: 100%;
}
#tfm-area #feed-block .feed-body {
  padding: 0 1em 1em 1em;
  box-sizing: border-box;
}
#tfm-area #feed-block .cate {
  position: absolute;
  left: 1em;
  bottom: 0;
  margin-bottom: -13px;
  width: calc(100% - 2em);
  line-height: 1.2;
}
#tfm-area #feed-block .cate div {
  color: #FFF;
  font-size: 13px;
  background-color: #c53bb6;
  border-radius: 3px;
  padding: 5px 1em 6px 1em;
  display: inline-block;
  vertical-align: bottom;
  margin: 1px;
}
#tfm-area #feed-block h3 {
  font-size: 15px;
  padding-top: 1.2em;
}
#tfm-area #feed-block .feed-credit {
  width: 100%;
  border-top: 1px #ddd solid;
  padding-top: 1em;
  margin-top: 1em;
}
#tfm-area #feed-block .feed-credit.lsf-icon.newtab:after {
  content: '\E046';
  display: block;
  position: absolute;
  right: 1em;
  bottom: 1.4em;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background-color: #c53bb6;
  border-radius: 8px;
}
#tfm-area .date,
#tfm-area .author {
  font-size: 12px;
  display: inline-block;
}
#tfm-area .date {
  margin-right: 1em;
}
#tfm-area #feed-block .lsf-icon.calendar:before {
  content: '\E15e';
  font-size: 140%;
  padding-right: 0.3em;
}
#tfm-area #feed-block .lsf-icon.pen:before {
  content: '\E09f';
  font-size: 130%;
  padding-right: 0.2em;
}

#tfm-area .links {
  display: none;
}


/* #title_block
----------------------------------------------- */
#title_block {
  width: 100%;
  background-color: #FFF;
  border-bottom: 1px #f4f4f4 solid;
  padding: 2em 0;
}
#title_block div {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  box-sizing: border-box;
}
#title_block h2 {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
  color: #333;
  letter-spacing: 0.7px;
  line-height: 1;
}
#title_block h2 img {
  width: auto;
  height: 26px!important;
}


/* #main
----------------------------------------------- */
#main {
  margin: 0 auto;
  width: 100%;
}
#main.single {
  color: #333;
  padding: 0 1em;
  box-sizing: border-box;
}


/* .mainpage-banner
----------------------------------------------- */
.mainpage-banner {
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: -0.5em;
}
.mainpage-banner li {
  letter-spacing: normal;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 0 0.5em;
  box-sizing: border-box;
  margin-bottom: 1.5em;
}
.mainpage-banner li:last-child {
  margin-bottom: 0;
}
.mainpage-banner li a {
  position: relative;
  display: block;
  width: 100%;
  background-color: #FFF;
  border: 5px #eee solid;
  box-sizing: border-box;
  transition: 0.3s ease-out;
}
.mainpage-banner li a h3 {
  font-size: 18px;
  text-align: center;
  padding: 1em 0 3em 0;
}
.mainpage-banner li a h3.next:after {
  content: '\E096';
  display: block;
  position: absolute;
  left: 50%;
  font-size: 140%;
  color: #FFF;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-indent: 0.15em;
  background-color: #c53bb6;
  border-radius: 17px;
  margin-left: -17px;
  margin-top: 0.2em;
}
.mainpage-banner li a:hover {
  color: #666;
  text-decoration: none;
  border: 5px #c309ad solid;
}


/* #category-area & #all-info-area
----------------------------------------------- */
#category-area {
  width: 100%;
  border-top: 3px #ddd solid;
  border-bottom: 1px #ddd solid;
  padding: 1.5em 0 1.5em 1em;
  box-sizing: border-box;
  letter-spacing: -0.5em;
}
#category-area div {
  letter-spacing: normal;
  line-height: 1.25;
  padding: 0.5em 0 1.5em 0;
}
#category-area ul {
  width: 100%;
}
#category-area li {
  letter-spacing: normal;
  display: block;
  float: left;
  font-weight: 500;
  vertical-align: top;
  line-height: 1.25;
  padding-right: 3em;
}
#category-area li a {
  display: inline-block;
  padding: 0.5em 0;
}
#category-area li a:before {
  content: '>';
  display: inline-block;
  color: #FFF;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  background-color: #c53bb6;
  margin-right: 0.5em;
}
#category-area li a:hover {
  text-decoration: none;
}
#category-area ul:after {
  content: '';
  display: block;
  clear: both;
}

/*-- #all-info-area -----*/
#all-info-area {
  width: 100%;
}
#all-info-area li a {
  display: block;
  width: 100%;
  padding: 2em 1em;
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
}
#all-info-area li a:hover {
  text-decoration: none;
}
#all-info-area .date {
  font-weight: 500;
}
#all-info-area .cate {
  line-height: 1.2;
  padding: 0.5em 0 1em 0;
}
#all-info-area .cate div {
  color: #FFF;
  font-size: 13px;
  background-color: #c53bb6;
  border-radius: 3px;
  padding: 5px 1em 6px 1em;
  display: inline-block;
  vertical-align: bottom;
  margin: 1px;
}
#all-info-area h3.next:after {
  content: '\E096';
  font-weight: normal;
  display: inline-block;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-indent: 0.35em;
  vertical-align: middle;
  background-color: #c53bb6;
  border-radius: 8px;
  margin-left: 0.7em;
}
#all-info-area h3.newtab:after {
  content: '\E046';
  font-weight: normal;
  display: inline-block;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #c53bb6;
  border-radius: 8px;
  margin-left: 0.7em;
}
.cat_title {
  font-weight: 400;
  padding: 0 1em 1.5em 1em;
}
.cat_title span {
  font-size: 18px;
  font-weight: 500;
  padding-left: 0.5em;
}


/* 投稿一覧　ページ送り
----------------------------------------------- */
.pagination, /* 検索ページのページ送り */
.tablenav {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding: 3em 0 0 0;
}
a.page-numbers,
.pagination .current,
.tablenav .current {
  color: #FFF;
  background-color: #c53bb6;
  border: 1px #c53bb6 solid;
  border-radius: 2px;
  padding: 3px 8px;
  margin: 0 0 0 1px;
}
.pagination .current,
.tablenav .current {
  color: #666;
  border: 1px #ddd solid;
  background-color: #f0f0f0;
}
a.page-numbers:hover {
  color: #c53bb6!important;
  background-color: #FFF;
  text-decoration: none;
}


/*-- ページ送り（個別）-----*/
ul.post_navi {
  font-size: 13px;
  line-height: 1.5;
  width: 100%;
  height: auto;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  padding: 1.5em 0;
  box-sizing: border-box;
  margin: 3em 0 0 0;
  letter-spacing: -0.5em;
}
ul.post_navi li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
ul.post_navi li.next {
  text-align: right;
  margin-top: 1.5em;
}
ul.post_navi li div {
  font-size: 10px;
  font-weight: 700;
  color: #FFF;
  line-height: 1;
  letter-spacing: 1px;
  background-color: #808080;
  padding: 5px 10px;
  display: inline-block;
}
ul.post_navi div.back:before {
  content: '\E00f';
  font-size: 140%;
  margin-right: 0.5em;
}
ul.post_navi div.next:after {
  content: '\E096';
  font-size: 140%;
  margin-left: 0.5em;
}
ul.post_navi a {
  margin-top: 10px;
  display: block;
}
ul.post_navi a:hover {
  text-decoration: none;
}


/* 投稿記事のスタイル
----------------------------------------------- */
h2.post_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}
.post-cate,
.post-credit {
  line-height: 1.2;
  padding: 1.5em 0;
}
.post-credit {
  color: #666;
  padding-top: 0;
}
.post-cate a {
  color: #FFF;
  font-size: 13px;
  background-color: #c53bb6;
  border-radius: 3px;
  padding: 5px 1em 6px 1em;
  display: inline-block;
  vertical-align: bottom;
  margin: 1px;
}
.post-cate a:hover {
  text-decoration: none;
}
.post-credit .date,
.post-credit .author {
  font-size: 13px;
  display: inline-block;
}
.post-credit .date {
  margin-right: 1em;
}
/*.wp_social_bookmarking_light {
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  padding: 1.5em 0 0.7em 0;
}*/
.addtoany_share_save_container {
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  padding: 1em 0 0.5em 0;
  margin-bottom: 1em;
}
.addtoany_share_save_container a {
  display: inline-block;
  margin: 0 0.3em;
}
.addtoany_share_save_container span {
  border-radius: 4px;
}
.a2a_svg.a2a_s__default.a2a_s_facebook {
  float: left;
}

.item_cont img {
  margin: 1.5em 0;
}
.item_cont b {
  font-weight: 700;
}
.item_cont a {
  color: #910782;
  text-decoration: underline;
}
.item_cont a:hover {
  color: #c309ad;
  text-decoration: none;
}


/* ソーシャルメディア
------------------------------------------------------------------------------------------- */
.wsbl_twitter {
  width: auto!important;
}
.wsbl_line,
.wsbl_line a {
  width: 88px!important;
  height: 20px!important;
  padding: 0;
  display: block;
}


/* 固定ページの設定
----------------------------------------------- */
h3.main-title {
  color: #333;
  font-size: 24px;
  line-height: 1.5;
  background: url(images/title_cover/main-title-cover-bottom.png) left bottom repeat-x;
  padding: 0 60px 15px 40px;
  margin-bottom: 1em;
}
h3.main-title:before {
  content: url(images/title_cover/main-title-cover-small-before.png);
  display: block;
  float: left;
  margin-left: -40px;
  margin-top: 1px;
}
h3.main-title:after {
  content: url(images/title_cover/main-title-cover-small-after.png);
  display: block;
  float: right;
  margin-right: -60px;
}

h4.sub-title {
  color: #333;
  font-size: 20px;
  border-bottom: 1px #333 solid;
  padding-bottom: 0.2em;
  margin: 3em 0 1em 0;
}

strong {
  display: block;
  color: #910782;
  font-size: 115%;
  font-weight: 500;
  margin: 0.2em 0;
}
strong span {
  font-size: 70%;
  margin-left: 1em;
}

/*-- 投稿用のstrong設定 --*/
.item_cont strong {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
}
.item_cont strong span {
  font-size: inherit;
  margin-left: 0;
}

/*-- #chirimen_history -----*/
ul#chirimen_history {
  width: 100%;
  border: 2px #ccc solid;
  box-sizing: border-box;
  letter-spacing: -0.5em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul#chirimen_history li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  border: 1px #ccc solid;
  border-right: 0;
  padding: 0.4em 0;
  box-sizing: border-box;
}
ul#chirimen_history li.center {
  text-align: center;
}
ul#chirimen_history li:nth-child(5n) {
  border-right: 1px #ddd solid;
}
ul#chirimen_history li:nth-child(n+6) {
  border-top: 0;
  border-bottom: 1px #ccc dashed;
}
ul#chirimen_history li.noline {
  border-bottom: 0;
}
ul#chirimen_history li.seireki {
  width: 3em;
}
ul#chirimen_history li.wareki {
  width: 3em;
}
ul#chirimen_history li.year {
  width: 2.2em;
}
ul#chirimen_history li.month {
  width: 2.2em;
}
ul#chirimen_history li.text {
  width: calc(100% - 10.4em);
  padding: 0.4em 0.5em;
}
ul#chirimen_history li a {
  color: #c309ad;
  text-decoration: underline;
}
ul#chirimen_history li a:hover {
  text-decoration: none;
}


/*-- .box-area -----*/
.box-area,
.box-area-2 {
  width: 100%;
  box-sizing: border-box;
  letter-spacing: -0.5em;
}
.box-cont {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border: 2px #ddd solid;
  padding: 1em;
  box-sizing: border-box;
  margin-top: 1em;
}
.box-cont .thumb {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 1em;
}

/*-- .list-box -----*/
.list-box {
  display: inline-block;
  border: 2px #ddd solid;
  padding: 1em;
  box-sizing: border-box;
  margin-top: 1.5em;
}
.list-box li {
  display: block;
  float: left;
  line-height: 1.2;
  padding: 0.5em;
}
.list-box li:before {
  content: '●';
  color: #910782;
  margin-right: 0.2em;
}
.list-box li:last-child:after {
  content: '';
  display: block;
  clear: both;
}

/*-- .flow-box -----*/
.flow-box.arrowdown:after {
  content: '\E00b';
  display: block;
  color: rgba(145,7,130,0.3);
  font-size: 50px;
  line-height: 1;
  text-align: center;
}
.flow-box .flow-item {
  border: 2px #ddd solid;
  padding: 1em;
}
.flow-box .thumb {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.flow-box h4.sub-title {
  margin: 0.5em 0;
}
.flow-box h4.sub-title:before {
  display: inline-block;
  color: #FFF;
  font-size: 80%;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  background-color: #910782;
  border-radius: 0.7em;
  margin: -4px 0.5em 0 0;
}
.flow-box h4.sub-title.num-1:before {
  content: '1';
}
.flow-box h4.sub-title.num-2:before {
  content: '2';
}
.flow-box h4.sub-title.num-3:before {
  content: '3';
}
.flow-box h4.sub-title.num-4:before {
  content: '4';
}
.flow-box h4.sub-title.num-5:before {
  content: '5';
}
.flow-box h4.sub-title.num-6:before {
  content: '6';
}
.flow-box h4.sub-title.num-7:before {
  content: '7';
}
.flow-box h4.sub-title.num-8:before {
  content: '8';
}
.flow-box h4.sub-title.num-9:before {
  content: '9';
}
.flow-box h4.sub-title.num-10:before {
  content: '10';
}

.flow-box .flow-item.no-border {
  letter-spacing: normal;
  border: 0;
  padding: 0 0 1em 0;
}
.flow-box .flow-item.no-border h4 {
  font-size: 130%;
  border-bottom: 3px rgba(145,7,130,0.2) solid;
  margin: 0 0 1em 0;
}
.flow-box .flow-item.no-border h4.first {
  margin: 3em 0 1em 0;
}

/*-- .kimono-box -----*/
.kimono-box {
  width: 100%;
  padding-top: 1.5em;
  box-sizing: border-box;
}
.kimono-box .thumb {
  width: 100%;
  height: auto;
  margin-bottom: 1.5em;
  overflow: hidden;
}
.kimono-box strong {
  display: block;
  text-align: center;
  width: 100%;
  background-color: rgba(145,7,130,0.3);
  border-radius: 5px;
  padding: 1em 0;
  box-sizing: border-box;
  margin: 1.5em 0 1em 0;
}

/*-- #iroha-menu -----*/
#iroha-menu {
  width: 100%;
  margin: 0 -0.5em;
}
#iroha-menu ul {
  width: calc(100% + 1em);
  letter-spacing: -0.5em;
}
#iroha-menu li {
  letter-spacing: normal;
  display: inline-block;
  text-align: center;
  width: 50%;
  vertical-align: top;
  padding: 0.5em;
  box-sizing: border-box;
}
#iroha-menu li a {
  display: block;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
  border: 2px #ddd solid;
  padding: 0.5em;
  padding-top: 40px;
  box-sizing: border-box;
  transition: 0.3s ease-out;
}
#iroha-menu li:first-child a {
  background: url(images/cont-chirimen-img/story.png) center 10px no-repeat;
  background-size: 30px auto;
}
#iroha-menu li:nth-child(2) a {
  background: url(images/cont-chirimen-img/chemistry.png) center 10px no-repeat;
  background-size: 30px auto;
}
#iroha-menu li:nth-child(3) a {
  background: url(images/cont-chirimen-img/cleaner.png) center 10px no-repeat;
  background-size: 30px auto;
}
#iroha-menu li:last-child a {
  background: url(images/cont-chirimen-img/care.png) center 10px no-repeat;
  background-size: 30px auto;
}
#iroha-menu li a:hover,
#iroha-menu li a.on {
  text-decoration: none;
  color: #c309ad;
  background-color: rgba(145,7,130,0.1);
  border: 2px #c309ad solid;
}

/*-- #iroha-foot-menu -----*/
#iroha-foot-menu {
  width: 100%;
  padding-top: 2.5em;
}
#iroha-foot-menu ul {
  width: 100%;
  border: 2px #ddd solid;
  padding: 1em 0;
  box-sizing: border-box;
  letter-spacing: -0.5em;
}
#iroha-foot-menu li {
  letter-spacing: normal;
  display: inline-block;
  text-align: left;
  width: 50%;
  vertical-align: middle;
  padding: 0;
  box-sizing: border-box;
}
#iroha-foot-menu li a {
  display: inline-block;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  vertical-align: middle;
  padding: 0.5em;
  padding-left: 50px;
  box-sizing: border-box;
}
#iroha-foot-menu li:first-child a {
  background: url(images/cont-chirimen-img/story-gray.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:nth-child(2) a {
  background: url(images/cont-chirimen-img/chemistry-gray.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:nth-child(3) a {
  background: url(images/cont-chirimen-img/cleaner-gray.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:last-child a {
  background: url(images/cont-chirimen-img/care-gray.png) 10px center no-repeat;
  background-size: 35px auto;
}

#iroha-foot-menu li:first-child a:hover,
#iroha-foot-menu li:first-child a.on {
  background: url(images/cont-chirimen-img/story.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:nth-child(2) a:hover,
#iroha-foot-menu li:nth-child(2) a.on {
  background: url(images/cont-chirimen-img/chemistry.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:nth-child(3) a:hover,
#iroha-foot-menu li:nth-child(3) a.on {
  background: url(images/cont-chirimen-img/cleaner.png) 10px center no-repeat;
  background-size: 35px auto;
}
#iroha-foot-menu li:last-child a:hover,
#iroha-foot-menu li:last-child a.on {
  background: url(images/cont-chirimen-img/care.png) 10px center no-repeat;
  background-size: 35px auto;
}

#iroha-foot-menu li a:hover,
#iroha-foot-menu li a.on {
  text-decoration: none;
  color: #c309ad;
}

/*-- .list-underline -----*/
.list-underline {
  margin: 1.5em 0;
}
.list-underline li {
  text-indent: -2em;
  border-bottom: 1px #666 dashed;
  padding-bottom: 0.2em;
  padding-left: 2em;
  margin: 0.5em 0;
}

/*-- .chemistry-sheet -----*/
.chemistry-sheet {
  text-align: center;
  margin: 2em 0;
}

/*-- .gray-box -----*/
.gray-box {
  background-color: #eee;
  border: 1px #ddd solid;
  border-radius: 5px;
  padding: 1em;
  margin-top: 2em;
}
.gray-box strong {
  font-size: 140%;
  border-bottom: 3px rgba(145,7,130,0.2) solid;
  margin-bottom: 1em;
}
.gray-box p span {
  font-size: 110%;
  font-weight: 500;
  display: block;
  margin-top: 1em;
}
.gray-box p.notice {
  color: #910782;
  width: 100%;
  margin-top: 1.5em;
}

/*-- .half-box -----*/
.half-box {
  width: 100%;
  letter-spacing: -0.5em;
}
.half-box .half-box-item {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 1.5em;
}
h4.box-title {
  color: #333;
  font-size: 135%;
  border-bottom: 3px rgba(145,7,130,0.2) solid;
  padding-bottom: 0.2em;
  margin: 1em 0;
}
.half-box .thumb {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 1.5em 0 1em 0;
}

/*-- ul.outline-box -----*/
ul.outline-box {
  margin: 1.5em 0;
}
ul.outline-box.first {
  margin: 3em 0 1.5em 0;
}
ul.outline-box.last {
  margin: 1.5em 0 0 0;
}
ul.outline-box li:nth-child(odd) {
  font-size: 105%;
  font-weight: 500;
  border-bottom: 1px #910782 solid;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
}
p.outline {
  margin: 3em 0 1.5em 0;
}

ul.outline-box a {
  color: #c309ad;
}
ul.outline-box a:hover {
  text-decoration: underline;
}

h4.box-title.first {
  margin-top: 3em;
}

/*-- img -----*/
img.right-img,
img.left-img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
/*-- comment -----*/
.comment {
  position: relative;
}
.comment:after {
  display: block;
  position: absolute;
  right: 2em;
  top: 1em;
  font-size: 85%;
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  padding: 0 0.5em;
  z-index: 3;
}
.comment.hashidate:after {
  content: '天の橋立';
}


/*-- shadowboxの設定 -----*/
#sb-overlay {
  opacity: 0.7!important;
}
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: 'Noto Sans Japanese', sans-serif!important;
  font-size: 14px!important;
  font-weight: 500!important;
  line-height: 1.5!important;
  background-color: rgba(0,0,0,0.6);
}
#sb-title, #sb-title-inner {
  height: 50px!important;
  padding: 1em;
  box-sizing: border-box;
}
/*#sb-title-inner {
  font-size: 11px!important;
}*/
#sb-info-inner {
  background: none;
}
#sb-info, #sb-info-inner {
  height: 40px!important;
}
#sb-nav {
  height: 33px!important;
}
#sb-nav a {
  height: 33px!important;
  width: 33px!important;
}
#sb-nav-close {
  margin-left: 1em!important;
}


/* 白生地生産数量
----------------------------------------------- */
h2.head-title {
  font-size: 200%!important;
}
h2.head-title span {
  color: #666;
  font-size: 50%;
  display: inline-block;
  margin-right: 1em;
}

.graph-area {
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
}
.graph-area h4.sub-title {
  font-size: 130%;
}
table.graph-table {
  color: #333;
  width: 100%;
  border: #333 2px solid;
  border-top: #333 1px solid;
  border-right: #333 1px solid;
  box-sizing: border-box;
}
table.graph-table.space {
  margin: 1em 0;
}
table.graph-table tr.head-line {
  color: #FFF;
  background-color: rgba(145,7,130,0.6);
}
table.graph-table td {
  vertical-align: middle;
  border-top: 1px #333 solid;
  border-right: 1px #333 solid;
}
table.graph-table td.no-border {
  border-top: 0;
}
table.graph-table div {
  padding: 2px 3px;
  box-sizing: border-box;
}
table.graph-table div.first-line,
table.graph-table td.first-line {
  padding-top: 4px;
  padding-bottom: 0;
}
table.graph-table div.last-line,
table.graph-table td.last-line {
  padding-top: 0;
  padding-bottom: 4px;
}
p.graph-endline {
  color: #333;
}
p.graph-endline a {
  color: #c309ad;
  text-decoration: underline;
}
p.graph-endline a:hover {
  text-decoration: none;
}

table.graph-table tr.space {
  background: none;
  border-top: 1px #333 solid;
  border-right: 2px #333 solid;
}


/* 機関紙一覧
----------------------------------------------- */
#all-info-area.press {
  border-top: 3px #ddd solid;
}
#all-info-area.press li {
  border-bottom: 1px #ddd solid;
  padding: 1.5em 1em;
  box-sizing: border-box;
}
#all-info-area.press .date {
  margin-bottom: 1em;
}
#all-info-area.press .cate,
#all-info-area.press h3 {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
#all-info-area.press .cate {
  margin-right: 1em;
}
#all-info-area.press a {
  line-height: 1;
  border: 0;
  padding: 0;
  margin-top: 1em;
}


/* 組合員名簿
----------------------------------------------- */
#all-com-area .contact-form, /* 一覧表示から問い合わせフォームを非表示に */
#all-com-area .single-name, /* 一覧表示から個別用のタイトルを非表示に */
.single-page.comdata a.btn.right, /* 個別表示からリンクボタンを非表示に */
.single-page.comdata img.no-image { /* 個別表示からno-imageを非表示に */
  display: none;
}

#all-com-area {
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
}
#all-com-area li.com-data {
  color: #333;
  width: 100%;
  padding: 0 1em;
  border: 3px #ddd solid;
  box-sizing: border-box;
  margin-top: 2em;
}

h3.box-title {
  color: #333;
  font-size: 135%;
  border-bottom: 3px rgba(145,7,130,0.2) solid;
  padding-bottom: 0.2em;
  margin: 1em 0;
}
.single-page.comdata h3.main-title {
  margin-bottom: 0.2em;
}
.single-page.comdata .single-name {
  border-top: 2px #ddd solid;
  padding-top: 2em;
  margin: 4em 0 2em 0;
}

#all-com-area .cate,
.single-page.comdata .cate {
  line-height: 1.2;
  padding: 0.5em 0;
}
.single-page.comdata .cate {
  margin-bottom: 1.5em;
}
#all-com-area .cate div,
.single-page.comdata .cate div {
  color: #FFF;
  font-size: 13px;
  background-color: #c53bb6;
  border-radius: 3px;
  padding: 5px 1em 6px 1em;
  display: inline-block;
  vertical-align: bottom;
  margin: 1px;
}
.single-page.comdata .cate a {
  color: #FFF;
}
.single-page.comdata .cate a:hover {
  text-decoration: none;
}
#all-com-area ul li:nth-child(odd),
.single-page.comdata ul li:nth-child(odd) {
  font-size: 105%;
  font-weight: 500;
  border-bottom: 1px #910782 solid;
  padding-bottom: 0.2em;
  margin: 1em 0 0.2em 0;
  margin-bottom: 0.5em;
}
#all-com-area li.com-data a.newtab,
.single-page.comdata a.newtab {
  color: #c309ad;
  font-weight: 500;
}
#all-com-area li.com-data a.newtab:after,
.single-page.comdata a.newtab:after {
  content: '\E046';
  font-weight: normal;
  display: inline-block;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #c53bb6;
  border-radius: 8px;
  margin-left: 0.7em;
}
#all-com-area li.com-data a.newtab:hover,
.single-page.comdata a.newtab:hover {
  color: #c309ad;
  text-decoration: under-line;
}

#all-com-area a.btn.right {
  display: block;
  text-align: center;
}


/* リンク
----------------------------------------------- */
#link-area h3.box-title {
  font-size: 120%;
  letter-spacing: normal!important;
  margin: 2.5em 0.8em 1.5em 0.8em;
}
#link-area h3.box-title:first-child {
  margin-top: 0;
}
#link-area .link-item {
  font-size: 90%;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}
#link-area .link-item a {
  position: relative;
  display: block;
  border: 3px #ddd solid;
  padding: 1em 2.5em 1em 1em;
  box-sizing: border-box;
  transition: 0.3s ease-out;
}
#link-area .link-item a.newtab:after {
  content: '\E046';
  position: absolute;
  bottom: 50%;
  right: 0.6em;
  font-weight: normal;
  display: inline-block;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #c53bb6;
  border-radius: 8px;
  margin-bottom: -8px;
}
#link-area .link-item a.next:after {
  content: '\E096';
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-weight: normal;
  display: inline-block;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #c53bb6;
  border-radius: 8px;
}
#link-area .link-item a:hover {
  color: #666;
  text-decoration: none;
  border: 3px #c309ad solid;
}



/* contactページ
----------------------------------------------- */
.form input {
  font-family: 'Noto Sans Japanese', sans-serif;
  max-width: 90%;
}
.mw_wp_form select {
  font-family: 'Noto Sans Japanese', sans-serif;
}
.form textarea {
  font-family: 'Noto Sans Japanese', sans-serif;
  min-width: 90%;
  max-width: 90%;
}
.form .final-check {
  font-weight: 500;
  margin: 1.5em 0 0.5em 0;
}
.form span.comment {
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.bold-text {
  font-size: 105%;
  font-weight: 500;
  margin: 1em 0 0.5em 0;
  border-bottom: 1px #666 dashed;
}
span.kome {
  display: inline-block;
  font-size: 120%;
  color: red;
  vertical-align: middle;
}
span.error {
  display: inline-block;
  color: red;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 0.5em;
}
.form p:first-child {
  margin-bottom: 2em;
}
.form p:nth-child(odd) {
  margin-bottom: 1em;
}
.form  p:nth-child(even) {
  font-weight: 500;
}
.form.large p:nth-child(odd) {
  margin-bottom: 2em;
}
.mwform-checkbox-field.vertical-item label {
  display: block;
}

/*-- 確認画面 -----*/
.mw_wp_form_preview p:nth-child(even) {
  font-weight: normal;
  color: #666;
}
.mw_wp_form_preview p:nth-child(odd) {
  font-weight: 500;
  margin-left: 0.5em;
}
.mw_wp_form_preview p:first-child {
  font-weight: normal;
}
.mw_wp_form_preview .final-check {
  display: none;
}

/*-- 完了画面 -----*/
.mw_wp_form_complete {
  width: 100%;
  border: 5px rgba(145,7,130,0.2) solid;
  border-radius: 5px;
  padding: 2em;
  box-sizing: border-box;
}
.mw_wp_form_complete strong {
  color: red;
  font-size: 150%;
  margin-bottom: 2em;
}

/*-- 送信ボタン -----*/
.submit-btn {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 120%;
  font-weight: 500;
  cursor: pointer;
  display :inline-block;
  color: #c309ad;
  background: none;
  padding: 0.4em 1em;
  border: 1px #c309ad solid;
  border-radius: 3px;
  margin: 1em 1em 1em 0;
}
.submit-btn:hover {
  color: #FFF!important;
  background-color: #c309ad;
}

.notice {
  border-top: 2px #ddd solid;
  padding-top: 1.5em;
  margin-top: 4em;
}
.notice a {
  color: #c309ad;
}
.notice a:hover,
.notice.tel a.mail:hover {
  text-decoration: underline;;
}
.notice .bold {
  font-size: 105%;
  font-weight: 500;
}
.notice.tel strong {
  margin: 1.5em 0 0 0;
}
.notice.tel a.mail {
  font-weight: 500;
}
.notice a.mail:before {
  content: '\E08a';
  display: inline-block;
  font-size: 140%;
  font-weight: normal;
  vertical-align: middle;
  padding: 0 0.3em 0 1em;
}
.notice.tel .tel {
  display: inline-block;
}
.notice.tel .tel a {
  font-weight: 500;
  margin-right: 1em;
}
.notice.tel .tel a:hover {
  text-decoration: none;
}
.notice.tel .fax a {
  color: #333!important;
}
@media screen and (min-width: 600px) {
  .notice.tel .tel a {
    color: #333;
  }
}


/* 検索結果ページ
----------------------------------------------- */
.search #searchform {
  position: relative;
  width: 80%;
  padding: 0;
  margin: 3em 0 0 0;
}
.search #searchform input#s {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 120%;
  width: 100%;
  height: auto!important;
  padding: 0.5em;
  border: 1px #ddd solid;
  box-sizing: border-box;
}
#search_btn {
  position: absolute;
  right: 10px;
  top: 50%;
  width: auto;
  height: 14px;
  margin-top: -7px;
}
h4.search-title {
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 1.5em;
  display: inline-block;
}
h4.search-title strong {
  color: #333;
  display: inline-block;
}
h4.search-title span {
  font-size: 80%;
  font-weight: normal;
}
.search article {
  border-top: 1px #ddd solid;
  padding: 1em;
  box-sizing: border-box;
}
.search article:last-child {
  border-bottom: 1px #ddd solid;
}
.search h2.entry-title a {
  color: #910782;
  font-size: 110%;
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.search h2.entry-title a:after {
  content: ">";
  display: inline-block;
  font-size: 100%;
  font-weight: 500;
  color: #910782;
  margin-left: 0.5em;
}
.search .entry-summary {
  color: #666;
  line-height: 1.5;
  margin: 0.2em 0;
}
.search .navigation.pagination {
  border-top: 1px #ddd solid;
}
.search a.more-link,
.search .edit-link,
.search .navigation.pagination h2.screen-reader-text {
  display: none;
}


/* サイトマップ
----------------------------------------------- */
#sitemap {
  width: 100%;
  letter-spacing: -0.5em;
}
#sitemap li.map-item {
  letter-spacing: normal;
  display: inline-block;
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
  margin-bottom: 2em;
}
#sitemap li.map-item:last-child {
  margin-bottom: 0;
}
#sitemap li ul {
  border: 3px #ddd solid;
  padding: 1em;
  box-sizing: border-box;
}
#sitemap h3 {
  font-size: 120%;
  margin-top: 0;
}
#sitemap li ul ul {
  border: 0;
  padding: 0 0 0 2em;
  box-sizing: border-box;
}
#sitemap li a {
  vertical-align: middle;
}
#sitemap li a:hover {
  text-decoration: none;
}
#sitemap li a:before {
  content: '\E112';
  font-size: 110%;
  padding-right: 0.5em;
}
#sitemap li a:after {
  content: none;
}
#sitemap p {
  color: #333;
  font-size: 110%;
  font-weight: 500;
  margin: 0.5em 0;
}


/* カレンダー
----------------------------------------------- */

/*-- 2020 -----*/
.calendar-page .dm-section-01 {
  background: url(images/calendar/2020/dm-bg.png) left bottom repeat-x;
  background-size: auto 100%;
  padding: 1.5em 1em;
  box-sizing: border-box;
}
.calendar-page .calendar-logo {
  width 100%;
  padding: 0 20%;
  box-sizing: border-box;
  margin: 0 0 2em 0;
}
.calendar-page .dm-title {
  font-size: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 700;
  transform: rotate(.03deg);
  line-height: 1.35;
  margin: 1em 0 0.5em 0;
}
.calendar-page .kimono-img {
  width: 100%;
  letter-spacing: -0.5em;
  box-sizing: border-box;
  margin: 1.5em 0;
}
.calendar-page .kimono-img li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 33.3333333%;
  padding: 0.1em;
  box-sizing: border-box;
}
.calendar-page .dm-section-01::after {
  content: '';
  display: inline-block;
  width: calc(100% + 2em);
  height: 2em;
  background: url(images/calendar/2020/section-end.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin: -2.2em -1em 0 -1em;
}

.calendar-page .dm-section-02 {
  color: #00A0C0;
  line-height: 1.5;
  background: url(images/calendar/2020/dm-bg.png) left bottom repeat-x;
  background-size: auto 100%;
  padding: 0 1em;
  box-sizing: border-box;
  margin: -2.5em 0 0 0;
}
.calendar-page .section-title {
  font-size: 150%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 700;
  transform: rotate(.03deg);
  line-height: 1.35;
  text-align: center;
  margin: 0 0 0.5em 0;
}
.calendar-page .blue-section {
  margin: 0 0 1em 0;
}
.calendar-page .blue-section li {
  font-weight: 700;
  text-align: center;
  color: #FFF;
  background-color: #00A0C0;
  border-radius: 0.5em;
  padding: 0.5em 0;
  margin: 0 0 0.5em 0;
}
.calendar-page .calendar-img-section {
  margin: 1.5em 0 0 0;
}
.calendar-page .calendar-img-section li {
  margin: 1em 0 0 0;
}
.calendar-page .calendar-img-section h3 {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  width: 5.5em;
  height: 5.5em;
  border: 2px #00A0C0 solid;
  border-radius: 50%;
  padding: 1.45em 0 0 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.calendar-img-section img.img-01 {
  text-align: center;
  width: 70%!important;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin: -8.5em 0 0 6.5em;
}
.calendar-img-section .calendar-naire {
  color: #E4007F;
  text-align: center;
  font-size: 90%;
  margin: -1em 0 0 5.5em;
}
.calendar-img-section .calendar-price {
  width: 100%;
  letter-spacing: -0.5em;
  box-sizing: border-box;
  margin: 1.5em 0;
}
.calendar-img-section li:last-child .calendar-price {
  margin: 0;
}
.calendar-img-section .calendar-price span {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: 500;
}
.calendar-price span:first-child {
  font-size: 110%;
  width: 100%;
}
.calendar-price span:nth-child(2) {
  font-size: 140%;
}
.calendar-price span:nth-child(3) {
  font-size: 200%;
  font-weight: 700;
}
.calendar-price span:nth-child(4) {
  margin: 0.5em 0 0 -1.5em;
}
.calendar-price span:nth-child(5) {
  width: 100%;
  margin: 0.5em 0 0 0;
}
.calendar-img-section li:last-child .calendar-naire {
  margin: -6em 0 0 14em;
}
.calendar-img-section .new-item {
  display: inline-block;
  font-size: 125%;
  font-weight: 700;
  margin: 0.5em 0 0 0;
}

.calendar-page a.naire-info-btn {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #c309ad;
  font-size: 120%;
  font-weight: 500;
  line-height: 1.35;
  border: 1px #c309ad solid;
  border-radius: 3px;
  padding: 0.4em 1em 1.6em 1em;
  margin: 2em 0 0.5em 0;
}
.calendar-page a.naire-info-btn::after {
  content: '▼';
  display: inline-block;
  position: absolute;
  left: 47%;
  bottom: 0.15em;
  font-size: 140%;
  line-height: 1;
  transition: .5s;
}
.calendar-page a.naire-info-btn.close::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.calendar-page a.naire-info-btn:hover {
  text-decoration: none;
}
.calendar-page a.naire-info-btn.none {
  padding: 0.4em 1em;
}
.calendar-page a.naire-info-btn.none::after {
  display: none;
}
.calendar-page .naire-info {
  display: none;
  padding: 2em 0 0 0;
}

.calendar-page .dm-back {
  width: 100%;
  letter-spacing: -0.5em;
  line-height: 1.5;
  background: url(images/calendar/2020/dm-back-bg.png) left top repeat-x;
  background-size: auto 100%;
  box-sizing: border-box;
  margin: 2em 0;
}
.calendar-page .dm-back li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
.calendar-page .dm-back li .back-img {
  width: 100%;
  letter-spacing: -0.5em;
  box-sizing: border-box;
}
.calendar-page .dm-back li .back-img div {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
}
.calendar-page .dm-back li:last-child {
  padding: 1em;
}
.calendar-page .dm-back .back-title {
  display: inline-block;
  color: #FFF;
  font-size: 130%;
  text-align: center;
  background: url(images/calendar/2020/back-title-bg.png) left top no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 2em;
  line-height: 2;
  padding: 0;
  margin: 0 0 0.5em 0;
}
.calendar-page .dm-back .blue-title {
  color: #00A0C0;
  font-size: 120%;
  font-weight: 500;
}
.calendar-page .dm-back a.mail-link-btn {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 500;
  background-color: #FFF;
  border: 1px #CCC solid;
  border-radius: 0.5em;
  padding: 0.4em 0;
  box-sizing: border-box;
  margin: 0.5em 0 1em 0;
}
.calendar-page .dm-back .two-column {
  width: 100%;
  letter-spacing: -0.5em;
  box-sizing: border-box;
}
.calendar-page .dm-back .two-column .column-block {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1em 0;
}
.calendar-page .dm-back .order-sheet,
.calendar-page .dm-back .transfer-paper {
  width: 100%;
  margin: 0.5em 0;
}
.calendar-page .dm-back .pink-block {
  position: relative;
  color: #FFF;
  background-color: #EA66A1;
  line-height: 1.35;
  border-radius: 0.5em;
  padding: 0.4em 1em;
  margin: 1em 0 0 0;
}
.calendar-page .dm-back .pink-block::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -1em;
  left: 50%;
  width: 4px;
  height: 1em;
  background-color: #EA66A1;
}
.calendar-page .dm-back .pink-block.none::before {
  display: none;
}

.calendar-page .dm-back .address-info {
  letter-spacing: normal;
}
.calendar-page .dm .notice a.mail:before {
  padding-left: 0;
}


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

  .calendar-page .dm-section-01 {
    width: 100%;
    letter-spacing: -0.5em;
  }
  .calendar-page .calendar-logo,
  .calendar-page .text-block {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
  }
  .calendar-page .calendar-logo {
    width: 30%;
    padding: 0 1em 0 2em;
  }
  .calendar-page .text-block {
    width: 70%;
    padding: 0 2em;
    box-sizing: border-box;
  }
  .calendar-page .dm-title {
    font-size: 250%;
    margin: 0.75em 0 0.25em 0;
  }
  .calendar-page .kimono-img li {
    width: 11.1111111%;
  }
  .calendar-page .dm-section-01::after {
    height: 3.5em;
    margin: -3.5em -1em 0 -1em;
  }
  .calendar-page .section-title {
    font-size: 300%;
    color: #00A0C0;
    margin: 0 0 0.1em 0;
  }
  .calendar-page .blue-section {
    width: 100%;
    letter-spacing: -0.5em;
    box-sizing: border-box;
  }
  .calendar-page .blue-section li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 32.3333333%;
    font-size: 120%;
    line-height: 1.35;
    margin: 0 1.5% 0 0;
  }
  .calendar-page .blue-section li:last-child {
    margin: 0;
  }
  .calendar-img-section {
    width: 100%;
    letter-spacing: -0.5em;
    box-sizing: border-box;
  }
  .calendar-img-section li {
    position: relative;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
  }
  .calendar-img-section .calendar-price span {
    display: block;
  }
  .calendar-price span:nth-child(4) {
    margin: 0 0 0 -0.5em;
  }
  .calendar-price span:first-child,
  .calendar-price span:nth-child(n + 4) {
    font-weight: 400;
    font-size: 85%;
  }
  .calendar-price span:nth-child(2) {
    font-size: 120%;
  }
  .calendar-price span:nth-child(3) {
    margin: -0.2em 0 -0.15em 0;
  }
  .calendar-price span:nth-child(5) {
    margin: 0.5em 0 0 0;
  }

  .calendar-img-section .calendar-price {
    width: auto;
  }
  .calendar-img-section img.img-01 {
    width: 55%!important;
    margin: -3em 0 0 4.5em;
  }
  .calendar-img-section li:first-child .calendar-naire {
    margin: -1em 0 0 -3.5em;
  }
  .calendar-img-section li:first-child .calendar-price {
    position: absolute;
    right: -6em;
    top: 17em;
    border-bottom: 2px #00A0C0 solid;
    padding: 0 0 0.5em 1.7em;
  }
  .calendar-img-section li:last-child .calendar-price {
    position: absolute;
    right: 0;
    bottom: -12.5em;
    border-left: 2px #00A0C0 solid;
    padding: 1em 0 0 1em;
  }

  .calendar-page .dm-back li:first-child {
    width: 30%;
  }
  .calendar-page .dm-back li:last-child {
    width: 70%;
  }
  .calendar-page .dm-back li .back-img div {
    width: 100%;
  }
  .calendar-page .dm-back .two-column {
    margin: 0 0 0.5em 0;
  }
  .calendar-page .dm-back .two-column .column-block {
    width: 50%;
    margin: 0;
  }
  .calendar-page .dm-back .two-column .column-block:first-child {
    padding: 0 1em 0 0;
  }

  .calendar-page .dm-back .two-column.transfer .column-block:first-child {
    width: 65%;
  }
  .calendar-page .dm-back .two-column.transfer .column-block:last-child {
    width: 35%;
    margin: 0.7em 0 0 0;
  }
  .calendar-page .dm-back .pink-block {
    font-size: 90%;
  }
}


/*.calendar-page img.logo-img {
  margin: 2em 0 1em 0;
}
.calendar-page h4.box-title {
  margin-bottom: 0.5em;
}
.calendar-page ul.calendar-img {
  line-height: 1.5;
  width: 100%;
  letter-spacing: -0.5em;
  margin-top: 2em;
}
.calendar-page li {
  letter-spacing: normal;
  display: inline-block;
  width: 100%;
  margin-bottom: 2em;
}
.calendar-page li:last-child {
  margin-bottom: 0;
}
.calendar-page h4.sub-title {
  font-size: 110%;
  padding-bottom: 0.2em;
  margin: 1.5em 0 0.5em 0;
}
.calendar-page .red-text {
  color: #910782;
  font-weight: 500;
}
.calendar-page .red-text span {
  font-size: 85%;
  font-weight: normal;
}
.calendar-page p.bold,
.calendar-page span.bold {
  font-size: 110%;
  font-weight: 500;
}
.calendar-page p.bold {
  display: block;
}
.calendar-page .item div {
  width: 100%;
  letter-spacing: -0.5em;
}
.calendar-page .item div span {
  letter-spacing: normal;
  display: inline-block;
  width: 30%;
  color: #FFF;
  font-size: 85%;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  background-color: #910782;
  border-radius: 5px;
  padding: 0.5em 1em;
  box-sizing: border-box;
  margin: 0 10% 1em 10%;
}*/


/* #gmap
----------------------------------------------- */
#gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#gmap iframe,
#gmap object,
#gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* #side
----------------------------------------------- */
#side {
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
}
#side .index,
#side .infobox {
  width: 100%;
  height: auto;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  box-sizing: border-box;
  margin-top: 3em;
}
#side h3.side-title {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-align: center;
  background-color: #f0f0f0;
  padding: 0.4em 0;
}
#side h3.side-title.album {
  letter-spacing: 0.15em;
}
#side h3.side-title.album:before {
  content: '\E002';
}
#side h3.side-title.folder:before {
  content: '\E04c';
}
#side h3.side-title.flag:before {
  content: '\E04a';
}
#side h3.side-title.file:before {
  content: '\E048';
}
#side h3.side-title:before {
  display: inline-block;
  font-size: 130%;
  margin-right: 0.2em;
}
#side .index li a {
  position: relative;
  color: #333;
  border-top: 1px #ddd solid;
  padding: 1em 2em 1em 1em;
  box-sizing: border-box;
  display: block;
  transition: 0.2s ease-out;
}
#side .index li a:after {
  content: ">";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #c53bb6;
  line-height: 1;
  margin-top: -7px;
}
#side .index li a:hover,
#side .index li a.on {
  color: #c53bb6;
  text-decoration: none;
  background-color: rgba(145,7,130,0.1);
}

#side #info-area .info-item {
  padding: 1em;
  border-top: 1px #ddd solid;
}
#side #info-area .info-item a {
  background: none;
}
#side #info-area .info-body {
  padding: 0;
}
#side #info-area h3 {
  font-size: 14px;
  padding-top: 1.5em;
}
#side #info-area .info-credit {
  line-height: 1.2;
  border: 0;
  padding-top: 0.5em;
  margin: 0;
}
#side #info-area .info-credit.lsf-icon.next:after {
  position: absolute;
  right: 0;
  bottom: 0;
}

#side .index ul ul li a {
  border-top: 1px #ddd dashed;
  padding-left: 3em;
}
#side .index ul ul li a:after {
  content: '';
}
#side .index ul ul li a:before {
  content: '> ';
  color: #808080;
  margin-left: -12px;
}
#side .index ul ul li a:hover:before {
  color: #c53bb6;
}

#side .index img {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 1em;
  box-sizing: border-box;
}
#side .index li p {
  padding: 0 1em 1.5em 1em;
  box-sizing: border-box;
}

#side .index ul.access-index {
  padding: 1em;
  box-sizing: border-box;
}
#side .index ul.access-index p {
  padding: 0 1em 0.5em 1em;
  box-sizing: border-box;
}
#side .index ul.access-index strong.line {
  border-top: 1px #ddd dashed;
  padding-top: 1em;
  margin-top: 1em;
}


/* #breadcrumbs
----------------------------------------------- */
#breadcrumbs {
  font-size: 12px;
  width: 100%;
  border-bottom: 2px #FFF solid;
}
#breadcrumbs ul {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 1em 0.5em;
  box-sizing: border-box;
}
#breadcrumbs li {
  display: block;
  float: left;
}
#breadcrumbs li a {
  display: block;
}
#breadcrumbs li a:hover {
  text-decoration: none;
}
#breadcrumbs li a:after {
  content: ">";
  padding: 0 0.7em;
}
#breadcrumbs li:last-child a:after {
  content: "";
}
#breadcrumbs ul:after {
  content: '';
  display: block;
  clear: both;
}


/* #footer
----------------------------------------------- */
#footer {
  position: relative;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: #f0f0f0;
　box-sizing: border-box;
}
#footer .top-banner {
  padding: 1.5em 0.25em 1em 0.25em;
}
.footer_content {
  width: 100%;
  border-top: 2px #FFF solid;
  margin: 0 auto;
}
.logo-content {
  width: 100%;
  padding: 3em 0;
}
.logo-content .brand-logo {
  width: 100%;
  max-width: 1200px;
  padding: 0 1em 1em 1em;
  box-sizing: border-box;
  margin: 0 auto;
}
.logo-content .brand-logo img {
  display: block;
  width: 60%;
  height: auto;
  margin: 0 auto;
}
.logo-content .brand-logo p {
  font-size: 12px;
  font-weight: 400;
  padding: 1em 0;
}
.logo-content .brand-logo:last-child,
.logo-content .brand-logo:last-child p {
  padding-bottom: 0;
}
.logo-content .brand-logo span {
  display: block;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}
.logo-content .brand-logo span a {
    color: #c309ad;
}
.logo-content .brand-logo a.tabs:after {
    content: '\E095';
    font-size: 140%;
    padding-left: 0.4em;
}
.logo-content .brand-logo span a:hover {
  text-decoration: none;
}

#footer .credit {
  text-align: center;
}
#Bottom-Logo img {
  width: auto;
  height: 28px;
  margin-bottom: 0.5em;
}
#footer .credit p {
  font-size: 13px;
  font-weight: 500;
}
#footer_nav {
  letter-spacing: -0.5em;
  width: 100%;
  text-align: center;
  border-top: 2px #FFF solid;
  margin-top: 3em;
}
#footer_nav li {
  letter-spacing: normal;
  width: 100%;
  text-align: left;
  border-bottom: 1px #ddd solid;
}
#footer_nav li a {
  display: block;
  color: #333;
  font-size: 13px;
  line-height: 1;
  vertical-align: middle;
  padding: 1em;
  box-sizing: border-box;
}
#footer_nav li a:hover {
  text-decoration: none;
}
#footer_nav li a:before {
  content: '\E112';
  font-size: 110%;
  font-weight: 400;
  padding-right: 0.7em;
  box-sizing: border-box;
}
#footer_nav li a:after {
  content: none;
}
#copy {
  color: #FFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  background-color: #808080;
  padding: 2.2em 0;
}


/* #pagetop
------------------------------------------------------------------------------------------- */
#pagetop {
  position: fixed;
  right: 0;
  z-index: 999;
  text-align: center;
}
#pagetop a {
  text-decoration: none;
  width: 3.5em;
  height: 3.5em;
  line-height: 3.5em;
  background-color: rgba(0,0,0,0.47);
  border: 1px rgba(255,255,255,0.6) solid;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
#pagetop a.up:after {
  content: "\E135";
  font-size: 28px;
  color: #FFF;
}

/* theme-my-login
------------------------------------------------------------------------------------------- */
.tml form {
  margin: 2em 0;
}
.tml-message {
  border: 1px solid #faebcc;
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 1em;
  margin: 2em 0;
}
.tml-error {
  border: 1px solid #ebccd1;
  background-color: #f2dede;
  color: #a94442;
  padding: 1em;
  margin: 2em 0;
}
.tml label[for="user_login"],
.tml label[for="user_pass"],
.tml-label {
  display: inline-block;
  margin: 0.5em 0;
}
.tml input {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.5em;
}
.tml input[type="checkbox"],
.tml input[type="radio"],
.tml .tml-rememberme-wrap input,
.tml .tml-submit-wrap input {
  width: auto;
}
.tml-button {
  margin-bottom: 0!important;
}
.tml-field-wrap.tml-rememberme-wrap {
  margin: 0.5em 0;
}
.tml-field-wrap.tml-indicator_hint-wrap {
  margin: 0.5em 0 1.5em 0;
}


/* @media screen
----------------------------------------------- */
@media screen and (min-width: 600px) {

  /*-- #header_block -----*/
  #header_block {
    width: 100%;
    padding: 15px 0;
  }

  /*-- .header_content -----*/
  .header_content {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  /*-- Top-Logo -----*/
  #Top-Logo {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }
  #Top-Logo img {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 20px;
  }

  /*-- #sub_menu -----*/
  #sub_menu .button {
    display: none;
  }
  #sub_menu {
    position: relative;
    top: 0;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    text-align: right;
    padding-top: 0;
  }
  #sub_menu .contact-link {
    display: inline-block;
    font-size: 9px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 1.5em;
  }
  #sub_menu .contact-link a {
    color: #333;
    height: 30px;
    line-height: 28px;
    background-color: #fcfcfc;
    border: 1px #e8e8e8 solid;
    border-radius: 5px;
    padding: 0 1em;
    box-sizing: border-box;
    display: block;
  }
  #sub_menu .contact-link a:before {
    content: '\E08a';
    font-size: 140%;
    padding-right: 3px;
  }
  #sub_menu .contact-link a:hover {
    color: #910782;
    text-decoration: none;
    background-color: rgba(145,7,130,0.1);
    border: 1px #910782 solid;
  }
  #sub_menu ul {
    display: inline-block!important;
    vertical-align: middle;
  }

  /*-- 検索ボックス -----*/
  #searchform {
    position: relative;
    padding: 0;
  }
  #searchform input#s {
    width: 150px;
    height: 30px;
    background-color: #FFF;
    border: 1px #e8e8e8 solid;
    padding: 5px;
    box-sizing: border-box;
  }
  #search_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: auto;
    height: 14px;
    margin-top: -7px;
  }

  /*-- #content -----*/
  #top_page #content {
    padding-top: 32px;
    margin-top: calc(100vh - 64px);
  }
  #top_page #content.fixed {
    padding-top: 64px;
  }
  #cont_page #content {
    margin-top: 92px;
  }

  /*-- #global_navi -----*/
  #global_navi {
    position: relative;
    top: 0;
    width: 100%;
    height: 32px;
    background-color: #fcfcfc;
    border-top: 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    box-sizing: border-box;
    transition: none;
  }
  #global_navi.fixed,
  #cont_page #global_navi {
    position: fixed;
    top: 60px;
  }
  #global_navi div {
    display: none;
  }
  #global_navi ul {
    display: block!important;
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 30px;
    margin: 0 auto;
    letter-spacing: -0.5em;
  }
  #global_navi li a:after {
    display: none!important;
  }
  #global_navi li {
    position: relative;
    letter-spacing: nomal;
    display: inline-block;
    width: 12.5%;
    height: 100%;
    border-left: 1px #f2f2f2 solid;
    box-sizing: border-box;
  }
  #global_navi li:nth-child(1) {
    border: 0;
  }
  #global_navi li img {
    position: absolute;
    top: 50%;
    width: 100%;
    height: auto;
    display: block;
  }
  #global_navi li a {
    width: 100%;
    height: 100%;
    display: block;
  }

  #global_navi .lsf-icon a:before {
    float: none;
    font-size: 130%;
    line-height: 31px;
    padding: 0 3px 0 0;
    box-sizing: border-box;
  }
  #global_navi li:nth-child(6),
  #global_navi li:nth-child(7),
  #global_navi li:nth-child(8) {
    vertical-align: top;
  }
  #global_navi li:nth-child(6) a,
  #global_navi li:nth-child(7) a,
  #global_navi li:nth-child(8) a {
    font-size: 8px;
    line-height: 31px;
    letter-spacing: 0;
    text-align: center;
    height: 30px;
    background-color: none;
    border-bottom: 0;
  }
  #global_navi li:nth-child(9) {
    display: none;
  }

  /*-- #bar -----*/
  #bar {
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 2px #910782 solid;
    width: 12.5%;
    height: 0px;
  }
  #global_navi.off #bar {
    width: 0;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.1s;
  }
  #global_navi.off ul:hover #bar {
    width: 12.5%;
  }

  /*-- #header_img -----*/
  #header_img {
    position: fixed;
  }

  /*-- #info-area -----*/
  #info-area .info-item {
    width: 50%;
    height: auto;
    vertical-align: top;
    padding: 0 1px 1px 0;
  }

  /*-- .top-banner -----*/
  .top-banner {
    padding: 0 0.5em;
  }
  .top-banner li {
    padding: 0 0.5em 1em 0.5em;
  }
  .top-banner li a h3 {
    font-size: 14px;
    padding: 1em 0.5em;
    padding-right: 2em;
  }
  .top-banner li a h3.lsf-icon.right:after {
    bottom: 1em;
    right: 0.5em;
  }
  .top-banner li a h3.lsf-icon.tabs:after {
    bottom: 0.5em;
    right: 0.5em;
  }

  /*-- #tfm-area -----*/
  #tfm-area li.tfm-item .fb-area {
    height: 500px;
    padding: 0 50px;
  }

  /*-- ブログサイトRSS -----*/
  #tfm-area #feed-block li {
    width: 50%;
    padding: 0 1px 1px 0;
  }

  /*-- #title_block -----*/
  #title_block {
    padding: 2.5em 0;
  }

  /*-- .mainpage-banner -----*/
  .mainpage-banner {
    padding: 0 0.5em;
  }
  .mainpage-banner li {
    width: 50%;
    padding: 0 0.5em;
    box-sizing: border-box;
    margin-bottom: 1em;
  }
  .mainpage-banner li:nth-child(n+5) {
    margin-bottom: 0;
  }

  /*-- ページ送り（個別）-----*/
  ul.post_navi li {
    width: 50%;
  }
  ul.post_navi li.prev {
    padding-right: 2em;
  }
  ul.post_navi li.next {
    padding-left: 2em;
    margin-top: 0;
  }

  /*-- 固定ページの設定 -----*/
  /*-- #iroha-menu -----*/
  #iroha-menu li {
    width: 25%;
    padding: 0.5em;
  }
  #iroha-menu li a {
    background-size: 50px auto!important;
    padding-top: 60px;
  }
  /*-- #iroha-foot-menu -----*/
  #iroha-foot-menu li {
    width: 25%;
  }

  /*-- カレンダー -----*/
  /*.calendar-page ul.calendar-img {
    width: calc(100% + 2em);
    line-height: 1.5;
    width: 100%;
    margin: 2em -1em 0 -1em;
    letter-spacing: -0.5em;
  }
  .calendar-page li {
    width: 50%;
    vertical-align: top;
    padding: 0 1em;
    box-sizing: border-box;
    margin-bottom: 2em;
  }
  .calendar-page .item div span {
    width: 40%;
    padding: 0.5em 1em;
    box-sizing: border-box;
    margin: 0 5% 1em 5%;
  }*/

  /*-- #side -----*/
  #side #info-area .info-item {
    padding: 1em;
    border-right: 1px #ddd solid;
  }

  /*-- #breadcrumbs -----*/
  #breadcrumbs ul {
    padding: 1em;
  }

  /*-- #footer ------*/
  #footer {
    z-index: 1;
  }
  #footer .top-banner {
    padding: 1.5em 0.5em 0.5em 0.5em;
  }
  .logo-content .brand-logo img {
    width: auto;
    height: auto;
  }
  #footer_nav li {
    display: inline-block;
    text-align: center;
    width: auto;
    border: 0;
  }
  #footer_nav li a {
    display: inline-block;
    font-size: 12px;
    padding: 1.5em 1em;
  }
  #footer_nav li a:before {
    content: '';
    padding: 0;
  }
  #footer_nav li:after {
    content: " | ";
    color: #bebebe;
  }
  #footer_nav li:last-child:after {
    content: "";
    padding-left: 0;
  }

}


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

  /*-- bottom-link -----*/
  a.bottom-link.right {
    margin: 3em 0 -3em 0;
  }

  /*-- #header_block -----*/
  #header_block {
    height: 70px;
    padding: 20px 0;
  }

  /*-- .header_content -----*/
  .header_content {
    padding: 0 15px;
  }

  /*-- Top-Logo -----*/
  #Top-Logo img {
    width: auto;
    height: 26px;
    margin-top: 2px;
  }

  /*-- #sub_menu -----*/
  #sub_menu .contact-link {
    font-size: 11px;
    margin-right: 2em;
  }
  #sub_menu .contact-link a:before {
    padding-right: 5px;
  }
  /*-- 検索ボックス -----*/
  #searchform input#s {
    width: 180px;
  }

  /*-- #content -----*/
  #top_page #content {
    padding-top: 47px;
    margin-top: calc(100vh - 94px);
  }
  #top_page #content.fixed {
    padding-top: 94px;
  }
  #cont_page #content {
    margin-top: 117px;
  }

  /*-- #global_navi -----*/
  #global_navi {
    height: 47px;
  }
  #global_navi.fixed,
  #cont_page #global_navi {
    top: 70px;
  }
  #global_navi ul {
    height: 45px;
  }

  #global_navi .lsf-icon a:before {
    font-size: 140%;
    vertical-align: middle;
    padding: 0 5px 0 0;
  }

  #global_navi li:nth-child(6) a,
  #global_navi li:nth-child(7) a,
  #global_navi li:nth-child(8) a {
    font-size: 11px;
    line-height: 46px;
    letter-spacing: 0.2;
    height: 45px;
  }

  /*-- #bar -----*/
  #bar {
    border-bottom: 3px #910782 solid;
  }

  /*-- #cont_page #main_content -----*/
  #cont_page #main_content {
    letter-spacing: -0.5em;
    padding: 3em 0.5em 5em 0.5em;
    box-sizing: border-box;
  }

  /*-- #cont_page #main & #side -----*/
  #cont_page #main,
  #side {
    letter-spacing: normal;
    vertical-align: top;
    box-sizing: border-box;
  }

  /*-- #main.single -----*/
  #main.single {
    padding: 0;
  }

  /*-- .top-title-area -----*/
  .top-title-area {
    padding: 4em 0;
  }
  .top-title-area .links {
    text-align: right;
    margin: -2.2em 0 0 0;
  }
  .top-title-area .links a {
    display: inline-block;
  }
  .top-title-area .links.bottom {
    display: none;
  }

  /*-- #info-area -----*/
  #info-area .info-item {
    width: 25%;
  }

  /*-- .top-banner -----*/
  .top-banner {
    padding: 0 0.25em;
  }
  .top-banner li {
    width: 25%;
    padding: 0 0.25em 0.5em 0.25em;
  }
  .top-banner li a h3 {
    font-size: 13px;
    padding: 0.5em;
    padding-right: 1.5em;
  }
  .top-banner li a h3.lsf-icon.right:after {
    bottom: 0.5em;
    right: 0.5em;
  }
  .top-banner li a h3.lsf-icon.tabs:after {
    bottom: 0.1em;
    right: 0.5em;
  }

  /*-- #tfm-area -----*/

  /*-- .sec-title -----*/
  .sec-title {
    border: 0;
    padding: 0;
  }
  .sec-title.facebook {
    margin-bottom: 0.7em;
  }

  #tfm-area li.tfm-item {
    width: 70%;
  }
  #tfm-area li.tfm-item.fb-block {
    width: 30%;
  }
  #tfm-area li.tfm-item .fb-area {
    padding: 0;
    padding-right: 0.5em;
    margin-bottom: 0;
  }
  #tfm-area #feed-block li {
    width: 33.3333333%;
  }
  #tfm-area #feed-block li:last-child {
    display: none;
  }

  /*-- #tfm-area .links -----*/
  #tfm-area .links {
    display: block;
    text-align: right;
    margin-top: 4em;
  }
  #tfm-area .links a {
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-align: center;
    margin-left: 1em;
    display: inline-block;
  }
  #tfm-area .links a.tabs:after {
    content: '\E095';
    color: #c309ad;
    font-size: 140%;
    padding-left: 0.5em;
  }
  #tfm-area .links a:hover {
    color: #c309ad;
    text-decoration: none;
  }

  /*-- #cont_page #main -----*/
  #cont_page #main {
    display: inline-block;
    width: 65%;
  }
  #cont_page #main.full {
    width: 100%;
  }

  /*-- #title_block -----*/
  #title_block {
    padding: 4em 0;
  }
  #title_block div {
    padding: 0 10px;
  }
  #title_block h2 {
    padding-bottom: 7px;
  }
  #title_block h2 img {
    width: auto;
    height: 30px!important;
  }

  /*-- .mainpage-banner -----*/
  .mainpage-banner {
    padding: 0;
  }
  .mainpage-banner li {
    width: 33.3333333%;
    padding: 0 0.25em;
    box-sizing: border-box;
    margin-bottom: 0.5em;
  }

  /*-- #category-area & #all-info-area -----*/
  #category-area {
    width: calc(100% + 1em);
    margin: 0 -0.5em;
  }
  #category-area div,
  #category-area ul {
    display: inline-block;
    vertical-align: top;
  }
  #category-area div {
    width: 12%;
  }
  #category-area ul {
    width: 88%;
  }

  #all-info-area {
    width: calc(100% + 1em);
    margin: 0 -0.5em;
  }
  #all-info-area .date,
  #all-info-area .cate {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  #all-info-area .date {
    width: 140px;
  }
  #all-info-area h3 {
    margin: 1em 0 0 140px;
  }

  .cat_title {
    padding: 0 0.5em 1.5em 0.5em;
  }

  /*-- 投稿記事のスタイル -----*/
  h2.post_title {
    font-size: 30px;
  }

  /*-- 固定ページの設定 -----*/
  /*-- .box-area -----*/
  .box-cont {
    width: calc(50% - 0.5em);
    padding: 1em;
    box-sizing: border-box;
    margin: 1em 0.5em 0 0.5em;
  }
  .box-cont:nth-child(odd) {
    margin-left: 0;
  }
  .box-cont:nth-child(even) {
    margin-right: 0;
  }
  /*-- .list-box -----*/
  .list-box {
     width: 50%;
  }
  /*-- .flow-box -----*/
  .flow-box {
    letter-spacing: -0.5em;
  }
  .flow-box .thumb,
  .flow-box .flow-body {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .flow-box .thumb {
    width: 40%;
  }
  .flow-box .flow-body {
    width: 60%;
    padding-left: 1em;
    box-sizing: border-box;
  }
  .flow-box h4.sub-title {
    margin: 0 0 1em 0;
  }
  /*-- .kimono-box -----*/
  .kimono-box {
    letter-spacing: -0.5em;
  }
  .kimono-box .thumb,
  .kimono-box p {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .kimono-box .thumb {
    width: 60%;
  }
  .kimono-box p {
    width: 40%;
    padding-left: 3em;
    box-sizing: border-box;
  }
  .kimono-box strong {
    display: block;
    text-align: center;
    width: 160px;
    height: 160px;
    background-color: rgba(145,7,130,0.3);
    border-radius: 80px;
    padding: 68px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
  }
  /*-- #iroha-menu -----*/
  #iroha-menu {
    margin: 0 -0.25em;
  }
  #iroha-menu ul {
    width: calc(100% + 0.5em);
  }
  #iroha-menu li {
    padding: 0.25em;
  }
  #iroha-menu li a {
    background-size: 60px auto!important;
    padding-top: 75px;
  }
  /*-- img -----*/
  img.right-img {
    width: calc(50% - 1.5em)!important;
    float: right;
    margin: 0 0 1.5em 1.5em;
  }
  img.left-img {
    width: calc(50% - 1.5em)!important;
    float: left;
    margin: 0 1.5em 1.5em 0;
  }
  img.no-margin {
    margin-bottom: 0;
  }
  img.small {
    width: calc(35% - 1.5em)!important;
  }
  /*-- .half-box -----*/
  .half-box .half-box-item {
    width: 50%;
    padding: 0 1.5em;
    box-sizing: border-box;
  }
  .half-box .half-box-item:nth-child(odd) {
    padding-left: 0;
  }
  .half-box .half-box-item:nth-child(even) {
    padding-right: 0;
  }
  /*-- ul.outline-box -----*/
  ul.outline-box {
    width: 100%;
    letter-spacing: -0.5em;
  }
  ul.outline-box li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    padding: 0 1em;
    box-sizing: border-box;
    margin: 1.5em 0 1em 0;
  }
  ul.outline-box li:nth-child(odd) {
    font-size: 105%;
    font-weight: 500;
    width: 25%;
    border: 0;
  }
  ul.outline-box li:nth-child(even) {
    width: 75%;
  }
  ul.outline-box:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-image: linear-gradient(to right, #910782 25%, #ddd 25%);
  }
  p.outline {
    margin: 5em 0 0 0;
  }
  ul.outline-box.mini li {
    padding: 0 1em;
    box-sizing: border-box;
    margin: -0.4em 0 1em 0;
  }

  /*-- 白生地生産数量 -----*/
  .graph-area {
    padding: 0;
  }

  /*-- 機関紙一覧 -----*/
  #all-info-area.press .date {
    margin: 0;
  }
  #all-info-area.press p {
    margin-left: 145px;
  }

  /*-- 組合員名簿 -----*/
  #all-com-area {
    width: calc(100% + 2em);
    padding: 0;
    margin: 0 -1em;
    letter-spacing: -0.5em;
  }
  #all-com-area li.com-data {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    background: none;
    border: 0;
    padding: 0 1em;
    margin-top: 2em;
  }
  #all-com-area li.com-data .box {
    border: 3px #ddd solid;
    padding: 0 1.5em;
    box-sizing: border-box;
  }
  #all-com-area .cate {
    margin: -0.5em 0 1em 0;
  }
  #all-com-area li.com-data ul {
    margin-bottom: -0.5em;
  }

  /*-- リンク -----*/
  #link-area {
    width: calc(100% + 2em)
;    margin: 0 -1em;
    letter-spacing: -0.5em;
  }
  #link-area .link-item {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
  }

  /*-- サイトマップ -----*/
  #sitemap {
    width: calc(100% + 2em);
    margin: 0 -1em;
  }
  #sitemap li.map-item {
    width: 50%;
    vertical-align: top;
    padding: 0 1em;
    margin-bottom: 2em;
  }
  #sitemap li ul {
    padding: 1em 1.5em;
  }

  /*-- #side -----*/
  #side {
    display: inline-block;
    width: 35%;
    padding-left: 5em;
  }
  #side .index:first-child {
    margin-top: 0;
  }
  #side .index,
  #side .infobox {
    border: 1px #ddd solid;
  }
  #side #info-area .info-item {
    width: 100%;
    border-right: 0;
  }

  /*-- #breadcrumbs -----*/
  #breadcrumbs ul {
    padding: 1em 0.5em;
  }

  /*--  #footer -----*/
  #footer .top-banner {
    padding: 1.5em 0.25em 1em 0.25em;
  }
  #footer .top-banner li {
    width: 20%;
  }

  .logo-content {
    width: 100%;
    max-width: 1200px;
    letter-spacing: -0.5em;
    margin: 0 auto;
  }
  .logo-content .brand-logo {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    padding: 0 0.5em 1em 0.5em;
  }
  .logo-content .brand-logo:first-child {
    width: 65%;
    padding-right: 2em;
  }
  .logo-content .brand-logo:last-child {
    width: 35%;
  }
  .logo-content .brand-logo img {
    width: auto;
    height: 70px;
  }
  .logo-content .brand-logo p {
    border-left: 3px #808080 solid;
    padding: 0 0 0 1em;
    margin-top: 1em;
  }
  .logo-content .brand-logo span {
    text-align: right;
    margin-right: 0.25em;
  }
  #copy {
    font-size: 11px;
  }

}


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

  body {
    font-size: 15px;
    line-height: 1.8;
  }

  /*-- #header_block -----*/
  #header_block {
    height: 80px;
    padding: 25px 0;
  }

  /*-- Top-Logo -----*/
  #Top-Logo img {
    height: 30px;
    margin-top: 0;
  }

  /*-- #sub_menu -----*/
  #sub_menu .contact-link {
    font-size: 14px;
  }
  /*-- 検索ボックス -----*/
  #searchform input#s {
    width: 240px;
  }

  #log-in {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-left: 2em;
  }
  #log-in a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    border: 1px #ddd solid;
    border-radius: 5px;
    box-sizing: border-box;
  }
  #log-in.user a {
    color: #FFF;
    background-color: #c309ad;
    border: 1px #c309ad solid;
  }
  #log-in a .unlock:after {
    content: "\E134";
  }
  #log-in a .lock:after {
    content: "\E086";
  }
  #log-in a:hover {
    color: #666;
    text-decoration: none;
    background-color: #FFF;
  }
  #log-in.user a:hover {
    color: #c309ad;
    background-color: #FFF;
  }

  /*-- #content -----*/
  #top_page #content {
    padding-top: 62px;
    margin-top: calc(100vh - 124px);
  }
  #top_page #content.fixed {
    padding-top: 124px;
  }
  #cont_page #content {
    margin-top: 142px;
  }

  /*-- #global_navi -----*/
  #global_navi {
    height: 62px;
  }
  #global_navi.fixed,
  #cont_page #global_navi {
    top: 80px;
  }
  #global_navi ul {
    height: 60px;
  }
  #global_navi li {
    width: 120px;
  }
  #global_navi li:nth-child(6) {
    position: absolute;
    top: 0;
    right: 240px;
  }
  #global_navi li:nth-child(7) {
    position: absolute;
    top: 0;
    right: 120px;
  }
  #global_navi li:nth-child(8) {
    position: absolute;
    top: 0;
    right: 0;
  }
  #global_navi li:first-child {
    border-left: 1px #f2f2f2 solid;
  }
  #global_navi li:nth-child(5),
  #global_navi li:nth-child(8) {
    border-right: 1px #f2f2f2 solid;
  }

  #global_navi li:nth-child(6) a,
  #global_navi li:nth-child(7) a,
  #global_navi li:nth-child(8) a {
    font-size: 14px;
    line-height: 61px;
    height: 60px;
  }

  /*-- #bar -----*/
  #bar {
    border-bottom: 4px #910782 solid;
    width: 120px;
  }
  #global_navi.off ul:hover #bar {
    width: 120px;
  }

  /*-- #cont_page #main_content -----*/
  #cont_page #main_content {
    padding-top: 4em;
  }

  /*-- .top-banner -----*/
  .top-banner {
    padding: 0;
  }
  .top-banner li {
    width: 25%;
    padding: 0 0.5em 1em 0.5em;
  }
  .top-banner li a h3 {
    font-size: 14px;
    padding: 1em 0.5em;
    padding-right: 2em;
  }
  .top-banner li a h3.lsf-icon.right:after {
    bottom: 1em;
    right: 1em;
  }
  .top-banner li a h3.lsf-icon.tabs:after {
    bottom: 0.4em;
    right: 0.7em;
  }

  /*-- #tfm-area -----*/
  #tfm-area li.tfm-item {
    width: 75%;
  }
  #tfm-area li.tfm-item.fb-block {
    width: 25%;
  }
  #tfm-area li.tfm-item .fb-area {
    padding-right: 1em;
  }

  /*-- #cont_page #main -----*/
  #cont_page #main {
    width: 69%;
  }

  /*-- .mainpage-banner -----*/
  .mainpage-banner {
    margin: 0 -1em;
    width: calc(100% + 2em);
  }
  .mainpage-banner li {
    padding: 0 1em;
    box-sizing: border-box;
    margin-bottom: 2em;
  }

  /*-- #category-area & #all-info-area -----*/
  #category-area div,
  #category-area ul {
    font-size: 14px;
  }
  #category-area div {
    width: 10%;
  }
  #category-area ul {
    width: 90%;
  }

  /*-- 固定ページの設定 -----*/
  h3.main-title {
    font-size: 30px;
    background: url(images/title_cover/main-title-cover-bottom.png) left bottom repeat-x;
    padding: 0 70px 15px 50px;
  }
  h3.main-title:before {
    content: url(images/title_cover/main-title-cover-before.png);
    margin-left: -50px;
    margin-top: 3px;
  }
  h3.main-title:after {
    content: url(images/title_cover/main-title-cover-after.png);
     margin-right: -70px;
  }
  h4.sub-title {
    font-size: 24px;
  }
  /*-- .kimono-box -----*/
  .kimono-box strong {
    width: 210px;
    height: 210px;
    background-color: rgba(145,7,130,0.3);
    border-radius: 105px;
    padding: 91px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
  }
  /*-- #iroha-menu -----*/
  #iroha-menu {
    margin: 0 -0.5em;
  }
  #iroha-menu ul {
    width: calc(100% + 1em);
  }
  #iroha-menu li {
    width: 25%;
    padding: 0.5em;
  }
  #iroha-menu li a {
    background-size: 80px auto!important;
    padding-top: 95px;
  }
  /*-- .gray-box -----*/
  .gray-box {
    padding: 1em 1.5em 1.5em 1.5em;
    letter-spacing: -0.5em;
  }
  .gray-box strong,
  .gray-box p {
    letter-spacing: normal;
  }
  .gray-box strong {
    margin-bottom: 0.5em;
  }
  .gray-box p {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 1em;
    box-sizing: border-box;
  }
  .gray-box p span {
    border-bottom: 1px #808080 dashed;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
  }

  /*-- 組合員名簿 -----*/
  #all-com-area li.com-data {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    border: 0;
    padding: 0 1em;
    margin-top: 2em;
  }

  /*-- #side -----*/
  #side {
    width: 31%;
    padding-left: 5em;
    font-size: 14px;
  }

  /*-- #breadcrumbs -----*/
  #breadcrumbs {
    font-size: 13px;
  }

  /*-- #footer -----*/
  #footer .top-banner {
    padding: 1.5em 0 0.5em 0;
  }
  #footer .top-banner li {
    width: 20%;
    padding: 0 0.25em 1em 0.25em;
  }
  #footer .top-banner li a h3 {
    font-size: 13px;
    padding: 0.5em 0.5em;
  }
  #footer .top-banner li a h3.lsf-icon.right:after {
    bottom: 0.5em;
  }
  #footer .top-banner li a h3.lsf-icon.tabs:after {
    bottom: 0.1em;
  }

  .logo-content .brand-logo:first-child {
    padding-right: 2.5em;
  }

}


/* 投稿設定
------------------------------------------------------------------------------------------- */
.item_cont blockquote {
  position: relative;
  background-color:#ededed;
  border: 1px #CCC solid;
  border-radius: 4px;
  padding: 1em 1em 1em 3em;
  margin: 10px;
}
.item_cont blockquote:before{
  content: "“";
  font-size: 600%;
  line-height: 1em;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
}

.item_cont ol {
  counter-reset: li;
  padding: 0;
  list-style: none;
}
.item_cont ol li {
  position: relative;
  margin: 12px 0 10px 2em;
  padding: 1px 0 0 5px;
}
.item_cont ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  width: 2em;
  padding: 3px 0;
  color: #fff;
  background: #999;
  font-family: Arial, sans-serif;
  text-align: center;
}

.item_cont ul {
  padding: 0;
  list-style: none;
}
.item_cont ul li {
  position: relative;
  list-style: disc;
  margin: 10px 0 10px 2em;
  padding: 0 0 0 5px;
}
.item_cont ul li:before {
  position: absolute;
  top: 0;
  left: -2em;
  width: 2em;
  text-align: center;
}


/* =Print
------------------------------------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #333;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}