@charset "UTF-8";

  html,
body,
address,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
map,
a,
b,
br,
em,
i,
img,
small,
span,
strong,
sub,
sup,
legend,
fieldset,
input,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main {
margin: 0;
padding: 0;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main {
display: block;
}
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: top;
}
iframe {
max-width: 100%;
border: 0;
vertical-align: top;
}
ul,
ol {
list-style: none;
}
strong {
font-weight: normal;
}
em,
i {
font-style: normal;
}
form,
textarea {
outline: none;
}
fieldset {
border: none;
}
textarea {
overflow: auto;
-webkit-appearance: none;
border-radius: 0;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
text-align: left;
}
input,
input[type="button"],
input[type="text"],
input[type="submit"],
textarea {
-webkit-appearance: none;
border-radius: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
select::-ms-expand {
display: none;
}
button {
border: none;
background-color: transparent;
font-family: "丸フォーク R", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-weight: 500;
cursor: pointer;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} a {
color: #ec7a71;
text-decoration: none;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
a:hover {
color: #ec7a71;
text-decoration: underline;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
a img {
opacity: 1;
-webkit-transition: opacity 0.6s ease 0s;
transition: opacity 0.6s ease 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a img:hover {
opacity: 0.7;
-webkit-transition: opacity 0.6s ease 0s;
transition: opacity 0.6s ease 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} @media print {
body {
font: 1.4rem/1.4 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important;
font-weight: 500;
}
@page {
size: A4;
}
body {
min-width: 800px !important;
}
.main-inner {
min-width: 800px !important;
}
.header-main {
position: relative !important;
z-index: 100 !important;
}
.header-main .logo {
max-width: 200px !important;
}
.header-main .drawer-nav .drawer-menu li {
margin-left: 25px !important;
}
.header-main .drawer-nav .drawer-menu li a {
font-size: 1.3rem !important;
}
#footer-main {
margin-top: 40px !important;
}
#footer-main .page-top {
display: none;
}
#footer-main .footer-content {
padding: 30px 20px !important;
}
#footer-main .utility-content {
padding: 20px !important;
}
.hero-block {
height: 200px !important;
}
.hero-block .hero-inner .hero-ti {
font-size: 3rem !important;
}
.main-content {
margin-top: 30px !important;
}
.main-content .page-ti {
font-size: 2.4rem !important;
}
.main-content .navigation.pagination,
.main-content .navigation.around {
margin-top: 30px !important;
}
.main-content .navigation.pagination .page-numbers,
.main-content .navigation.around .page-numbers {
font-size: 1.3rem !important;
}
.btn.more-btn {
font-size: 1.4rem !important;
}
.sp {
display: none !important;
}
.pc {
display: block !important;
}
} html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 62.5%; }
body {
-webkit-text-size-adjust: 100%;
font: 1.4rem/1.4 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-weight: 500;
color: #2c2519;
}  @media print, screen and (max-width: 767px) {
body {
font-size: 1.4rem;
line-height: 1.4;
}
}  @media print, screen and (min-width: 768px) {
body {
font-size: 1.6rem;
line-height: 1.6;
}
}   @media print, screen and (max-width: 767px) {
.pc {
display: none !important;
}
}  @media print, screen and (min-width: 768px) {
.main-inner {
max-width: 1200px;
margin: 0 auto;
}
.sp {
display: none !important;
}
}  @media screen and (max-width: 1023px) { .drawer-nav {
position: fixed;
z-index: 100;
top: 0;
overflow: hidden;
width: 70%;
height: 100%;
background-color: #fff;
} .drawer-overlay {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
}
.drawer-open .drawer-overlay {
display: block;
} .drawer--right .drawer-nav {
right: -70%;
-webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 0;
}  .sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
} .sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
} @media screen and (max-width: 1023px) { .header-main {
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100%;
padding: 10px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.8);
}
.header-main .header-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-main .header-head .logo {
width: 220px;
}
.header-main .header-head .drawer-hamburger {
position: relative;
top: -2px;
width: 36px;
height: 32px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_header_menu_svg01.svg) 0 0/36px auto no-repeat;
cursor: pointer;
}
.header-main .header-head .drawer-hamburger .is-only {
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 1.2rem;
color: #000;
}
.header-main .drawer-nav .drawer-inner {
padding: 30px 0;
}
.header-main .drawer-nav .drawer-logo {
padding: 0 20px;
text-align: center;
}
.header-main .drawer-nav .drawer-menu {
margin-top: 40px;
border-top: 1px solid #febe01;
}
.header-main .drawer-nav .drawer-menu li {
border-bottom: 1px solid #febe01;
background-color: #fff;
}
.header-main .drawer-nav .drawer-menu li a {
display: block;
position: relative;
z-index: 1;
padding: 15px 10px 15px 20px;
font-size: 1.6rem;
color: #222;
position: relative;
z-index: 1;
}
.header-main .drawer-nav .drawer-menu li a::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-left: 1px solid #febe01;
border-bottom: 1px solid #febe01;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.header-main .drawer-nav .drawer-menu li a:hover {
text-decoration: none;
}
.header-main .drawer-nav .drawer-menu .drawer-close {
padding: 20px;
}
.header-main .drawer-nav .drawer-menu .drawer-close .close-btn {
border: 0;
outline: 0;
cursor: pointer;
background-color: transparent;
color: #F29800;
font-size: 1.4rem;
}
.header-main .drawer-nav .drawer-menu .drawer-close .close-btn img {
width: 21px;
margin-right: 10px;
vertical-align: middle;
}
.header-main .utility-block {
margin-top: 20px;
padding: 20px 10px;
}
.header-main .utility-block .utility-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
}
.header-main .utility-block li:not(:first-child) {
margin-left: 15px;
}
.header-main .utility-block li:not(:first-child) a {
margin-left: 15px;
}
.header-main .utility-block a {
color: #fff;
}
.header-main .detalis-block {
margin-top: 30px;
padding: 0 10px;
}
.header-main .detalis-block .detalis-txt {
line-height: 1.8;
}
.header-main .detalis-block .detalis-txt a {
color: #2C2519;
text-decoration: none;
}
.header-main .close-block {
margin-top: 20px;
padding: 0 10px;
}
.header-main .close-block .close-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-main .close-block .close-btn svg {
width: 28px;
height: 28px;
}
.header-main .close-block .close-btn .is-txt {
margin-left: 10px;
font-size: 1.6rem;
color: #281b0b;
}
} @media print, screen and (min-width: 1024px) { .header-main {
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100%;
padding: 12px 20px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.8);
}
.header-main .drawer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-main .header-head .logo {
max-width: 260px;
}
.header-main .header-head .drawer-hamburger {
display: none;
}
.header-main .drawer-nav .drawer-logo {
display: none;
}
.header-main .drawer-nav .drawer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-main .drawer-nav .drawer-menu li:not(:first-child) {
margin-left: 25px;
}
.header-main .drawer-nav .drawer-menu li.is-current a {
border-bottom: 2px solid #ff9933;
color: #ff9933;
}
.header-main .drawer-nav .drawer-menu li a {
font-size: 1.6rem;
color: #222;
}
.header-main .drawer-nav .drawer-menu li a:hover {
border-bottom: 2px solid #ff9933;
color: #ff9933;
text-decoration: none;
-webkit-transition: color .7s;
transition: color .7s;
}
.header-main .utility-block, .header-main .detalis-block, .header-main .close-block {
display: none;
}
} @media print, screen and (min-width: 1280px) { .header-main .drawer-nav .drawer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-main .drawer-nav .drawer-menu li:not(:first-child) {
margin-left: 65px;
}
.header-main .drawer-nav .drawer-menu li a {
font-size: 1.8rem;
}
} @media print, screen and (max-width: 767px) { #footer-main {
position: relative;
z-index: 1;
margin-top: 60px;
}
#footer-main::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), color-stop(77%, #eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 77%);
}
#footer-main .page-top {
position: fixed;
z-index: 11;
bottom: 100px;
right: 10px;
}
#footer-main .page-top svg {
width: 42px;
height: 42px;
}
#footer-main .city-svg {
position: relative;
z-index: -1;
}
#footer-main .footer-content {
position: relative;
z-index: 1;
top: -1px;
padding: 40px 10px;
}
#footer-main .footer-content .logo-column .logo {
max-width: 290px;
margin: 0 auto;
}
#footer-main .footer-content .logo-column .detalis-txt {
margin-top: 20px;
color: #fff;
line-height: 1.6;
text-align: center;
}
#footer-main .footer-content .logo-column .detalis-txt a {
color: #fff;
text-decoration: none;
}
#footer-main .footer-content .nav-column {
margin-top: 30px;
}
#footer-main .footer-content .nav-column .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer-main .footer-content .nav-column .nav-list li {
width: 32%;
text-align: center;
}
#footer-main .footer-content .nav-column .nav-list li:nth-child(n+4) {
margin-top: 20px;
}
#footer-main .footer-content .nav-column .nav-list a {
color: #fff;
}
#footer-main .utility-content {
padding: 30px 10px 34px;
}
#footer-main .utility-content .utility-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer-main .utility-content .utility-nav li:not(:first-child) {
position: relative;
z-index: 1;
margin-left: 15px;
}
#footer-main .utility-content .utility-nav li:not(:first-child)::before {
position: absolute;
left: 0;
top: 0;
content: "|";
}
#footer-main .utility-content .utility-nav li:not(:first-child) a {
margin-left: 15px;
}
#footer-main .utility-content .utility-nav a {
color: #222;
}
#footer-main .copyright {
margin-top: 20px;
text-align: center;
}
#footer-main .copyright .copy {
font-size: 1.3rem;
}
} @media print, screen and (min-width: 768px) { #footer-main {
position: relative;
z-index: 1;
margin-top: 80px;
}
#footer-main::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), color-stop(77%, #eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 77%);
}
#footer-main .page-top {
position: fixed;
z-index: 11;
bottom: 350px;
right: 20px;
}
#footer-main .page-top svg {
width: 62px;
height: 62px;
}
#footer-main .city-svg {
position: relative;
top: 1px;
z-index: -1;
text-align: right;
}
#footer-main .footer-content {
position: relative;
z-index: 1;
top: -2px;
padding: 80px 20px;
}
#footer-main .footer-content .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#footer-main .footer-content .logo-column {
width: 30%;
}
#footer-main .footer-content .logo-column .logo {
max-width: 330px;
margin: 0 auto;
}
#footer-main .footer-content .logo-column .detalis-txt {
margin-top: 20px;
color: #fff;
line-height: 1.6;
}
#footer-main .footer-content .nav-column {
width: 52%;
}
#footer-main .footer-content .nav-column .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer-main .footer-content .nav-column .nav-list li {
width: 33%;
text-align: center;
}
#footer-main .footer-content .nav-column .nav-list li:nth-child(n + 4) {
margin-top: 30px;
}
#footer-main .footer-content .nav-column .nav-list a {
color: #fff;
font-size: 1.8rem;
}
#footer-main .utility-content {
padding: 40px 20px 44px;
}
#footer-main .utility-content .utility-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#footer-main .utility-content .utility-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer-main .utility-content .utility-nav li:not(:first-child) {
position: relative;
z-index: 1;
margin-left: 15px;
}
#footer-main .utility-content .utility-nav li:not(:first-child)::before {
position: absolute;
left: 0;
top: 0;
content: "|";
}
#footer-main .utility-content .utility-nav li:not(:first-child) a {
margin-left: 15px;
}
#footer-main .utility-content .utility-nav a {
color: #222;
font-size: 1.8rem;
}
#footer-main .copyright {
text-align: center;
}
#footer-main .copyright .copy small {
font-size: 1.6rem;
}
} @media print, screen and (min-width: 1024px) { #footer-main {
margin-top: 100px;
}
#footer-main .page-top {
bottom: 350px;
}
#footer-main .footer-content {
padding: 100px 20px;
}
}
@font-face {
font-family: "Yu Mincho";
src: local("Yu Mincho Demibold");
font-weight: 500;
}  @media print, screen and (max-width: 767px) { .hero-block {
position: relative;
z-index: 1;
height: 200px;
}
.hero-block .hero-inner {
position: absolute;
right: 50%;
top: 50%;
z-index: 10;
width: 100%;
padding: 0 20px;
-webkit-transform: translate(50%, 10%);
transform: translate(50%, 10%);
}
.hero-block .hero-inner .hero-ti {
position: relative;
z-index: 1;
font-size: 2.8rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
}
.hero-block .hero-inner .hero-ti::before {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
z-index: -1;
width: 80px;
height: 4px;
margin-left: -40px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), to(#eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 100%);
} .bread-block {
padding: 15px 20px;
background-color: #f5f3f2;
}
.bread-block #breadcrumb a {
color: #222;
}
.bread-block #breadcrumb a.home {
position: relative;
z-index: 1;
padding-left: 26px;
}
.bread-block #breadcrumb a.home::before {
content: "";
position: absolute;
left: 0;
z-index: 10;
width: 20px;
height: 20px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_bread_home_svg01.svg) 0 center/20px auto no-repeat;
}
.bread-block #breadcrumb span {
font-size: 1.2rem;
} .main-content {
margin-top: 40px;
}
.main-content .page-ti {
font-size: 2.6rem;
padding: 0 20px;
text-align: center;
}
.main-content .page-txt {
max-width: 640px;
margin: 20px auto 0;
padding: 0 20px;
line-height: 1.6;
}
.main-content .content-inner {
margin-top: 40px;
background-color: #f5f3f2;
padding: 40px 10px;
}
.main-content .post-main .post-sidebar {
margin-top: 60px;
}
.main-content .post-main .post-sidebar .side-widget {
margin-top: 40px;
}
.main-content .post-main .post-sidebar .side-widget:first-child {
margin-top: 0;
}
.main-content .post-main .post-sidebar .widget-ti {
padding: 8px 10px;
color: #fff;
font-size: 1.6rem;
}
.main-content .post-main .post-sidebar .new-post {
margin-top: 30px;
padding: 0 10px;
}
.main-content .post-main .post-sidebar .new-post a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #2C2519;
text-decoration: none;
}
.main-content .post-main .post-sidebar .new-post .post-pic {
width: 46%;
max-height: 100px;
overflow: hidden;
}
.main-content .post-main .post-sidebar .new-post .post-detalis {
width: 50%;
}
.main-content .post-main .post-sidebar .new-post .post-detalis .time {
padding: 4px 0 4px 24px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg02.svg) 0 center/14px auto no-repeat;
font-size: 1.2rem;
}
.main-content .post-main .post-sidebar .new-post .post-detalis .post-ti {
margin-top: 5px;
font-size: 1.4rem;
}
.main-content .post-main .post-sidebar .category-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
padding: 30px 10px 0;
}
.main-content .post-main .post-sidebar .category-list li {
margin: 0 20px 20px 0;
}
.main-content .post-main .post-sidebar .category-list a {
display: inline-block;
border-radius: 4px;
background-color: rgba(40, 27, 11, 0.8);
padding: 8px 15px;
color: #fff;
}
.main-content .post-main .post-sidebar .archive-list {
padding: 30px 10px 0;
}
.main-content .post-main .post-sidebar .archive-list li:not(:first-child) {
margin-top: 20px;
}
.main-content .post-main .post-sidebar .archive-list li a {
color: #2C2519;
}
.main-content .navigation.pagination {
margin-top: 40px;
text-align: center;
}
.main-content .navigation.pagination .screen-reader-text {
display: none;
}
.main-content .navigation.pagination .page-numbers {
display: inline-block;
border-radius: 50%;
margin-left: 10px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: rgba(40, 27, 11, 0.8);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
}
.main-content .navigation.pagination .page-numbers:hover, .main-content .navigation.pagination .page-numbers.current {
background-color: #eaa136;
}
.main-content .navigation.pagination .page-numbers.prev, .main-content .navigation.pagination .page-numbers.next {
background-color: transparent;
color: #eaa136;
}
.main-content .navigation.pagination .page-numbers.prev:hover, .main-content .navigation.pagination .page-numbers.next:hover {
text-decoration: underline;
}
.main-content .navigation.around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.main-content .navigation.around .nav-middle, .main-content .navigation.around .nav-next {
margin-left: 15px;
}
.main-content .navigation.around .nav-middle::before, .main-content .navigation.around .nav-next::before {
content: "|";
}
.main-content .navigation.around .nav-middle a, .main-content .navigation.around .nav-next a {
margin-left: 15px;
}
.main-content.not404 {
margin-top: 0;
padding: 130px 0 80px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/bg_not404_img01.jpg) 0 0 no-repeat;
background-size: cover;
}
.main-content.not404 .page-ti {
color: #fff;
}
.main-content.not404 .page-txt {
margin-top: 40px;
color: #fff;
}
.main-content.not404 .more-block {
margin-top: 40px;
text-align: center;
}
} @media print, screen and (min-width: 768px) { .hero-block {
position: relative;
z-index: 1;
height: 300px;
}
.hero-block .hero-inner {
position: absolute;
right: 50%;
top: 50%;
z-index: 10;
width: 100%;
padding: 0 20px;
-webkit-transform: translate(50%, -10%);
transform: translate(50%, -10%);
}
.hero-block .hero-inner .hero-ti {
font-size: 4.2rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
}
.hero-block .hero-inner .hero-ti::before {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
z-index: -1;
width: 120px;
height: 6px;
margin-left: -60px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), to(#eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 100%);
} .bread-block {
padding: 15px 20px;
background-color: #f5f3f2;
}
.bread-block #breadcrumb {
max-width: 1200px;
margin: 0 auto;
}
.bread-block #breadcrumb a {
color: #222;
}
.bread-block #breadcrumb a.home {
position: relative;
z-index: 1;
padding-left: 26px;
}
.bread-block #breadcrumb a.home::before {
content: "";
position: absolute;
left: 0;
z-index: 10;
width: 20px;
height: 20px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_bread_home_svg01.svg) 0 center/20px auto no-repeat;
}
.bread-block #breadcrumb a:hover {
color: #ec7a71;
}
.bread-block #breadcrumb span {
font-size: 1.4rem;
} .main-content {
margin-top: 60px;
}
.main-content .page-ti {
font-size: 3.6rem;
padding: 0 20px;
text-align: center;
}
.main-content .page-txt {
max-width: 860px;
margin: 30px auto 0;
padding: 0 20px;
}
.main-content .content-inner {
margin-top: 60px;
background-color: #f5f3f2;
padding: 60px 20px;
}
.main-content .post-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content .post-main .post-block {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 20px;
padding-right: 60px;
}
.main-content .post-main .post-sidebar {
width: 300px;
margin-top: 20px;
}
.main-content .post-main .post-sidebar .side-widget {
margin-top: 40px;
}
.main-content .post-main .post-sidebar .side-widget:first-child {
margin-top: 0;
}
.main-content .post-main .post-sidebar .widget-ti {
padding: 8px 15px;
color: #fff;
font-size: 1.8rem;
}
.main-content .post-main .post-sidebar .new-post {
margin-top: 30px;
padding: 0 10px;
}
.main-content .post-main .post-sidebar .new-post a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid #dcd7d3;
color: #2C2519;
text-decoration: none;
}
.main-content .post-main .post-sidebar .new-post .post-pic {
width: 46%;
max-height: 100px;
overflow: hidden;
}
.main-content .post-main .post-sidebar .new-post .post-detalis {
width: 50%;
}
.main-content .post-main .post-sidebar .new-post .post-detalis .time {
padding: 4px 0 4px 26px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg02.svg) 0 center/16px auto no-repeat;
font-size: 1.4rem;
}
.main-content .post-main .post-sidebar .new-post .post-detalis .post-ti {
margin-top: 5px;
font-size: 1.6rem;
}
.main-content .post-main .post-sidebar .category-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
padding: 30px 10px 0;
}
.main-content .post-main .post-sidebar .category-list li {
margin: 0 20px 20px 0;
}
.main-content .post-main .post-sidebar .category-list a {
display: inline-block;
border-radius: 4px;
background-color: rgba(40, 27, 11, 0.8);
padding: 5px 15px;
color: #fff;
font-size: 1.4rem;
}
.main-content .post-main .post-sidebar .archive-list {
padding: 30px 10px 0;
}
.main-content .post-main .post-sidebar .archive-list li:not(:first-child) {
margin-top: 20px;
}
.main-content .post-main .post-sidebar .archive-list li a {
color: #2C2519;
}
.main-content .navigation.pagination {
margin-top: 60px;
text-align: center;
}
.main-content .navigation.pagination .screen-reader-text {
display: none;
}
.main-content .navigation.pagination .page-numbers {
display: inline-block;
border-radius: 50%;
margin-left: 10px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: rgba(40, 27, 11, 0.8);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
}
.main-content .navigation.pagination .page-numbers:hover, .main-content .navigation.pagination .page-numbers.current {
background-color: #eaa136;
}
.main-content .navigation.pagination .page-numbers.prev, .main-content .navigation.pagination .page-numbers.next {
background-color: transparent;
color: #eaa136;
}
.main-content .navigation.pagination .page-numbers.prev:hover, .main-content .navigation.pagination .page-numbers.next:hover {
text-decoration: underline;
}
.main-content .navigation.around {
margin-top: 60px;
}
.main-content .navigation.around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 60px;
}
.main-content .navigation.around .nav-middle, .main-content .navigation.around .nav-next {
margin-left: 15px;
}
.main-content .navigation.around .nav-middle::before, .main-content .navigation.around .nav-next::before {
content: "|";
}
.main-content .navigation.around .nav-middle a, .main-content .navigation.around .nav-next a {
margin-left: 15px;
}
.main-content.not404 {
margin-top: 0;
padding: 240px 0 180px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/bg_not404_img01.jpg) 0 0 no-repeat;
background-size: cover;
}
.main-content.not404 .page-ti {
color: #fff;
}
.main-content.not404 .page-txt {
margin-top: 45px;
color: #fff;
font-size: 1.8rem;
}
.main-content.not404 .more-block {
margin-top: 60px;
text-align: center;
}
}    @media print, screen and (max-width: 767px) {
.btn {
position: relative;
z-index: 2;
display: inline-block;
overflow: hidden;
width: 100%;
text-align: center;
}
.btn.more-btn {
max-width: 220px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), to(#eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 100%);
border-radius: 6px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 10px 0;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
position: relative;
z-index: 1;
}
.btn.more-btn::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.btn.more-btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.btn.ghost-btn {
max-width: 220px;
border: 1px solid #222;
background-color: transparent;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
padding: 10px 0;
color: #222;
font-weight: bold;
font-size: 1.6rem;
position: relative;
z-index: 1;
}
.btn.ghost-btn::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.btn.ghost-btn::before {
border-left: 1px solid #222;
border-bottom: 1px solid #222;
}
.btn.ghost-btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all .3s;
transition: all .3s;
}
.btn.ghost-btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-decoration: none;
}
.btn.ghost-btn:hover::before {
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.btn.ghost-btn:hover::after {
background: #222;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s;
transition: all .3s;
}
.btn.large-btn {
max-width: 260px;
padding: 12px 0;
font-size: 1.6rem;
}
} @media print, screen and (min-width: 768px) {
.btn {
position: relative;
z-index: 2;
display: inline-block;
overflow: hidden;
width: 100%;
text-align: center;
}
.btn.more-btn {
max-width: 220px;
background: -webkit-gradient(linear, left top, right top, from(#febe01), to(#eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 100%);
border-radius: 6px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 12px 0;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
position: relative;
z-index: 1;
}
.btn.more-btn::before {
content: "";
position: absolute;
top: 50%;
right: 30px;
width: 10px;
height: 10px;
margin-top: -5px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.btn.more-btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.btn.ghost-btn {
max-width: 220px;
border: 1px solid #222;
background-color: transparent;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
padding: 12px 0;
color: #222;
font-weight: bold;
font-size: 1.8rem;
position: relative;
z-index: 1;
}
.btn.ghost-btn::before {
content: "";
position: absolute;
top: 50%;
right: 30px;
width: 10px;
height: 10px;
margin-top: -5px;
border-left: 1px solid #222;
border-bottom: 1px solid #222;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.btn.ghost-btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all .3s;
transition: all .3s;
}
.btn.ghost-btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-decoration: none;
}
.btn.ghost-btn:hover::before {
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.btn.ghost-btn:hover::after {
background: #222;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s;
transition: all .3s;
}
.btn.large-btn {
max-width: 280px;
padding: 15px 0;
font-size: 2rem;
}
}   @media print, screen and (max-width: 767px) {
.is-bg-theme {
background: -webkit-gradient(linear, left top, right top, from(#febe01), color-stop(77%, #eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 77%);
}
.is-bg-gray {
background-color: #f5f3f2;
}
.is-bg-white {
background-color: #fff;
}
} @media print, screen and (min-width: 768px) {
.is-bg-theme {
background: -webkit-gradient(linear, left top, right top, from(#febe01), color-stop(77%, #eaa136));
background: linear-gradient(to right, #febe01 0%, #eaa136 77%);
}
.is-bg-gray {
background-color: #f5f3f2;
}
.is-bg-white {
background-color: #fff;
}
}  @media print, screen and (max-width: 767px) {
.is-flexible {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.is-flexible .is-flexible-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.is-flexible-svg {
position: relative;
height: 0;
padding-top: 100%;
}
.is-flexible-svg .is-svg-inline {
display: block;
position: absolute;
max-width: 100%;
height: 100%;
top: 0;
left: 0;
}
} @media print, screen and (min-width: 768px) {
.is-flexible {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.is-flexible .is-flexible-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.is-flexible-svg {
position: relative;
height: 0;
padding-top: 100%;
}
.is-flexible-svg .is-svg-inline {
display: block;
position: absolute;
max-width: 100%;
height: 100%;
top: 0;
left: 0;
}
} @media screen and (min-width: 640px) and (max-width: 959px) {
.two-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
} @media print, screen and (min-width: 768px) {
.is-flexible {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.is-flexible .is-flexible-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}@media print, screen and (max-width: 767px) {  .hero-block {
background: url(//machidukuritowada.com/wp-content/themes/towada/images/info/bg_hero_main_img01.jpg) 0 center no-repeat;
background-size: cover;
} .post-block.archive .post {
background-color: #fff;
}
.post-block.archive .post:not(:first-child) {
margin-top: 40px;
}
.post-block.archive .post a {
color: #2C2519;
text-decoration: none;
}
.post-block.archive .post-pic {
position: relative;
z-index: 1;
overflow: hidden;
max-height: 240px;
}
.post-block.archive .post-pic img {
width: 100%;
}
.post-block.archive .post-pic .post-meta {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
width: 100%;
padding: 8px 10px;
font-size: 1.3rem;
}
.post-block.archive .post-pic .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.post-block.archive .post-pic .meta .time {
padding: 2px 0 2px 26px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg01.svg) 0 center/16px auto no-repeat;
}
.post-block.archive .post-detalis {
padding: 20px 10px;
}
.post-block.archive .post-detalis .post-ti {
font-size: 1.6rem;
}
.post-block.archive .post-detalis .post-txt {
margin-top: 15px;
} .post-block.single .post {
padding-bottom: 30px;
border-bottom: 1px solid #dcd7d3;
}
.post-block.single .post .post-content strong {
font-weight: bold;
}
.post-block.single .post .post-content p {
margin-top: 30px;
line-height: 1.8;
}
.post-block.single .post .post-content h3 + p {
margin-top: 10px;
}
.post-block.single .post .post-content table {
width: 100%;
margin-top: 20px;
border: 1px solid #ccc;
}
.post-block.single .post .post-content table th, .post-block.single .post .post-content table td {
padding: 10px;
border: 1px solid #ccc;
}
.post-block.single .post .post-content ul {
margin-top: 20px;
}
.post-block.single .post .post-content ul li {
margin-top: 10px;
}
.post-block.single .post .post-content img {
margin-top: 20px;
}
.post-block.single .post .post-content a {
text-decoration: none;
}
.post-block.single .post .post-content a:hover {
text-decoration: underline;
}
.post-block.single .post-meta .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
font-size: 1.3rem;
}
.post-block.single .post-meta .meta .category {
display: inline-block;
border-radius: 4px;
padding: 3px 10px;
color: #fff;
}
.post-block.single .post-meta .meta .category.info-towada {
background-color: #281b0b;
}
.post-block.single .post-meta .meta .category.info-shop {
background-color: #febe01;
}
.post-block.single .post-meta .meta .time {
margin-left: 20px;
padding: 2px 0 2px 26px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg02.svg) 0 center/16px auto no-repeat;
}
.post-block.single .post-meta .post-ti {
margin-top: 20px;
font-size: 1.8rem;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) { .post-block.archive .post-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-block.archive .post {
width: 48%;
}
.post-block.archive .post:not(:first-child) {
margin-top: 0;
}
.post-block.archive .post:nth-child(n+3) {
margin-top: 40px;
}
} @media print, screen and (min-width: 768px) {  .hero-block {
background: url(//machidukuritowada.com/wp-content/themes/towada/images/info/bg_hero_main_img01.jpg) 0 center no-repeat;
background-size: cover;
} .post-block.archive .post:not(:first-child) {
margin-top: 40px;
}
.post-block.archive .post a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 40px;
border-bottom: 1px solid #dcd7d3;
color: #2C2519;
text-decoration: none;
}
.post-block.archive .post-pic {
position: relative;
z-index: 1;
width: 37%;
overflow: hidden;
max-height: 240px;
}
.post-block.archive .post-pic .post-meta {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
width: 100%;
padding: 8px 10px;
}
.post-block.archive .post-pic .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
font-size: 1.4rem;
}
.post-block.archive .post-pic .meta .time {
padding: 2px 0 2px 26px;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg01.svg) 0 center/16px auto no-repeat;
}
.post-block.archive .post-detalis {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 40px;
}
.post-block.archive .post-detalis .post-ti {
font-size: 2.2rem;
}
.post-block.archive .post-detalis .post-txt {
margin-top: 20px;
} .post-block.single .post {
padding-bottom: 60px;
border-bottom: 1px solid #dcd7d3;
}
.post-block.single .post .post-content strong {
font-weight: bold;
}
.post-block.single .post .post-content p {
margin-top: 40px;
line-height: 1.8;
}
.post-block.single .post .post-content h3 + p {
margin-top: 10px;
}
.post-block.single .post .post-content table {
width: 100%;
margin-top: 30px;
border: 1px solid #ccc;
}
.post-block.single .post .post-content table th, .post-block.single .post .post-content table td {
padding: 10px;
border: 1px solid #ccc;
}
.post-block.single .post .post-content img {
margin-top: 30px;
}
.post-block.single .post .post-content a {
text-decoration: none;
}
.post-block.single .post .post-content a:hover {
text-decoration: underline;
}
.post-block.single .post .post-content ul {
margin-top: 30px;
}
.post-block.single .post .post-content ul li {
margin-top: 5px;
}
.post-block.single .post-meta .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
}
.post-block.single .post-meta .meta .category {
display: inline-block;
border-radius: 4px;
padding: 3px 10px;
font-size: 1.4rem;
color: #fff;
}
.post-block.single .post-meta .meta .category.info-towada {
background-color: #281b0b;
}
.post-block.single .post-meta .meta .category.info-shop {
background-color: #febe01;
}
.post-block.single .post-meta .meta .time {
margin-left: 20px;
padding: 2px 0 2px 26px;
font-size: 1.4rem;
background: url(//machidukuritowada.com/wp-content/themes/towada/common/images/icon_common_time_svg02.svg) 0 center/16px auto no-repeat;
}
.post-block.single .post-meta .post-ti {
margin-top: 20px;
font-size: 2.8rem;
}
}