/* カスタム CSS をここに入力してください */@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import 'https://fonts.googleapis.com/css?family=Yatra+One';
.widget li {
    padding: 3px 0;
}
figure.post-image.clearfix {
    width: 216px;
    height: 133px;
    overflow: hidden;
}
.trimimg figure.post-image.clearfix {
    width: 330px;
    height: 330px;
    overflow: hidden;
}
/* カスタム CSS をここに入力してください */
@media screen and (max-width: 680px){
  .masonry .entry-content {
    padding-top: 10px;
}
.masonry figure.post-image.clearfix {
    float: left;
    padding: 0 20px 0px 0;
  width: 80px!important;
    margin: initial;

}
.masonry .post-image img {
    height: 80px!important;
    object-fit: cover;
}
  .post-title a {
    font-size: 15px;
}
.loops-wrapper.list-post .post-date-wrap { 
      width: initial;
    height: initial;
}
}
/* カスタム CSS をここに入力してください */

.single .post-meta, .single .post-title {
    text-align: left;
}
.related-posts {
    display: none;
}
.masonry figure.post-image.clearfix {
    float: left;
    padding: 0 20px 15px 0;
width: 150px;
    height: 150px;

}
.masonry .post-image img {
width: 150px;
    height: 150px;
  object-fit: cover;
}
.masonry article {
    border-bottom: 1px dotted #8EC31F;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.loops-wrapper.list-post .post-date-inline .post-date {
    margin: initial;
}
.masonry .post-date-wrap.post-date-inline {
    margin: initial;
}
.loops-wrapper .post {
    text-align: left;
}
h1.page-title {
  text-transform: inherit;
    letter-spacing: initial;
    font-family: yatra one;
    color: #3D0964;
    padding-left: 15px;
    border-left: #E60012 solid 5px;
    text-shadow: 2px 1px #69A11E;
    font-size: 30px;
    line-height: 40px;
}  
  
}
.page-title {
    margin: 0 0 0.938em;
    padding: 0;
    font-size: 2em;
    line-height: 110%;
}
.widgettitle {
    font-variant: initial;
}
@media screen and (max-width: 680px){
  img.linebanner {display:none;}
  .spnone {display:none;}
}
@media screen and (min-width: 680px){
    img.linebanner2 {display:none;}
    .pcnone {display:none;}
}

img.linebanner {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
img.linebanner2 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.booktop a {
    font-size: 15px;
}
/* Grow */
#site-logo {
  display: inline-block;
  vertical-align: initial;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
#site-logo:hover, #site-logo:focus, #site-logo:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: initial;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 680px){
.fixed-header #headerwrap #site-logo img {
    width: auto;
    max-height: 30px;
    padding-top: 7px;
}
}
#headerwrap.fixed-header #main-nav {
    margin-top: 10px;
    padding: 0;
    position: static;
}

.fixed-header-on #site-logo img {
    height: initial;
    width: auto;
    transition: all .3s;
}
#headerwrap {
    background-color: initial;
}
div#site-logo {
    margin-bottom: 0;
}
#mobile-menu a {
    text-align: center;
}
@media screen and (min-width: 680px){
img.spmenuimg {
        display: none;
}
}
@media screen and (max-width: 680px){
  img.menuicon {
        display: none;
}
img.menuimgpc {
        display: none;
}
}
img.spmenuimg {
    height: 50px;
}

div#site-logo {
    margin: 18px 0 0;
}

img.menuicon {
    margin: 10px 3px;
}
img.menuimgpc {
    height: 25px;
    /* padding: 10px; */
    margin: 10px 3px;
}

#headerwrap.fixed-header {
    background-color: rgba(255, 255, 255, 0.73);
}
@media screen and (max-width: 680px){
div#pagewrap {
    padding-top: 40px!important;
}
  #headerwrap {
    background-color: initial;
}
  #headerwrap.fixed-header {
    background-color: rgba(255, 255, 255, 0.77);
}
}
.footer-horizontal-left .back-top .arrow-up a, .footer-horizontal-right .back-top .arrow-up a, .footer-left-col .back-top .arrow-up a, .footer-right-col .back-top .arrow-up a {
    background-color: #8EC31F;
}
#menu-icon:before {
    content: "\e68e";
    font-family: themify;
    font-size: 1.65em;
    color: #8EC31F;
}
.infoh .loops-wrapper.list-thumb-image .post-image {
    width: 16%;
    float: left;
    margin: 20px 10px 0 0px;
}
.topinfo .loops-wrapper.list-thumb-image .post-image {
    width: 20%;
    margin: 10px 10px 0 0;
}
.topinfo .post-title a {
    font-size: 16px;
    line-height: initial;
}

a {
    color: #016732;
}
h1:hover{
    color: #ff0000;
    text-decoration: none;
}
a:hover{
    color: #ff0000;
    text-decoration: none;
}
#main-nav .hclogo a {
    padding: initial;
    margin: initial;
    background: initial;
}
#content {
    padding: 2% 0;
}
.loops-wrapper.list-thumb-image .post-image {
    width: 16%;
    float: left;
    margin: 0 1.4em 1em 0;
}
#headerwrap {
      border-bottom: initial;
}
.topn .post-title.entry-title {
    padding: 10px 15px 5px;
}
h3.midashit {
    font-family: yatra one;
    color: #3D0964;
    padding-left: 15px;
    border-left: #E60012 solid 5px;
    text-shadow: 2px 1px #69A11E;
    font-size: 30px;
    line-height: 40px;
}
h3.midashit2 {
    font-family: yatra one;
    color: #3D0964;
    padding-left: 15px;
    border-left: #E60012 solid 5px;
    text-shadow: 2px 1px #69A11E;
    font-size: 20px;
    line-height: 40px;
}

.topn .post-title.entry-title {
    padding: 5px 5px 0;
}

.topn figure.post-image.clearfix {
    margin-bottom: initial;
      max-height: 170px;
    overflow: hidden;
}
.topn .post-date-wrap {
    background-color: #EA5404;
    color: #fff;
    padding: 0px 10px;
    font-weight: 600;
    text-align: right;
}
span.edit-button {
    display: none;
}
.post-title a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-family: noto sans japanese;
      font-size: 20px;
}
.transparent-header #headerwrap.fixed-header {
    background-color: rgba(255, 255, 255, 0.91);
}
#main-nav {
    margin-top: 10px;
}
#main-nav a {
    display: block;
    padding: initial;
    margin: 0 3px;
    text-decoration: none;
}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
    color: #fafafa;
}
.widgettitle:after {
    content: '';
    display: block;
    width: initial;
    border-bottom: initial;
    position: absolute;
    bottom: initial;
}
.widgettitle {
    margin: 0 0 8px;
    padding-bottom: 5px;
    font-family: noto sans japanese;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: initial;
    position: relative;
    border-bottom: 3px solid #DCB235;
    text-transform: none;
}

/* 商品テーブル*/
.gaiyou th {
    height: 35px;
}
tbody {
    line-height: 16px;
}
h4.syouhin {
    border-left: solid #777;
    padding-left: 7px;
  margin-left:7px;
}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
td {
  font-weight: 300;
    width: 70%;
    padding: 0 15px;
	height: 20px;
}
th {
    text-align: left;
    width: 40%;
    padding: 0 15px;
}
/* レイアウト*/
.pagewidth, .full_width .themify_builder_row .row_inner {
    width: 1060px;
    max-width: 100%;
    margin: 0 auto;
}
h3.abouttop {
    margin: 0 0 10px;
    font-size: 16px;
    padding-left: 5px;
}
h3.mainmidashi {
    margin: 0 0 15px;
    font-size: 16px;
    border-bottom: 5px double #DCB235;
    padding-bottom: 5px;
}
.blog a {
    font-weight: 500;
    font-size: 18px;
}
.drop-cap > h1:first-child:first-letter, .drop-cap > h2:first-child:first-letter, .drop-cap > h3:first-child:first-letter, .drop-cap > h4:first-child:first-letter, .drop-cap > h5:first-child:first-letter, .drop-cap > p:first-child:first-letter, .single-post .entry-content > p:first-child:first-letter {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    float: initial;
    font-size: initial;
    line-height: initial;
    padding: initial;
      font: 1.250em/1.6em 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
figure.post-image {
    text-align: center;
}
.post-image img {
    width: initial;
}
@media screen and (max-width: 680px){
#pagewrap h2 {
    font-size: initial;
}
}
.more-link {
    margin-top: 0px;
      font: bold .9em/1.3em 'Quicksand', sans-serif!important;
}
a.mailcon {
    /* font-size: 16px; */
    font-weight: 600;
    /* padding: 15px 0 0 0; */
    /* line-height: 30px; */
}
h2.post-title.entry-title {
    font-weight: 500;
}
.module-slider {
    margin-bottom: inherit;
}
.loops-wrapper.list-thumb-image .author-meta-box {
    margin: initial;
}
time.post-date.entry-date.updated {
    margin: initial;
    font-style: initial;
}
/* 見出し*/
h2.post-title.entry-title {
    font-weight: 500;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    /* border-bottom: solid 1px; */
}
h3.bod {
    border-bottom: 4px double #777;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: 500;
}
.sub-menu a {font-family:noto sans japanese;}
/* ヘッダ－ */

/* カスタム CSS をここに入力してください */
h1, h2, h3, h4, h5, h6 {
    font-family: noto sans japanese;
}
p {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
p {
    padding: 0 0 5px;
    margin: 0;
}
div {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.jp {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

a {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
select#cat {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.post-date-wrap {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #444;
}
.footer-widgets .widgettitle {
    color: inherit;
    margin-bottom: 0.7em;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

th {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 {
	background: #fafafa;
	border: 1px solid #ddd;
	padding: 0;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 30px;
}

div.wpcf7 p {
	padding: 20px 20px 0;
	margin: 0;
	font-size: 11px;
}

div.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ccc;
	padding: 8px;
	font-size: 14px;
}

div.wpcf7 input.wpcf7-submit {
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 200px;
	height: 45px;
	margin: 0 auto;
	display: block;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #333;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5), inset 0 32px 0 -12px #808080;
	border: 1px solid #666;
}

div.wpcf7 input.wpcf7-submit:hover {
	background: #006080;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5), inset 0 32px 0 -12px #007ea8;
	border: 1px solid #006080;
}

.wpcf7 input.wpcf7-submit:active {
	box-shadow: none;
	bottom: -2px;
	position: relative;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
	border: 1px solid #009de1;
}

.wpcf7-captchac {
	border: 1px solid #ccc;
}

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid {
	background: #ffb6c1;
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}

.wpcf7 .wpcf7-response-output {
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
}

/* 必須赤色表示 */
.wpcf7 .required {
	color: #f00;
}

/* 任意緑色表示 */
.wpcf7 .any {
	color: #080;
}


