@charset "utf-8";
/*
Theme Name: decora-s_site
Author: synapse design lab.
*/
/* RESET STYLES */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; font-size: 16px; font-weight: inherit; font-style: normal;
	vertical-align: baseline; background: transparent; border: 0; outline: 0; }
article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
a img { border: 0; }
a:hover, a:active { outline: none; }
html, body { height:100%; }

body { font-family: 'Titillium Web', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Arial, sans-serif; color: #000; line-height: 1.7em; font-size: 16px; font-weight: inherit; font-style: normal; text-align:justify; background-color: #fff; overflow-x: hidden; }
img{ vertical-align:bottom; border: 0; }
#contents{ margin:0 auto; }
.hide { display: none;  }
.clear { clear: both; }
.clearfix:after { display: block; clear: both; content: ""; }
.clearfix{ display:inline-block; } 
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }
.bold { font-weight:bold; }

a { transition: 0.3s ease-in-out; } 
a:link{ color:#000; text-decoration:none; }
a:visited{ color:#000; text-decoration:none; }
a:hover{ color:#666; text-decoration:none; }
a:active{ color:#666; text-decoration:none; }



.invisible { transition: opacity 0.5s ease; opacity: 0.0; }
.visible { transition: opacity 0.5s ease; opacity: 1.0; }

@keyframes Up100 {
0% { opacity: 0; transform: translateY(100px); }
100% { opacity: 1; transform: translateY(0); }
}
.up100 { animation-duration: 2s; animation-name: Up100; animation-iteration-count:1; }

/* ▲▼▲▼▲ HEADER ▲▼▲▼▲ ----------------------------------------------- */
header { max-width: 100%; margin: 0 auto; }
header i:before  { font-size:20px; font-size:2rem; margin:0 5px 0; color:#aaa; }



/* navi ----------------------------------------------- */
nav { position:fixed; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap:wrap; -ms-flex-wrap: wrap;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0.3), 60%, transparent); z-index:10; color:#000; width:100%; padding:10px 2% 40px; margin: 0 auto; }
.headbox1{ width:120px; margin:0 0 0 5px; }
.headbox2{ flex: 1; text-align:right; }
.topnavi{ display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content:flex-end; margin:20px 0 0 0; }
.topnavi li { padding:0 20px 0 0; font-size:16px; font-family: 'Merriweather Sans', sans-serif; }
.topnavi li:last-child{ padding:0 5px 0 0; }
.topnavi li a{ color:#fff; }

nav { -webkit-animation-duration: 1s; animation-delay:1s; }
#hptitle { animation-delay:1s; }
.headbox1 { animation-duration: 1s; animation-delay:1.2s; }
.topnavi{ animation-duration: 1s; animation-delay:1.4s; }
.spnavi{ -webkit-animation-duration: 1s; animation-delay:1s; }
.spnavi li{ -webkit-animation-duration: 1.2s; animation-delay:1.2s; }

.spnavi {display:none; }

@media screen and (max-width: 767px){
.topnavi {display:none; }
.spnavi { display:block; position: fixed; bottom: 0; box-sizing: border-box; width:100%; padding:15px 10px; background-color: rgba(255,255,255,1); z-index:10;
	display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap:wrap; -ms-flex-wrap: wrap;
	-ms-flex-pack: distribute; justify-content: space-around; }
.spnavi li{ font-size:16px; font-family: 'Merriweather Sans', sans-serif; }
}



/* ▲▼▲▼▲ FOOTER ▲▼▲▼▲ ----------------------------------------------- */
footer { z-index:10; width:100%; margin: 0 auto; padding: 20px 0px; text-align:center; color: #fff; font-size:12px; line-height:1.5em; }
footer a:link, footer a:visited{ color:#fff; text-decoration:none; }
footer a:hover, ooter a:active{ color:#999; text-decoration:none; }

/* -- ハンバーガーメニュー saruwakakun.com/html-css/reference/nav-drawer -- */
#nav-drawer { position: fixed; bottom: 0px; right:15px; background:#000; padding:10px; z-index:98; }
.nav-unshown { display:none; } /*チェックボックス等は非表示に*/
#nav-open { display: inline-block; width: 30px; height: 22px; vertical-align: middle; } /*アイコンのスペース*/
#nav-open span, #nav-open span:before, #nav-open span:after { position: absolute; height: 3px; width: 30px; border-radius: 3px; background: #fff; display: block; content: ''; cursor: pointer; }
#nav-open span:before { bottom: -8px; }
#nav-open span:after { bottom: -16px; }
.h-menu{ color:#fff; font-size:11px; }
/*閉じる用の薄黒カバー*/
#nav-close { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; transition: .3s ease-in-out; }
/*中身*/
#nav-content { overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 90%; max-width: 330px; height: 100%; background: #000; color:#fff; transition: .3s ease-in-out; -webkit-transform: translateX(-105%); transform: translateX(-105%); }
/*チェックが入ったらもろもろ表示*//*カバーを表示*/
#nav-input:checked ~ #nav-close { display: block; opacity: .5; }
/*中身を表示（右へスライド）*/
#nav-input:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%); box-shadow: 6px 0 25px rgba(0,0,0,.15); }

.nav-content-wrap{ position: absolute; bottom: 0; width:100%; }
#nav-content .navt{ text-align:center; width:100%; padding:20px 0; border-bottom:1px solid #666; }
#nav-content .nav a{ display:block; text-align:center; width:100%; padding:15px 0; color:#999; background:#222; border-bottom:1px solid #444; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#nav-content .nav a:active, #nav-content .nav a:hover{ background:#912428; }

@media screen and  (min-width: 768px) { /* 768px以上 */
#nav-drawer { display:none; }
}


/* ▲▼▲▼▲ 共通 ▲▼▲▼▲ ------------------------------------- */
a.btn-01{ display:block; border:1px solid #000; margin:0 auto; padding:10px 0; width:90%; max-width:400px; color:#000; font-size:18px; font-family: 'Merriweather Sans', sans-serif; z-index:999; position: relative; }
a.btn-01:hover{ background:#000; color:#fff; }

a.btn-02{ display:block; border:1px solid #000; margin:20px auto 0; padding:8px 0; width:80%; max-width:300px; color:#000; font-size:16px; font-family: 'Merriweather Sans', sans-serif; }
a.btn-02:hover{ background:#000; color:#fff; }

.page-t { position: relative; top: 0%; 
    width: 100%; height:60px; padding: 80px 0 0 0;
    text-align: center; overflow: hidden;
    animation-delay: .2s; }
.page-t .title { color: #c7b299; font-size: 48px; line-height: 1.5em;
    font-weight: normal; font-family: 'Merriweather Sans', sans-serif;
    margin: 0; padding: 0; }
@media screen and (max-width: 767px){
.page-t { height:50px; }
.page-t .title { font-size: 36px; }
}

.bg-000 { background:#000; }
.bg-666 { background:#666; }


/* ▲▼▲▼▲ top page ▲▼▲▼▲ ------------------------------------- */
.main{  background:#000; }

/* top main img - zoomslider ----------------------------------------------- */
	#back1{ overflow: hidden; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background-color: #fff; z-index:-1; }
	#back1{ -webkit-animation-duration: 0.5s; animation-delay:0.5s; }

/* top main img - scroll btn ----------------------------------------------- */
.on-cont{ z-index:2; position: absolute; width:100%; height:100%; }
.wbox02{ position: absolute; top: 50%;  transform: translateY(-45%); width:100%; text-align:center; color:#fff; z-index:1; }
.kame{  max-width: 60%; max-height:50%; animation: kame-slide 10s ease infinite, fluffy1 1.5s ease infinite; }
@media screen and  (min-width: 415px) { /* 415px以上 */
.kame{  max-width: 25%;  max-height:25%; }
}
@keyframes kame-slide {
0% { margin-left: 100%; }
20% { margin-left: 50%; }
80% { margin-left: 20%; }
100% { margin-left: -60%; margin-right:100%; }
}
@keyframes fluffy1 {
0% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(0) }
40% { transform:translateY(-15px) }
50% { transform:translateY(0) }
60% { transform:translateY(-15px) }
100% { transform:translateY(0) }
}
.float-btn{ position: absolute; bottom:150px; width:100%; text-align: center; z-index:3; }
.z-front{ }
a.btn-03{ display:block; background:rgba(255,255,255,0.9); margin:0 auto; padding:10px 0; width:90%; max-width:400px; color:#000; font-size:18px; font-family: 'Merriweather Sans', sans-serif; }
a.btn-03:hover{ background:#000; color:#fff; }

.scroll-bt { position: absolute; bottom:150px; right:calc(50% - 1.6em); transform: translateY(100%); padding-top: 70px; color:#fff !important; font-size:21px; text-align:left; font-family: 'Merriweather Sans', sans-serif; }
.scroll-bt span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; box-sizing: border-box; }
@-webkit-keyframes sdb {
  0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; }
  50% { opacity: 1; }
  100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}
@keyframes sdb {
  0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}

/* fullpage plugin ----------------------------------------------- */
.slideConts { height:100vh; height: calc(var(--vh, 1vh) * 100); margin: 0 auto; -webkit-transition: .7s; -o-transition: .7s; transition: .7s; }
.slideContsL{ width:0vw; transform: translate(-100vw, 0) skewX(40deg); }
.fp-viewing-1 .slideContsL, .fp-viewing-3 .slideContsL, .fp-viewing-5 .slideContsL, .fp-viewing-7 .slideContsL{ width:100vw; transform: translate(0, 0) skewX(40deg) !important; }
.slideContsR { width:0vw; transform: translate(-100vw, 0) skewX(-40deg); }
.fp-viewing-2 .slideContsR, .fp-viewing-4 .slideContsR, .fp-viewing-6 .slideContsR, .fp-viewing-8 .slideContsR { width:100vw; transform: translate(0, 0) skewX(-40deg) !important; }

.sec-cont-L{ transform: skewX(-40deg) !important; }
.sec-cont-R{ transform: skewX(40deg) !important; }
.center-box{ width:100vw; height:100vh; height: calc(var(--vh, 1vh) * 100); margin:auto; text-align: center; display: table-cell; vertical-align: middle; }

@media screen and (max-width: 767px){
.fp-viewing-1 .slideContsL, .fp-viewing-3 .slideContsL, .fp-viewing-5 .slideContsL, .fp-viewing-7 .slideContsL{ width:200vw; transform: translate(-50vw, 0) skewX(40deg) !important; }
.sec-cont-L{ transform: translate(50vw, 0) skewX(-40deg) !important; }
.fp-viewing-2 .slideContsR, .fp-viewing-4 .slideContsR, .fp-viewing-6 .slideContsR, .fp-viewing-8 .slideContsR { width:200vw; transform: translate(-50vw, 0) skewX(-40deg) !important; }
.sec-cont-R{ transform: translate(50vw, 0) skewX(40deg) !important; }
}


/* top page about ----------------------------------------------- */
.top-about{ background:#000 url(../../../../img/Gimg01.jpg) no-repeat 50% 50%; background-size:cover; transition:opacity .5s ease-in-out .3s; opacity:0; font-family:'Merriweather Sans', 'M PLUS Rounded 1c', sans-serif; }
.fp-viewing-1 .top-about{ opacity:1; }

.top-about .box01{ background:url(../../../../img/d-mark.svg) rgba(255,255,255,0.9) no-repeat 50% 50%; background-size:contain; max-width:600px; width:100%; margin:0 auto; padding:50px 0px; }
.top-about p{ font-size:18px; line-height: 2em; }
.top-about h2 { font-size:48px; font-weight:bold; font-family: 'Merriweather Sans', sans-serif; }
.top-about h3 { font-size:26px; line-height:2em; font-weight:bold; }
.decoras{ font-size:18px; line-height: 2em; color:#b40005; }
.top-about p.decoras2{ font-size:16px; line-height:1.7em; margin-top:10px; }

@media screen and (max-width: 767px){
.top-about p{ font-size:16px; }
.top-about h2 { font-size:36px; }
.top-about h3 { font-size:21px; }
.decoras{ font-size:16px; }
.top-about p.decoras2{ font-size:14px; }
}

@media screen and (max-width: 425px){
.top-about p{ font-size:4.1vw; }
.decoras{ font-size:4.1vw; }
.top-about p.decoras2{ font-size:3.45vw; }
}

/* top page works ----------------------------------------------- */
.works{ background:#000 url(../../../../img/top-works.jpg) no-repeat 50% 50%; background-size:cover; transition:opacity .5s ease-in-out .3s; opacity:.5; }
.fp-viewing-2 .works{ opacity:1; }
.hidden{ overflow:hidden; }

.works .box01{ background:rgba(255,255,255,0.9); max-width:600px; width:90%; margin:0 auto; padding:30px 20px; }
.works h2{ padding:0 0 40px; font-size:48px; font-weight:bold; font-family: 'Merriweather Sans', sans-serif; }
.works .box01 .inbox01{ margin:0 0 20px; color:#000; }

@media screen and (max-width: 767px){
.works h2{ font-size:36px; }
}
/* top page company ----------------------------------------------- */
.company{ background:#000 url(../../../../img/top-comp.jpg) no-repeat 50% 50%; background-size:cover; transition:opacity .5s ease-in-out .3s; opacity:.5; position: relative; }
.fp-viewing-3 .company{ opacity:1; }

.company .box01{ background:rgba(255,255,255,0.9); max-width:600px; width:90%; margin:0 auto; padding:30px 20px; }
.company h2{ padding:0 0 40px; font-size:48px; font-weight:bold; font-family: 'Merriweather Sans', sans-serif; }
.company .box01 .inbox01{ margin:0 0 20px; color:#000; }
.company footer{ position: absolute; bottom: 0; z-index:999; }

@media screen and (max-width: 767px){
.company h2{ font-size:36px; }
}

/* ▲▼▲▼▲ works page ▲▼▲▼▲ ------------------------------------- */
.works-bg{  background:#000 url(../../../../img/top-works.jpg) center center / cover no-repeat fixed; z-index:-1; }
.works-main-bg{ background-color: rgba(0,0,0,0.7); }
.w-year{ animation-delay:.7s; margin:0; padding:0 0 50px 0; }
.p-sec-t{ width:100%; max-width:970px; margin:0 auto 10px auto; padding:10px 0; text-align:center; color:#c7b299; font-size:28px; overflow:hidden; border-bottom:1px solid #555; font-family: 'Merriweather Sans', sans-serif; }
.one-work{ box-sizing: border-box; width:100%; max-width:970px; margin: 1px auto 0 auto; padding:10px 5px; text-align:left; border-bottom: 1px solid #333; color:#ddd; font-size:14px; }
.w-photo{ color:#fff; }
.work-tmb { display: flex; flex-wrap: wrap; margin:8px 0 8px 0px; overflow: hidden; }
.work-tmb img { object-fit: cover; width:calc(25vw - 2.5px); height:calc(25vw - 2.5px); }
@media (min-width: 490px) { .work-tmb img { object-fit: cover; width:calc(18.75vw - 1.875px); height:calc(18.75vw - 1.875px); } }
@media (min-width: 730px) { .work-tmb img { object-fit: cover; width:calc(12.5vw - 1.25px); height:calc(12.5vw - 1.25px); } }
@media (min-width: 970px) { .work-tmb img { object-fit: cover; width:120px; height:120px; } }

@media (min-width: 700px) {  /* タブレット以上向けスタイル */
.p-sec-t{ font-size:36px; }
.one-work{ font-size:16px; }
.w-photo p{ position:relative; left:-18px; }
}

/* ▲▼▲▼▲ company page ▲▼▲▼▲ ------------------------------------- */
.pro-bg{  background:#000 url(../../../../img/top-comp.jpg) center center / cover no-repeat fixed; z-index:-1; }
.pro-main-bg{ background-color: rgba(0,0,0,0.8); }
.p-wrap{ animation-delay:.7s; margin:0; padding:0 0 50px 0; overflow:hidden; }
.sec-t, .prowrap, .promap{ animation-delay:.7s; }
.sec-t{ width:100%; max-width:970px; margin:0 auto 10px auto; padding:10px 0; text-align:center; color:#c7b299; font-size:16px; overflow:hidden; border-bottom:1px solid #555; }
.about { font-size:18px; font-weight:bold; }
.decoras{ color:#b40005; }
.prowrap{ max-width:90%; margin: 0 auto 50px auto; padding:10px 0; text-align:left; color:#ddd; box-sizing: border-box; }
.prowrap img{ max-width:100%; }
dl.profile dt { clear: left; float: left; margin: 0 0 1em 0; padding:0 0 5px 0; width: 9em; font-size:14px; }
dl.profile dt h3{ font-size:14px; }
dl.profile dd { margin: 0 0 1em 0; padding:0 0 5px 9em; border-bottom: 1px solid #333; font-size:14px; }
dl.profile a{
  color: #fff;
}
dl.profile a:hover{
  opacity: 0.5;
}
.flexbox{ display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexbox span{ font-size:14px; }
.promap{ max-width:970px; margin: 0 auto; padding:10px 0; height:300px }

@media (min-width: 700px) {  /* タブレット以上向けスタイル */
.aboutwrap{ flex-direction:row; padding:0; width:700px; }
.aboutwrap1{ padding:0 20px 0 0; height:276px; }
.sec-t{ font-size:18px; }
.prowrap{ max-width:660px; }
dl.profile dt h3, dl.profile dd { font-size:16px; }
.flexbox span{ font-size:16px; }
.promap{ height:400px }
}

/* ▲▼▲▼▲ information page ▲▼▲▼▲ ------------------------------------- */
.info-bg{  background:#000 url(../../../../img/page-info-bg.jpg) center center / cover no-repeat fixed; z-index:-1; }
.info-main-bg{ background-color: rgba(0,0,0,0.8); }
.grecaptcha-badge{ z-index:999; } /* ReCAPTCHA */

/* ▲▼▲▼▲ message & privacy page ▲▼▲▼▲ ------------------------------------- */
.me-wrap{ max-width:700px; margin: 0 auto 50px auto; padding:10px 0; text-align:left; color:#ddd; box-sizing: border-box; }
.me-cont{ box-sizing: border-box; width:100%; background:url(../../../../img/me-top-img.jpg) no-repeat center top; background-size:contain;  padding:60vw 20px 0; font-size:14px; line-height: 2.5em; text-align: justify; font-feature-settings : "palt"; font-family: 'M PLUS Rounded 1c', sans-serif; }
.me-txt{ max-width:44em; font-feature-settings: normal; font-size:14px; }
.me-cont2{ text-align:right; font-size:14px; padding:20px 20px 0; font-family: 'M PLUS Rounded 1c', sans-serif; }

.pri-cont{ box-sizing: border-box; width:100%; padding:0 20px 0; font-size:14px; line-height: 2em; text-align: justify; font-feature-settings : "palt"; font-family: 'M PLUS Rounded 1c', sans-serif; }
.pri-sec { font-size:18px; margin:0 0 10px; padding:50px 0 10px; border-bottom:#fff 1px solid; }
.pri-li li{ list-style-type: disc; font-size:14px; margin: 0 0 0 1em; }

@media (min-width: 700px) {  /* タブレット以上向けスタイル */
.me-wrap{  }
.me-cont{ padding:450px 0 0; }
.me-cont2{ padding:20px 0 0; }
}
@media (min-width: 970px) {  /* タブレット以上向けスタイル */
.me-wrap{  }
.me-cont{  }
.me-cont2{}
}

/* ▲▼▲▼▲ wordpress page ▲▼▲▼▲ ------------------------------------- */
.wp-bg{  background:#000 url(../../../../img/wp-bg.jpg) center center / cover no-repeat fixed; z-index:-1; }
.wp-main-bg{ background-color: rgba(0,0,0,0.8); box-sizing: border-box; min-height:100%; margin:0; padding:50px 0 0; }
.foot{ position: absolute; z-index:1; margin:0; }
.mframe{ color:#fff; box-sizing: border-box; margin:0; padding:0 10px; min-height:100%;  }

h1.ehtry-title { margin:0 auto; padding:0 5px; max-width:1024px; }
h1.ehtry-title a { line-height:1.5em; color:#c7b299; font-size:18px; font-weight:bold; font-family: 'Merriweather Sans', sans-serif; }
.back-post{ max-width:800px; margin:0 auto; padding:20px 5px; text-align:justify; line-height:2em; overflow:hidden; animation-delay:1s; }
.back-post img { max-width:100%; height: auto; }
.back-post a{ color:#c7b299; text-decoration:underline; }
.back-post a:hover{ color:#912428; }
.back-post blockquote { position: relative; padding: 10px 15px 10px 60px; box-sizing: border-box; background-color: rgba(0,0,0,0.8); margin:0 0 30px; }
.back-post blockquote:before{ display: inline-block; position: absolute; top: 10px; left: -3px; vertical-align: middle; content: "“"; font-family: sans-serif; color: #cfcfcf; font-size: 90px; line-height: 1; }
.back-post blockquote p { padding: 0; margin: 10px 0; line-height: 1.7; }
.back-post blockquote cite { display: block; text-align: right; color: #888888; font-size: 0.9em; }
.back-post ul, .back-post ol { background-color: rgba(0,0,0,0.8); padding: 0.5em 0.5em 0.5em 2em; border: solid 2px gray; margin:0 0 30px; }
.back-post ul li, .back-post ol li { line-height: 1.5; padding: 0.5em 0; }
.back-post h1{ font-size:21px; line-height: 1.5; font-weight:bold; background:#c7b299; color:#fff; margin:0 0 10px; padding:5px; }
.back-post h2{ font-size:21px; line-height: 1.5; font-weight:bold; color:#c7b299; border-bottom:2px solid #c7b299; margin:0 0 10px; }
.back-post h3{ font-size:20px; line-height: 1.5; font-weight:bold; color:#c7b299; border-bottom:2px solid #c7b299; margin:0 0 10px; }
.back-post h4{ font-size:18px; line-height: 1.5; font-weight:bold; color:#c7b299; border-bottom:2px solid #c7b299; margin:0 0 10px; }
.back-post h5{ font-size:16px; line-height: 1.5; font-weight:bold; color:#c7b299; border-bottom:2px solid #c7b299; margin:0 0 10px; }
.back-post h6{ font-size:16px; line-height: 1.5; font-weight:bold; }
.back-post p{ margin:0 0 30px; }

@media (min-width: 700px) {   /* タブレット以上向けスタイル */
h1.ehtry-title a{ font-size:24px; }
.back-post h1{  padding:10px; }
}

/* Contact Form7   https://webicon.jp/wordpress/contactfoam7-setting/ */
.wpcf7{ background-color: rgba(255,255,255,0.1); padding:20px; }

.contact7 { max-width: 100%; box-sizing: border-box; }
.contact7 dd { margin: 0 0 30px 0; background-color: }
.contact7 dt { font-weight: normal; }
.contact7 input, .contact7 textarea { padding:5px; box-sizing: border-box; width:100%; }
.wpcf7-form p { text-align:center; }
/* 必須マーク */
.contact7 .must { background: #FF1A00; }
/* 任意マーク */
.contact7 .optional { background: #999; }

.contact7 .must, .contact7 .optional { color: #FFF; border-radius: 3px; font-size: 10px; 
	margin-left: 10px; padding: 5px 10px; letter-spacing: 2px; }
.btn_contact7 { text-align: center; }
.btn_contact7 input { width: 70%; background-color: #fff; color: #000; padding:10px 0;
	font-size: 1.1em; font-weight: bold; letter-spacing: 0.2em; border: 1px solid #000;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;	}
.btn_contact7 input:hover { background-color: #000; color: #fff;  }

@media screen and (min-width: 700px) {
.contact7 dt { float: left; clear: left; width: 35%; box-sizing: border-box; padding: 5px 10px 5px 0; }
.contact7 dd { margin-left: 35%; }
}

/* wp-top.php */
.wp-top{ box-sizing: border-box; margin:20% 0; text-align:center; }
.wp-top h2{ margin:50px 0; font-size:24px; }
.wp-top .error_url{ margin:0 0 50px; }
.wp-top a{ color:#fff; text-decoration:underline; margin:0 0 100px; font-weight:bold; }
.wp-top a:hover{ color:#ccc; }

/* ----------------------------------------------- */

@media all and (-ms-high-contrast:none) {
 /* IE10以降に適応されるCSS */
#hptitle{ margin-top:-50px; }
}



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

}