body{ overflow-x: hidden; }
*, *:before, *:after { box-sizing: border-box; }
* {
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
.index_free_content {
width: 100% !important;
margin: 0 auto;
}
.white_wp {
width: 1150px;
margin: 0 auto;
}
@media screen and (min-width:768px) and (max-width:1024px) {
.white_wp { width: 100%; }
}
@media screen and (max-width: 767px) {
.white_wp { width: 90%; }
.index_free_content { padding: 0 !important; }
}
#menu-grobal_menu #menu-item-24 a, h2, h3, h4, p { color: #000; }
a { text-decoration: none !important; }
.center {
text-align: center;
margin: 0 auto;
}
.right { text-align: right; }
img { width: 100%; }
.pc { display: block !important; }
.sp { display: none !important; }
@media screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.width85 { width: 85%; }
@media screen and (max-width: 767px) {
.width85 { width: 100%; }
}
#footer_image .wide_image {
width: 100%;
height: 500px;
position: relative;
}
.pc #logo_text, .pc #logo_image {
display: none;
}
.pc #global_menu {
float: left;
}
.pc #global_menu > ul > li > a {
font-size: 18px;
padding: 0 40px;
}
.pc #global_menu > ul > li > a:hover {
color: #6B0404 !important;
}
#header_slider .caption {
top: 95%;
left: -60%;
}
@media screen and (max-width: 767px) {
#header_slider .caption {
top: 95%;
left: 0;
}
#top #header_slider .caption .title {
font-size: 18px !important;
}
}
#footer_top_inner {
padding: 35px 0 0;
}
#footer_menu {
margin: 0;
}
#footer_menu ul {
display: flex;
width: 100%;
margin: 0 auto;
text-align: center;
}
#footer_menu li {
width: 20%;
font-size: 15px;
padding: 0 40px;
}
.wide_image .caption {
left: 30%;
}
.wide_image .caption .desc p {
text-align: left;
color: #fff;
margin-left: 340px;
}
#footer_bottom a {
color: #000 !important;
}
@media screen and (max-width: 767px) {
#footer_menu li {
width: 100%;
}
#footer_menu ul, #footer_menu ul:last-child {
width: 100% !important;
}
.wide_image .caption {
left: 0;
}
.wide_image .caption .desc p {
margin-left: 0;
}
}  .head_tel {
float: right;
width: 25%;
}
.head_tel p {
margin: 20px 0 10px 50px;
font-size: 18px;
text-align: left;
}
.head_tel_btn {
margin-left: 25px;
}
.head_tel_btn a {
font-size: 25px;
letter-spacing: 0.6px;
}
@media screen and (max-width: 1199px) {
.head_tel {
float: none;
text-align: center;
position: absolute;
top: 65px;
left: calc(50% - 175px);
width: 350px;
margin-bottom: 10px;
}
.head_tel p {
margin-top: 15px;
text-align: center;
}
} .whiteback1 {
padding-top: 50px;
padding-bottom: 100px;
}
.wasi1 {
width: 100%;
height: auto;
background: url(//soba-daikyu.com/wp-content/themes/daikyu/img/back01.jpg);
background-size: cover;
background-position: center;
padding: 100px 0 50px;
}
.wasi2 {
width: 100%;
background-image: url(//soba-daikyu.com/wp-content/themes/daikyu/img/back02.jpg);
background-size: cover;
background-position: center;
height: auto;
padding: 50px 0;
}
#corona {
background: aliceblue;
padding: 100px 0 50px;
}
.blackback {
background-color: rgba(0,0,0,0.22);
height: auto;
padding: 10px 0;
}
.paddingSet1 { padding: 0; } .post_content p.p_style1 {
font-size: 20px;
line-height: 40px;
}
.post_content p.p_style2 {
font-size: 18px;
line-height: 35px;
display: inline-block;
text-align: left;
}
.post_content p.p_style3 {
font-size: 17px;
line-height: 34px;
}
.post_content p.p_style4 {
font-size: 18px;
margin: 0.5em 1em;
}
.top_price {
font-size: 25px;
margin-bottom: 30px;
}
.top_price span{
font-size: 18px;
} .column1 {
display: flex;
display: -ms-flexbox; flex-wrap: wrap;
-ms-flex-wrap: wrap; justify-content: space-between;
}
.flex-align-c { align-items: center; }
.two_col1 {
width: 48%;
margin-bottom: 70px;
}
.two_col2 {
width: 45%;
margin-bottom: 70px;
}
.two_col3 {
width: 47%;
margin-bottom: 60px;
}
.two_col4 {
width: 34%;
margin-bottom: 60px;
}
.two_col5 {
width: 62%;
margin-bottom: 60px;
}
.four_col1 {
width: 24%;
margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
.box_txt { order: 2; }
.box_img { order: 1; }
.box_txt2 { order: 3; }
.box_img2 { order: 4; }
} .post_content h2.whitebox {
width: fit-content;
height: auto;
background: #fff;
border: 1px solid #000;
box-shadow: 5px 5px 0px #000;
font-size: 40px;
padding: 15px 35px 20px;
margin: 0 auto 40px;
}
.post_content h3.umebana {
font-size: 40px;
text-align: center;
margin: 45px auto 50px;
}
.post_content h3.umebana:before,
.post_content h3.umebana:after {
content:' ';
display:inline-block;
width:40px;
height:40px;
background-image: radial-gradient(circle, transparent 50%, #6b0404 50%, #6b0404 calc(50% + 2px), transparent calc(50% + 2px)),
radial-gradient(circle, transparent 50%, #6b0404 50%, #6b0404 calc(50% + 2px), transparent calc(50% + 2px)),
radial-gradient(circle, transparent 50%, #6b0404 50%, #6b0404 calc(50% + 2px), transparent calc(50% + 2px)),
radial-gradient(circle, transparent 50%, #6b0404 50%, #6b0404 calc(50% + 2px), transparent calc(50% + 2px)),
radial-gradient(circle, transparent 50%, #6b0404 50%, #6b0404 calc(50% + 2px), transparent calc(50% + 2px));
background-position: 50% 0, 5% 40%, 95% 40%, 23% 95%, 78% 95%;
background-size: 20px 20px;
background-repeat:no-repeat;
margin: 10px 15px -3px 15px;
}
.post_content h4.h4style1 {
font-size: 30px;
margin-bottom: 25px;
}
.post_content h4.h4style2 {
font-size: 35px;
margin-bottom: 15px;
}
.post_content h4.h4style3 {
font-size: 35px;
border-bottom: solid 3px;
padding: 40px 0 5px;
margin-bottom: 35px;
position:  relative;
}
.post_content h4.h4style3:before {
content:  '';
width: 80px;
height: 3px;
background-color: #990606;
display:  block;
position:  absolute;
left:  0;
bottom: -3px;
}
.post_content h4.h4style4 {
padding: 1rem 2rem;
border-left: 30px solid #990606;
background: #000;
color: #fff;
font-size: 30px;
margin-bottom: 1em;
}
h5.h5style1 {
font-size: 25px;
margin: 0 0 20px;
} .whitebox2 {
width: fit-content;
height: auto;
background: #fff;
border-radius: 20px;
font-size: 40px;
letter-spacing: 0.03em;
vertical-align: middle;
padding: 20px 60px;
margin: -15px auto 20px;
}
.tel_icon::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f879";
margin-right: 10px;
}
.blackbox {
position: relative;
display: block;
width: fit-content;
height: auto;
background: #000;
font-size: 22px;
color: #fff !important;
vertical-align: middle;
padding: 20px 70px;
text-align: center;
margin: 0 auto;
}
.Btn-Icon{
position: absolute;
top: 50%;
right: 20px; width: 13px; transform: translateY(-50%); } .post_content table {
margin: 0 auto 50px;
}
.post_content .tbl-1 {
font-size: 16px;
word-break: break-all;
white-space: normal;
}
.post_content .tbl-1 th {
background: #e6e6e6;
border: solid 1px #ccc;
padding: 10px;
vertical-align: middle;
}
.post_content .tbl-1 td {
border: solid 1px #ccc;
padding: 10px 10px 10px 25px;
}
.post_content .tbl-2 {
font-size: 16px;
text-align: left;
word-break: break-all;
white-space: normal;
}
.post_content .tbl-2 th {
width: 12%;
background: #fff;
border: none;
}
.post_content .tbl-2 td {
border: none;
}
.post_content table.tbl-3 {
font-size: 15px;
text-align: center;
margin: 0 auto -5px;
}
.post_content .tbl-3 th, .post_content .tbl-3 td {
vertical-align: middle;
}
.width_100px { width: 100px; } dl.menu {
width:100%;
overflow: hidden;
}
dl.menu dt {
background: #fff;
font-size: 20px;
clear: both;
float: left;
position: relative;
padding-right: .25em;
}
dl.menu dt:before {
background-image: radial-gradient(2px 2px, CurrentColor, rgba(0,0,0,0));
background-position: .5em center;
background-size: 1em 100%;
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 100vw;
height: 100%;
z-index: -1;
}
dl.menu dd {
background: #fff;
font-size: 18px;
float: right;
text-align: right;
padding-left: .25em;
}
dl.menu dt span {
font-size: 17px;
font-weight: bold;
}
dl.menu dd span {
font-weight: bold;
font-size: 28px;
line-height: 0.3;
}
.border-box1 {
border: 1px solid #000;
padding: 10px 25px;
}
.border-box1 > dl.menu,
.border-box1 > dl.menu dt,
.border-box1 > dl.menu dd {
margin-bottom: 0.5em;
}
.border-box1 > p {
margin: 0.1em auto 0.5em;
}
.yellowback {
background: #fffacd;
padding: 5px 15px;
margin-bottom: 3.5em !important;
}
.btn-circle-flat {
display: inline-block;
text-decoration: none;
background: #6b0404;
font-size: 20px !important;
color: #fff !important;
width: 130px;
height: 130px;
line-height: 130px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
margin: 0.5em auto;
}
.btn-circle-flat:hover {
background: #990606;
}
#teisyoku img, #donburi img, #zaru img { margin-bottom: 25px; }
#udon1 {
margin: -28px 0 -50px;
}
#udontei {
margin-top: 95px;
}
#tenzaru {
margin-top: 95px;
}
#toku-tendon {
margin-top: 60px;
}
.marginSet3 { margin: 0; }
.marginSet4 { margin: 5em auto 6em; }
.marginSet5 { margin: 4em 0 1.5em !important; }
.marginSet6 { margin-bottom: 1em !important; } @media only screen and (max-width: 1199px) {
#global_menu a { color: #fff !important; }
}
@media only screen and (max-width: 767px) {
a.menu_button {
background: #6b0404 !important;
} .head_tel p {
margin: 20px 0 10px 0px;
}
.head_tel_btn {
background: #fff;
border-radius: 30px;
padding: 10px;
width: 65%;
margin: 0 auto;
}
#main_contents {
margin-top: 120px !important;
}
.whiteback1 {
padding: 0 0 30px;
}
.wasi1 {
padding: 50px 0 30px;
}
#corona {
padding: 50px 0 30px;
}
.wasi2 {
padding: 1px 0 30px;
}
#contact .wasi1 {
padding: 0;
}
.post_content h2.whitebox {
font-size: 24px;
padding: 10px 20px;
}
.post_content p.p_style1 {
font-size: 16px;
line-height: 35px;
}
.post_content p.p_style2 { font-size: 13px; }
.two_col1, .two_col3 {
width: 100%;
margin-bottom: 0;
}
.two_col2, .two_col4, .two_col5, .four_col1 {
width: 100%;
margin-bottom: 30px;
}
.post_content h3.umebana {
font-size: 32px;
margin: 30px auto 10px;
}
.post_content h3.umebana:before, .post_content h3.umebana:after {
width: 20px;
height: 20px;
background-size: 10px 10px;
margin: 0 5px;
}
.post_content h4.h4style2 {
font-size: 25px;
margin: 40px 0 10px;
}
p.top_price {
font-size: 20px;
margin-bottom: 0.5em;
}
.top_price span{
font-size: 15px;
}
.blackbox { margin-top: 2em; }
.marginSet1 { margin-bottom: 15px; }
.marginSet2 { margin: 0 auto 45px !important; }
.marginSet3 { margin: 0 auto; }
.marginSet4 { margin: 0 auto 3em; }
.marginSet5 { margin: 0 !important; }
.map {
width: 100%;
height: 250px;
}
.whitebox2 { padding: 20px 30px; font-size: 28px; }
#footer_image .wide_image { background: #000 !important; }
.post_content h5.h5style1 {
padding: 0;
margin: 0 0 10px;
}
.last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
.post_content .tbl-1 th, .post_content .tbl-1 td, .post_content .tbl-2 th, .post_content .tbl-2 td {
display: block;
width: 100%;
}
.post_content .tbl-1 td { padding-left: 15px; }
.post_content .tbl-2 th { padding-bottom: 0; }
.post_content .tbl-2 td { padding-top: 0; }
#udon-soba img, #teisyoku img, #zaru img, #donburi img { margin: 0 !important; }
#udon-soba img.sp_margin1 { margin: 2em 0 4em !important; }
a.btn-rounded {
margin: 0 auto 2em;
}
dl.menu dt {
font-size: 18px;
}
dl.menu dt span {
font-size: 15px;
}
dl.menu dd {
font-size: 16px;
}
dl.menu dd span {
font-size: 25px;
 }
.scroll {
overflow-x: auto;
}
.post_content table.tbl-3 {
min-width: 767px;
height: auto;
margin: 0;
}
.post_content table.tbl-3 td {
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.map { width: 100%; }
}