@charset "UTF-8";
/*!
Theme Name: yoshidabakery
Description: アンバター発祥のお店 吉田ベーカリー | 青森県 むつ市 パン屋
Theme URI: https://www.yoshidabakery.mom
Version: 1.0
License: yoshidabakery
License https://www.yoshidabakery.mom
*/
/****************************************

リセットCSSここから

*****************************************/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; /*1em=10px */ overflow-y: scroll; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

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; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: top; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/****************************************

メディアクエリ/レスポンシブ用mixin

*****************************************/
/****************************************

body設定(主に書式)

*****************************************/
body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #3a312b; background: #FFF; line-height: 1.7; font-weight: 500; }

/****************************************

ページ共通

*****************************************/
#wrapper { width: 100%; min-width: 1200px; min-height: 100%; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 767px) { #wrapper { width: 100%; min-width: 0; min-height: 100%; margin: 0 auto; overflow: hidden; } }

/****************************************

フォント指定

*****************************************/
li, tt, tr, dt, dd, p { font-size: 1.6em; }

h1 { color: #333; font-weight: bold; font-size: 3.4em; }

h2 { font-size: 2.6em; font-weight: bold; color: #000; }

h3 { font-size: 2.2em; color: #000; }

h4 { font-size: 2em; font-weight: bold; color: #59A7BE; }

h5 { font-size: 1.4em; color: #FFF; font-weight: bold; }

@media screen and (max-width: 767px) { h1 { font-size: 3em; } }

/****************************************

リンク指定&オンマウス時のアクション

*****************************************/
a:link, a:visited { font-weight: normal; color: #000; text-decoration: underline; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

a:hover, a:active { font-weight: normal; color: #000; text-decoration: none; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

a:hover img.img_opacity { opacity: 0.75; filter: alpha(opacity=75); -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

a img.img_opacity { -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

a:hover img.img_up { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }

a img.img_up { -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }

/****************************************

pcヘッダー

*****************************************/
@media print, screen and (min-width: 768px) { #sp_navi, #toggle { display: none; }
  .pc_header_box_top { position: relative; }
  .pc_header_box_top .logo_wrap { position: absolute; width: 1000px; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999; }
  .pc_header_box_page { 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; padding: 20px 15px 20px; }
  .pc_header_box_page .logo_wrap { width: 195px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .pc_header_box_page .logo_wrap img { width: auto; height: 80px; } }

/****************************************

spヘッダー

*****************************************/
@media screen and (max-width: 767px) { img { width: 100%; height: auto; }
  header { width: 100%; position: relative; }
  .header_right { display: none; }
  .pc_header_box_top { position: relative; }
  .pc_header_box_top .logo_wrap { position: absolute; padding: 0 15%; width: 100%; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 999; }
  .pc_header_box_top .logo_wrap .sub_logo, .pc_header_box_top .logo_wrap .logo { width: 90px; }
  .pc_header_box_page { 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; padding: 10px; }
  .pc_header_box_page .logo_wrap { width: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .pc_header_box_page .logo_wrap .sub_logo, .pc_header_box_page .logo_wrap .logo { width: 70px; }
  .pc_header_box_page .logo_wrap img { width: auto; height: 70px; }
  #toggle { position: absolute; /*bodyに対しての絶対位置指定です*/ right: 10px; top: 23px; width: 30px; height: 25px; cursor: pointer; z-index: 9999; }
  #toggle div { position: relative; }
  #toggle span { display: block; position: absolute; /*#navToggle div に対して*/ width: 100%; height: 4px; background: #BBB; border-radius: 4px; -webkit-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; }
  #toggle span:nth-child(1) { top: 0; }
  #toggle span:nth-child(2) { top: 11px; }
  #toggle span:nth-child(3) { top: 22px; }
  #toggle.top_toggle span { background: #FFF; }
  /*spanの絶対位置指定の親にします*/
  .open_navi #toggle { position: fixed; }
  .open_navi #toggle span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-315deg); -ms-transform: translateY(11px) rotate(-315deg); transform: translateY(11px) rotate(-315deg); }
  .open_navi #toggle span:nth-of-type(2) { opacity: 0; }
  .open_navi #toggle span:nth-of-type(3) { -webkit-transform: translateY(-11px) rotate(315deg); -ms-transform: translateY(-11px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }
  #sp_navi { position: fixed; top: 0; left: 0; bottom: 0; width: 100vw; overflow-y: scroll; text-align: left; background-color: rgba(0, 0, 0, 0.9); z-index: 999; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out; }
  .open_navi #sp_navi { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out; }
  .open_navi #wrapper { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out; }
  #sp_navi .menu { padding-top: 80px; text-align: center; }
  #sp_navi .menu .menu-item { width: 100%; text-align: center; border: #666 1px solid; cursor: pointer; color: #FFF; margin: 0 auto; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #sp_navi .menu-item a, #sp_navi .menu-item span { display: block; padding: 15px 0 14px; }
  #sp_navi .menu-item a:link, #sp_navi .menu-item a:visited, #sp_navi .menu-item a:hover, #sp_navi .menu-item a:active { color: #FFF; text-decoration: none; }
  #sp_navi .sub-menu { width: 100%; text-align: center; display: none; }
  #sp_navi .sub-menu li { width: 100%; text-align: center; border-top: #666 1px solid; }
  #sp_navi .sub-menu li a { display: block; padding: 11px 0 10px; color: #ccc; background: rgba(169, 214, 233, 0.2); }
  #sp_navi .sub-menu li a:link, #sp_navi .sub-menu li a:visited, #sp_navi .sub-menu li a:hover, #sp_navi .sub-menu li a:active { color: #FFF; text-decoration: none; }
  #sp_navi .sub-menu li a:hover { color: #ccc; background: none; }
  #sp_navi .menu-item-has-children { position: relative; }
  #sp_navi .menu-item-has-children::before { content: ''; width: 14px; height: 14px; border: 0px; border-top: solid 3px #ddd; border-right: solid 3px #ddd; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; position: absolute; top: 14px; right: 20px; }
  #sp_navi .menu-item-has-children.menu_open::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; top: 22px; } }

/****************************************

pc用 横ナビ

*****************************************/
@media screen and (max-width: 767px) { #g_navi { display: none; } }

#g_navi { width: 1000px; margin: 0 auto; z-index: 9999; padding: 20px 0; }

#g_navi .menu { *zoom: 1; width: 100%; list-style-type: none; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#g_navi .menu li { position: relative; width: auto; height: 40px; text-align: center; line-height: 0; }

#g_navi .menu li a { display: block; height: 40px; margin: 0; color: #7f6b5b; font-size: 1.3rem; line-height: 1.4; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px; }

#g_navi .menu li ul { width: 100%; list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

#g_navi .menu li ul li { width: 100%; height: auto; }

#g_navi .menu li ul li a { width: 100%; height: auto; padding: 15px 5px; border-top: 1px solid #ccc; font-size: 1.3rem; background: #74665B; color: #FFF; text-align: center; opacity: 0.95; filter: alpha(opacity=95); }

#g_navi .menu li ul li a:hover { background: #FFF; color: #000; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

#g_navi .menu li:hover ul { visibility: visible; opacity: 0.95; }

#g_navi .menu li ul li a { visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

#g_navi .menu li:hover ul li a { visibility: visible; opacity: 1; }

#g_navi.page { width: 950px; margin: 0; }

@media print, screen and (min-width: 768px) { .menu > li > a { position: relative; display: inline-block; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; font-weight: bold; }
  .menu > li > a::after { position: absolute; content: ''; width: 0; height: 2px; background: #7FD5CA; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 0; filter: alpha(opacity=0); }
  .menu > li > a::after { left: 0; right: 0; bottom: 0; margin: auto; }
  .menu > li > a:hover::after { width: 100%; opacity: 0.9; filter: alpha(opacity=90); } }

/****************************************

ティーザー

*****************************************/
#slider { width: 100%; }

#slider .metaslider { width: 1920px; position: relative; left: calc(50% - 960px); }

#teaser { width: 100%; text-align: center; background: #A9D7E9; }

@media screen and (max-width: 767px) { #slider { width: 100%; }
  #slider .metaslider { width: 140%; position: relative; left: -20%; }
  #teaser { width: 100%; } }

/****************************************

content 共通設定

*****************************************/
main#top_main { width: 100%; margin: 0 auto; }

main#page_main { width: 1000px; margin: 0 auto; }

.breadcrumb_area { width: 1000px; height: auto; margin: 30px auto 65px; }

.breadcrumb { width: 100%; }

.breadcrumb p { font-size: 1.3rem; }

.breadcrumb a { color: #74665B; position: relative; display: inline-block; text-decoration: none; }

.breadcrumb a::after { position: absolute; bottom: 0px; left: 0; content: ''; width: 100%; height: 1px; background: #74665B; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.breadcrumb a:hover::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mb100 { margin-bottom: 100px; }

.mb80 { margin-bottom: 80px; }

.mb70 { margin-bottom: 70px; }

.mb65 { margin-bottom: 65px; }

.mb60 { margin-bottom: 60px; }

.mb55 { margin-bottom: 55px; }

.mb50 { margin-bottom: 50px; }

.mb45 { margin-bottom: 45px; }

.mb40 { margin-bottom: 40px; }

.mb35 { margin-bottom: 35px; }

.mb30 { margin-bottom: 30px; }

.mb25 { margin-bottom: 25px; }

.mb20 { margin-bottom: 20px; }

.mt30 { margin-top: 30px; }

.mt20 { margin-top: 20px; }

.tc { text-align: center; }

.btn { width: 200px; text-align: center; font-size: 1.6rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 20px; }

.btn a { display: inline-block; text-decoration: none; position: relative; padding: 7px 20px; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; color: #444; }

.btn a:after { position: absolute; content: ''; width: 8px; height: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #444; border-right: 1px solid #444; right: 12px; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }

.btn:hover { background: #444; }

.btn:hover a { color: #FFF; }

.btn:hover a:after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }

.btn02 { width: 220px; border: 1px solid #000; background: #FFF; text-align: center; font-size: 1.5rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn02 a { display: inline-block; text-decoration: none; position: relative; padding: 11px 10px; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #000; }

.btn02:hover { border: 1px solid #a9d7ea; background: #a9d7ea; }

.btn02:hover a { color: #FFF; }

.center_btn { margin: 0 auto; }

@media screen and (max-width: 767px) { .breadcrumb_area { width: auto; height: auto; padding: 0 10px; margin: 15px auto 40px; }
  .breadcrumb { width: 100%; margin: 0 auto; }
  .breadcrumb p { font-size: 1rem; }
  main#top_main { width: 100%; padding: 0 10px; }
  main#page_main { width: 100%; padding: 0 10px; }
  .btn, .btn02 { width: 100%; } }

/****************************************

contentトップ用

*****************************************/
.top_box01 { width: 100%; margin-bottom: 70px; text-align: center; padding: 65px 10px; background: url(images/top_box01_bg.jpg) center top no-repeat; background-size: cover; }

.top_box01 .top_headline { height: 79px; background: url(images/top_headline.png) center center no-repeat; background-size: contain; margin-bottom: 40px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.top_box02 { position: relative; margin-bottom: 70px; padding-bottom: 70px; }

.top_box02:after { position: absolute; content: ''; width: 100%; height: 79%; background: #a9d7ea; left: 0; bottom: 0; z-index: -1; }

.top_box02_inner { width: 100%; max-width: 1310px; margin: 0 auto 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.top_box02_inner figure { width: 506px; }

.top_box02_inner .top_box02_txt { width: calc(100% - 556px); }

.top_box02_inner .top_box02_txt .btn { margin-top: 40px; }

.top_box02_tit { height: 29px; background: url(images/top_box02_tit.svg) left center no-repeat; background-size: contain; margin-bottom: 30px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.top_box03_tit { height: 24px; background: url(images/top_box03_tit.svg) left center no-repeat; background-size: contain; margin-bottom: 35px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.top_box02_list { width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }

.top_box03_list { width: 765px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }

.top_box04 { padding: 45px 10px; background: url(images/top_box04_bg.jpg) center top no-repeat; text-align: center; margin-bottom: 70px; }

.top_box04 p { font-size: 1.8rem; font-weight: bold; }

.top_box04 .btn02 { margin: 30px auto 0; }

.top_box05 { width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.top_box05 .facebook { width: 500px; }

.top_box05 ul { width: 400px; }

.top_box05 ul li:not(:last-child) { margin-bottom: 75px; }

@media screen and (max-width: 767px) { .top_box01 { width: calc(100% + 20px); margin-left: -10px; padding: 45px 10px; }
  .top_box02 { width: calc(100% + 20px); background: #a9d7ea; padding: 30px 10px; margin-left: -10px; }
  .top_box02:after { display: none; }
  .top_box02_inner { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .top_box02_inner figure { width: 100%; margin-bottom: 25px; }
  .top_box02_inner .top_box02_txt { width: 100%; }
  .top_box02_list { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .top_box02_list li:not(:last-child) { margin-bottom: 25px; }
  .top_box03_list { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .top_box03_list li:not(:last-child) { margin-bottom: 25px; }
  .top_box04 { padding: 40px 10px; background: url(images/top_box04_bg.jpg) right top no-repeat; background-size: cover; }
  .top_box05 { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .top_box05 .facebook { width: 100%; margin-bottom: 45px; }
  .top_box05 ul { width: 100%; }
  .top_box05 ul li:not(:last-child) { margin-bottom: 25px; } }

/****************************************

news トップ用

*****************************************/
.news_box { width: 100%; padding: 65px 10px; background: #fcf9f7; margin-bottom: 70px; }

.news_box h2 { width: 100%; max-width: 1310px; height: 73px; background: url(images/top_news_tit.png) left center no-repeat; background-size: contain; margin: 0 auto 20px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.news_post { width: 1000px; height: 270px; overflow-y: scroll; margin: 0 auto; }

.news_list { width: 98%; font-size: 1.4rem; margin-bottom: 40px; }

.news_list .date { color: #3a312b; margin-right: 35px; padding-right: 35px; border-right: 1px solid #c1c1c1; }

.news_list a { color: #3a312b; position: relative; display: inline-block; text-decoration: none; }

.news_list a::after { position: absolute; bottom: 0px; left: 0; content: ''; width: 100%; height: 1px; background: #3a312b; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.news_list a:hover::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

@media screen and (max-width: 767px) { .news_box { width: calc(100% + 20px); padding: 45px 10px; }
  .news_box h2 { max-width: 100%; margin: 0 auto 30px; }
  .news_post { width: 100%; }
  .news_list { margin-bottom: 25px; }
  .news_list .date { color: #3a312b; margin-right: 0; padding-right: 0; border-right: none; display: block; } }

/****************************************

content下層用

*****************************************/
/* 店舗概要 */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex_r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.txt510 { width: 510px; }

.summary_box01 { text-align: center; margin-bottom: 100px; }

.summary_box01 h2 { height: 69px; background: url(images/02txt.svg) center center no-repeat; background-size: contain; margin-bottom: 45px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.summary_box01 figure { margin-bottom: 50px; }

.googlemap { margin-bottom: 40px; }

.summary_table_wrap { width: 360px; margin: 0 auto; }

@media screen and (max-width: 767px) { .flex, .flex_r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .txt510 { width: 100%; margin-bottom: 25px; }
  .summary_box01 figure { text-align: center; }
  .summary_box01 figure img { width: auto; }
  .summary_box01 br { display: none; }
  .summary_table_wrap { width: 100%; } }

/* MENU */
.menu_btn { margin: 0 auto 75px; }

.menu_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.menu_wrap figure { width: 320px; }

.menu_wrap figure img { width: 100%; height: auto; margin-bottom: 10px; }

.menu_wrap figure figcaption { font-size: 1.8rem; padding: 0 0 0 20px; margin-bottom: 20px; position: relative; }

.menu_wrap figure figcaption:before { content: ''; position: absolute; width: 10px; height: 10px; background: #9ADAEE; border-radius: 50%; left: 0; top: 10px; }

@media screen and (max-width: 767px) { .menu_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menu_wrap figure { width: 100%; }
  .menu_wrap figure:not(:last-child) { margin-bottom: 40px; } }

/* 貸しスペース */
.main_img { margin-bottom: 50px; }

/* 店舗概要 */
.summary02_box01 { text-align: center; margin-bottom: 100px; }

.summary02_box01 h2 { height: 69px; background: url(images/05txt.svg) center center no-repeat; background-size: contain; margin-bottom: 45px; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.summary02_box01 figure { margin-bottom: 50px; }

.summary02_table_wrap { width: 470px; margin: 0 auto; }

@media screen and (max-width: 767px) { .summary02_box01 figure { text-align: center; }
  .summary02_box01 figure img { width: auto; max-width: 100%; }
  .summary02_table_wrap { width: 100%; } }

/* MENU */
.menu02_table_wrap { width: 920px; margin: 0 auto; }

.crown { padding-top: 42px; margin-bottom: 5px; text-align: center; font-size: 1.8rem; background: url(images/crown.png) center top no-repeat; }

@media screen and (max-width: 767px) { .menu02_table_wrap { width: calc(100% + 20px); margin: 0 0 0 -10px; }
  .crown { padding-top: 42px; margin-bottom: 5px; text-align: center; font-size: 1.8rem; background: url(images/crown.png) center top no-repeat; } }

/* CALENDAR */
.schedule_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; }

.schedule_wrap section { width: 480px; }

@media screen and (max-width: 767px) { .schedule_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 80px; }
  .schedule_wrap section { width: 100%; }
  .schedule_wrap section:not(:last-child) { margin-bottom: 60px; } }

/* BLOG */
.blog_parts { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.blog_parts figure { width: 400px; }

.blog_parts figure img { width: 100%; height: auto; }

.blog_parts .blog_parts_txt { width: 560px; }

.blog_parts .blog_parts_txt h2 { font-size: 2.2rem; margin-bottom: 20px; }

.blog_parts .blog_parts_txt .btn { margin: 40px 0 0 auto; }

@media screen and (max-width: 767px) { .blog_parts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .blog_parts figure { width: 100%; margin-bottom: 25px; }
  .blog_parts .blog_parts_txt { width: 100%; }
  .blog_parts .blog_parts_txt .btn { margin: 40px 0 0; } }

.overview_table_wrap { width: 900px; margin: 0 auto; }

.overview_tel { line-height: 1.3; font-size: 2.4rem; font-weight: bold; }

.tel { padding-left: 20px; }

@media print, screen and (min-width: 768px) { br.pc_none { display: none; } }

.sitepolicy { padding: 30px; background: #F1F1F1; text-align: center; margin-bottom: 40px; }

.sitepolicy dt { font-size: 2rem; font-weight: bold; margin-bottom: 5px; }

.sitepolicy dd p { font-size: 1.3rem; }

.form { width: 700px; margin: 0 auto; }

@media screen and (max-width: 767px) { .overview_table_wrap { width: 100%; }
  .overview_tel { font-size: 2rem; }
  .tel { display: inline-block; padding: 0 0 20px; }
  .sitepolicy { padding: 20px 15px; }
  .form { width: 100%; } }

/****************************************

single.php

*****************************************/
#single_box { width: 100%; margin: 0 auto 80px; }

#single_box h1.headline { font-size: 3rem; }

.single_text { width: 100%; }

.single_text img { max-width: 100%; height: auto; margin: 10px 0; }

.pager { clear: both; text-align: center; padding: 0; margin: 30px 0 80px; }

a.page-numbers { background: rgba(0, 0, 0, 0.02); border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 5px 8px; margin: 0 2px; font-size: 1.4rem; }

.pager .current { background: rgba(0, 0, 0, 0.02); border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 5px 8px; margin: 0 2px; font-size: 1.4rem; background: black; border: solid 1px black; color: white; }

.nav-below { margin: 30px 0 20px; text-align: center; }

@media screen and (max-width: 767px) { #single_box { width: 100%; } }

/****************************************

sidebar

*****************************************/
/****************************************

テーブル

*****************************************/
td p { font-size: 100%; }

.summary_table { width: 100%; }

.summary_table th { width: 170px; padding: 25px 0 0; text-align: left; font-weight: normal; }

.summary_table td { width: auto; padding: 25px 0 0; }

.summary_table tr:first-child th, .summary_table tr:first-child td { padding-top: 0; }

.menu_table { width: 100%; border: 1px solid #574B35; }

.menu_table th { width: 25%; padding: 14px 20px; text-align: left; background: #A9D6E9; border: 1px solid #574B35; }

.menu_table td { width: 25%; padding: 14px 20px; vertical-align: middle; border: 1px solid #574B35; }

.schedule_table { width: 100%; }

.schedule_table th { width: 28%; padding: 10px 0 10px 20px; text-align: left; font-weight: normal; font-size: 1.8rem; border-bottom: 1px dotted #333; position: relative; }

.schedule_table th:before { content: ''; position: absolute; width: 10px; height: 10px; background: #9ADAEE; border-radius: 50%; left: 0; top: 20px; }

.schedule_table td { width: 72%; padding: 10px 0; font-size: 1.8rem; border-bottom: 1px dotted #333; }

.overview_table { width: 100%; border: 1px solid #574B35; }

.overview_table th { width: 34%; padding: 17px 20px; text-align: left; font-weight: normal; background: #A9D6E9; border: 1px solid #574B35; }

.overview_table td { width: 66%; padding: 17px 20px; vertical-align: middle; border: 1px solid #574B35; }

@media screen and (max-width: 767px) { .summary_table th { width: 35%; }
  .summary_table td { width: 65%; }
  .menu_table th { padding: 14px 10px; font-size: 1.4rem; }
  .menu_table td { padding: 14px 10px; font-size: 1.4rem; }
  .schedule_table th { width: 40%; }
  .schedule_table td { width: 60%; }
  .overview_table th { padding: 17px 10px; }
  .overview_table td { padding: 17px 10px; } }

/****************************************

P

*****************************************/
/* 改行 */
p.line_break, span.line_break { padding-top: 20px; }

/* 改行 */
p.line_break02 { padding-top: 30px; }

/* オレンジ文字*/
.orange { color: #FA972A; font-weight: bold; }

.yellow { color: #F7B400; font-weight: bold; }

.green { color: #3BBF3F; font-weight: bold; }

.big_green { color: #3BBF3F; font-size: 1.6rem; font-weight: bold; }

/* 赤文字*/
.red { color: #FF0000; }

.big_red { color: #990E2E; font-size: 1.8rem; font-weight: bold; }

.big_pink { color: #F88577; font-size: 1.6rem; font-weight: bold; }

.blue02 { color: #0084CC; }

/* 強調*/
.big_bold { font-size: 2.4rem; font-weight: bold; }

.bold { font-weight: bold; }

.big { font-size: 2rem; }

/* 小文字*/
.small { font-size: 1.8rem; font-weight: normal; }

/****************************************

タイトル

*****************************************/
h1.headline { margin-bottom: 45px; text-align: center; }

h2.subhead01 { text-align: center; padding: 0 0 15px; margin-bottom: 40px; border-bottom: 2px solid #8AC6DF; }

h3.subhead01 { padding: 0 0 0 20px; margin-bottom: 20px; position: relative; }

h3.subhead01:before { content: ''; position: absolute; width: 10px; height: 10px; background: #9ADAEE; border-radius: 50%; left: 0; top: 14px; }

h4.subhead01 { padding: 0 0 6px 35px; margin-bottom: 35px; border-bottom: 2px solid #CBEAFE; background: url(images/subhead01_h4.jpg) left top 5px no-repeat; }

/****************************************

sp_footer

*****************************************/
@media screen and (max-width: 767px) { #pc_footer { display: none; }
  #sp_footer { margin-top: 90px; padding: 20px 0; background: #A9D7E9; text-align: center; }
  .sp_pagetop { position: fixed; bottom: 0; right: 0; display: none; }
  .sp_copyright { color: #000; } }

/****************************************

pc_footer

*****************************************/
@media print, screen and (min-width: 768px) { #sp_footer { display: none; }
  footer { margin-top: 95px; background: #A9D7E9; padding: 100px 0 10px; }
  .pagetop { position: fixed; bottom: 20px; right: 20px; display: none; }
  .pc_footer_box { width: 870px; margin: 0 auto 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .pc_footer_parts { width: 415px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .pc_footer_parts figure { margin-right: 20px; }
  .pc_footer_parts dl dt { font-size: 1.6rem; font-weight: bold; color: #979797; margin-bottom: 5px; }
  .pc_footer_parts dl dd { font-size: 1.2rem; }
  .footer_link { font-size: 1.4rem; text-align: center; margin-bottom: 30px; }
  .footer_link a { color: #39312B; position: relative; display: inline-block; text-decoration: none; }
  .footer_link a::after { position: absolute; bottom: 0px; left: 0; content: ''; width: 100%; height: 1px; background: #39312B; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  .footer_link a:hover::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  .copyright { font-size: 1.2rem; color: #39312B; text-align: center; } }

/****************************************

Contact Form7

*****************************************/
.wpcf7 { width: 100%; }

.wpcf7-form textarea { width: 650px; /*本文*/ max-width: 100%; }

.wpcf7-form .wpcf7-submit { width: 50px !important; /*送信ボタン*/ }

.wpcf7 p { line-height: 2.0; /*項目間の隙間*/ padding-top: 3px; }

.wpcf7-form input { width: auto !important; /*ラジオボタン、チェックボタン*/ }

.contact_p_strong { border-top: 1px dotted #999; font-weight: bold; margin-top: 15px; padding-top: 15px !important; }

.normal { font-weight: normal; }

.wpcf7-submit { margin-top: 10px; }

.wpcf7-response-output { font-size: 1.3em; }

@media screen and (max-width: 767px) { .wpcf7-form textarea { width: 100% !important; /*本文*/ }
  .wpcf7-form input { max-width: 100% !important; /*ラジオボタン、チェックボタン*/ }
  .ajax-loader { width: auto; } }

/****************************************

clearfix

*****************************************/
.clearfix { display: inline-block; }

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

/* Hides from IE Mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End Hack */
/****************************************

追加

*****************************************/
.dn { display: none; }