@charset "utf-8";
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: 'icomoon';
src:  url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/icomoon.eot?73m5zg);
src:  url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/icomoon.eot?73m5zg#iefix) format('embedded-opentype'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/icomoon.ttf?73m5zg) format('truetype'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/icomoon.woff?73m5zg) format('woff'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/icomoon.svg?73m5zg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: 'NotoSansCJKjp';
font-style: normal;
font-weight: 400;
src: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Regular.woff) format('woff'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Regular.woff2) format('woff2'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Regular.eot)  format('eot');
}
@font-face {
font-family: 'NotoSansCJKjp';
font-style: normal;
font-weight: 700;
src: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Bold.woff) format('woff'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Bold.woff2) format('woff2'),
url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/NotoSansCJKjp-Bold.eot)  format('eot');
}
ul {list-style: none; padding: 0;}
dd {margin: 0;}
em {font-style: normal;}
.sp_display, .sp_display_index { display: none; }
.pc_display { display: block; }
.pc_display_index { display: inline; }
.img100 { display: block; width: 100%; height: auto; }
.img_link img { opacity: 1; transition-duration: .3s; backface-visibility: hidden; }
.img_link:hover img { opacity: .6; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px !important; }
.mb80 { margin-bottom: 80px !important; }
.bb1-d { border-bottom: 1px dotted #999; padding-bottom: 2em; }
.en { font-family: 'Roboto Condensed', sans-serif; }
.bb1 {
margin-bottom: 4em;
}
.bb1 span {
display: block;
position: relative;
padding: 0 0 1em;
}
.bb1 span::after {
content: "";
width: 40px;
height: 2px;
background: #000;
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.img_opacity img {
opacity: 1;
transition-duration: .3s;
backface-visibility: hidden;
}
.img_opacity:hover img {
opacity: .6;
}
html, body {
width: 100%;
font-size: 100%;
color: #212121;
min-width:1200px;
}
body {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight: 400;
font-style: normal;
position: relative;
}
header.g_header, .store_nav, .global_nav {
display: flex;
align-items: flex-end;
}
header.g_header {
justify-content: space-between;
position: absolute;
z-index: 30;
top: 0;
left: 0;
width: 100%;
height: 130px;
padding: 0 30px;
background: #FFF;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.3);
}
header.g_header.fix_bar {
position: fixed;
table-layout: fixed;
top: 0;
left: 0;
}
.default_page .store_nav, .post_page .store_nav {
display: none;
}
.default_page header.g_header, .post_page header.g_header {
height: 90px;
}
.default_page main, .post_page main {
padding: 90px 0 0;
}
.default_page .pankuzu, .post_page .pankuzu {
padding-top: 90px;
}
main {
padding: 130px 0 0;
}
.post_page main {
padding: 0;
}
.page_title  {
margin-top: 80px;
padding: 40px 0 0;
margin-bottom: 1em;
}
.page_title, .page_sub_title {
text-align: center;
position: relative;
}
.page_sub_title {
padding: 1.5em 0 .5em;
}
.page_sub_title::before  {
content: "";
width: 40px;
height: 2px;
background: #000;
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.page_third_titile {
text-align: center;
margin-bottom: 1.5em;
}
#history {
}
#type {
}
#about {
}
.page main {
padding: 0;
}
.page_content h2 {
font-size: 1.5rem;
}
.about_box h2 {
font-size: 1.5rem;
position: relative;
margin-bottom: 2.5rem;
}
.about_box h3 {
margin-bottom: 2rem;
}
.page_box {
padding: 0 80px 60px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
}
.page_box > h2 {
width: 25%;
margin-top: 0;
}
.w1200 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
} 
.w960 {
width: 100%;
max-width: 960px;
margin: 0 auto;
} 
.w800 {
width: 100%;
max-width: 800px;
margin: 0 auto;
} 
.w600 {
width: 100%;
max-width: 600px;
margin: 0 auto;
} 
.page_box > div {
width: 75%;
display: flex;
justify-content: space-between;
}
.page_box:nth-of-type(even) > div {
flex-direction: row-reverse;
}
.page_box > div picture {
width: 37%;
display: block;
}
.page_box > div p {
width: 60%;
}
.page_box > div picture img  {
display: block;
width: 100%;
height: auto;
}
.img_box {
padding: 40px 0 80px;
display: block;
}
.page_content {
padding-bottom: 60px;
}
.page_content p {
line-height: 2;
margin-bottom: 2em;
}
.page_in_link {
display: flex;
justify-content: center;
margin: 60px 0;
}
.page_in_link li {
padding: 0 1.5rem;
border-right: 1px solid #CCC;
}
.page_in_link li:first-of-type {
border-left: 1px solid #CCC;
}
.page_in_link li a {
color: #000;
text-decoration: none;
}
.type_box {
position: relative;
display: flex;
justify-content: space-between;
}
.behavior_box {
padding: 0 80px;
margin: 0 auto 80px;
}
.behavior_box:nth-last-of-type(2) {
margin: 0 auto;
}
#care.behavior_box {
padding: 90px 80px 0;
}
#care .page_list {
margin-bottom: 80px;
}
.can_box {
padding: 80px;
}
.can_box ul > li {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CCC;
padding-bottom: 40px;
margin-bottom: 40px;
}
.can_box h2 {
font-size: 1.5rem;
margin-bottom: 2rem;
}
.can_box ul > li > div {
width: 20%;
}
.can_box ul > li h3 {
line-height: 1.5;
}
.can_box ul > li img {
display: block;
width: 100%;
height: auto;
}
.can_box ul > li ol {
width: 75%;
line-height: 1.5;
}
.page_list .page_list_title, .access_tr_title {
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
padding: 1.5em 0;
text-align: center;
}
.access_tr_title {
margin: 80px 0 1em;
}
.page_list li {
margin-bottom: 40px;
}
.page_dl {
line-height: 2;
}
.page_dl dt {
font-weight: bold;
margin-bottom: .5em;
}
.page_dl dd {
margin-bottom: 2em;
}
.bt_m {
width: 300px;
margin: 0 auto;
}
.ol_flush {
list-style: none;
padding-left: 0;
display: table;
}
.no_flush {
list-style: none;
padding: 0;
}
.ol_flush li:after {
content: "";
display: block;
margin-bottom: 0.5em;
}
.ol_flush li {
display: table-row;
counter-increment: table-ol;
}
.ol_flush li:before {
content: counter(table-ol) ".";
display: table-cell;
padding-right: 0.4em;
text-align: right;
}
.justify {
text-align: justify;
text-justify: inter-ideograph;
}
.tac { text-align: center; }
.about_box {
padding: 80px;
text-align: center;
background: #f6f6f6;
}
.about_box > div {
max-width: 960px;
margin: 0 auto;
}
.about_box > div p {
display: inline-block;
text-align: left;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex > h2 {
width: 25%;
margin-top: 0;
}
.flex > p {
width: 70%;
}
.type_box {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.type_box:nth-of-type(odd){
padding: 40px 80px;
}
.type_box:nth-of-type(even){
padding: 40px 80px;
flex-direction: row-reverse;
}
.type_box h2 {
}
.type_box > div {
width: 48%;
position: relative;
}
.type_box picture {
width: 48%;
}
.type_box picture img, .behavior_box:last-of-type img {
display: block;
width: 100%;
height: auto;
}
.behavior_box ul, .behavior_box:last-of-type {
width: 100%;
display: flex;
justify-content: space-between;
}
.behavior_box:last-of-type picture {
display: block;
width: 35%;
}
.behavior_box:last-of-type div {
width: 60%;
}
.behavior_box ul li {
width: 48%;
}
.behavior_box ul li h3 {
font-size: 1.125rem;
}
.behavior_box ul li picture {
display: block;
margin-bottom: 2rem;
}
.behavior_box ul li img {
width: 100%;
height: auto;
display: block;
}
.p_link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}
.p_link li {
width: 48%;
margin-bottom: 4%;
}
.p_link li a {
display: block;
border: 1px solid #909499;
padding: 1rem;
width: 100%;
text-decoration: none;
color: #000;
position: relative;
transition-duration: .3s;
}
.p_link li a::after {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f105";
position: absolute;
right: 1rem;
top: 50%;
transform: translate(0, -50%);
transition-duration: .3s;
}
.p_link li a:hover {
background: #909499;
color: #FFF;
}
.p_link li a:hover::after {
right: .5rem;
color: #FFF;
}
.store_nav, .global_nav {
justify-content: flex-end;
margin: 0;
}
.store_nav {
position: absolute;
top: 0;
right: 0;
height: 40px;
line-height: 40px;
padding-right: 30px;
background: #909499;
width: 100%;
font-size: .875rem;
}
.store_nav li, .global_nav > li {
margin-left: 1.5rem;
}
.submenu {
position: relative;
}
.global_nav li#information .mega {
align-items: center;
}
.global_nav > li > a {
line-height: 90px;
display: block;
white-space: nowrap;
color: #212121;
font-weight: bold;
font-size: .875rem;
}
.nav_in li {
line-height: 1;
}
.n_color a span {
border: 1px solid #0E1116;
padding: .75em;
border-radius: 3px;
transition-duration: .3s;
}
.n_color a:hover span {
background: #909499;
color: #FFF;
border: 1px solid #FFF;
}
header.g_header h1 {
font-size: 1rem;
margin: 0;
height: 90px;
line-height: 90px;
position: relative;
}
header.g_header h1 a {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
padding-top: 31.74%;
width: 160px;
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/logo_l.png) 0 50% no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
header.g_header h1 a {
text-decoration: none;
color: #706399;
}
.global_nav a {
text-decoration: none;
color: #212121;
}
.store_nav a {
text-decoration: none;
color: #FFF;
}
.mega { display: none; }
#cart a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f07a";
margin-right: 0.5rem;
}
#login a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f090";
margin-right: 0.5rem;
}
#acount a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f007";
margin-right: 0.5rem;
}
#contact a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f1d8";
margin-right: 0.5rem;
}
#shopping:before {
font-family: 'icomoon';
content: "\e900";
color: #FFF;
margin-right: 0.5rem;
}
.mega {
margin: 0;
position: absolute;
width: 300px;
left: 0;
top: 60px;
z-index: 99;
background: #f2f0ed;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all .3s ease-in;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.2);
display: flex;
}
#corporation .mega {
left: auto;
right: 0;
}
.global_nav li:hover .mega {
max-height: 9999px;
opacity: 1;
top:70px;
}
.entry-icon-new {
font-family: "NotoSansCJKjp", sans-serif;
font-size: 9px;
position: absolute;
top: -16px;
left: 2px;
letter-spacing: 0;
display: block;
text-align: right;
color: #D18CAB;
}
.lev1 {
position: relative;
display: inline-block;
line-height: 1;
}
.lev1:hover::after {
display: block;
position: absolute;
width: 100%;
height: 1px;
content: "";
background: #000;
bottom: -5px;
left: 0;
}
.n_color .lev1:hover::after {
display: none;
}
.nav_in {
width: auto;
margin: 0;
padding: 1em 1.5em;
}
.nav_in li {
white-space: nowrap;
font-size: .875rem;
}
.mega_in {
padding: 30px;
}
.main_thumb {
width: 30%;
}
#culture .main_thumb {
width: 30%;
}
.mega_out {
width: 35%;	
}
.mega_out {
padding: 30px 30px 30px 0;
}
.main_thumb div a {
display: block;
width: 100%;
padding-top: 56.25%;
position: relative;
color: #FFF;
text-decoration: none;
background: #000;
opacity: 0;
transition-duration: .3s;
}
.main_thumb div a em {
font-style: normal;
border: 1px solid #FFF;
display: inline-block;
padding: 1rem 4rem 1rem 2rem;
position: relative;
white-space: nowrap;
}
.main_thumb div a em::after {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
position: absolute;
right: 2rem;
top: 50%;
margin-top: -.5rem;
transition-duration: .3s;
}
.main_thumb div a em:hover::after  {
right: 1.5rem;
}
.main_thumb div a:hover, .nav_thumb_list > li a:hover, .cul_sec ul li a:hover {
opacity: 0.6;
}
.main_thumb div a span {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition-duration: .3s;
opacity: 0;
}
.mega_in div a:hover span {
opacity: 1;
}
.mega_in h2 {
font-weight: normal;
font-size: 1rem;
white-space: nowrap;
margin: 0;
letter-spacing: 0.1rem;
}
.between {
justify-content: space-between;
}
.nav_thumb_list > li a {
display: block;
width: 100%;
transition-duration: .3s;
opacity: 1;
backface-visibility: hidden;
}
.nav_thumb_list > li span {
display: block;
line-height: 1.5;
}
.thumb_title {
padding: .75rem 0 .5rem;
}
.thumb_txt {
font-size: .75rem;
color: #545454;
}
.nav_txt_list li {
padding-top: .5rem;
padding-bottom: .5rem;
margin-right: 2.5rem;
}
#information h2 a, .nav_txt_list li a, ul.products li img {
transition-duration: .3s;
opacity: 1;
backface-visibility: hidden;
}
#information h2 a:hover, .nav_txt_list li a:hover, ul.products li a:hover img {
opacity: .6;
}
.nav_txt_list li:first-child {
border-left: 1px solid #b0aab3;
padding-left: 30px;
}
.nav_txt_list li a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f054";
margin-right: 1rem;
font-size: .75rem;
}
.sticy_content {
display: flex;
white-space: nowrap;
}
.sticy_content time, .sticy_content a {
display: inline-block;
margin-right: 1rem;
position: relative;
padding: 3px 0;
}
.sticy_content a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 21em;
}
.sticy_content a::after {
content:"";
display: block;
width: 100%;
height: 1px;
background: #706399;
position: absolute;
bottom: 0;
}
.sticy_content a:hover::after {
background: transparent;
}
.new_txt {
display: inline-block;
font-style: normal;
margin-left: .5rem;
font-weight: bold;
color: #D18CAB;
}
.sticy_content + h2 a {
padding-left: 2rem;
position: relative;
}
.sticy_content + h2 a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
position: absolute;
left: 0;
top: 50%;
margin-top: -.5rem;
transition-duration: .3s;
}
.sticy_content + h2 a:hover::before {
left: .5rem;
}
#information .mega_in {
display: flex;
align-items: center;
}
.key {
padding: 30px;
}
.key_bottom {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 60px 30px 40px;
}
.key_inner {
width: 100%;
margin: 0 auto;
position: relative;
height: calc(100vh - 190px);
max-height: 900px;
}
.key_inner img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.key_bottom_inner img {
width: 100%;
display: block;
object-fit: cover;
}
.first_content {
width: 30%;
position: absolute;
bottom: 40px;
left: 40px;
background: rgba(0,0,0,0.6);
padding: 30px; }
.first_content h2 {
font-size: 1.125rem;
line-height: 1.25;
font-weight: normal;
color: #FFF;
margin-top: 0;
margin-bottom: .5em;
position: relative;
}
.first_content h2 a {
color: #FFF;
text-decoration: none;
position: relative;
display: inline-block;
padding-right: 2em;
}
.first_content h2 a::after, .first_content h2 a::before {
content: "";
width: 12px;
height: 1px;
background: #FFF;
position: absolute;
transition-duration: .3s;
}
.first_content h2 a:hover::after, .first_content h2 a:hover::before {
right: -7px;
}
.first_content h2 a::after {
right: 0;
top: calc(50% - 4px);
transform: translate(0, -50%) rotate(45deg);
}
.first_content h2 a::before {
right: 0;
top: calc(50% + 4px);
transform: translate(0, -50%) rotate(-45deg);
}
.first_content h3 {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 2rem;
font-weight: normal;
color: #FFF;
}
.first_content p {
line-height: 1.8;
font-size: .875rem;
margin-bottom: 0;
margin-top: 0;
color: #FFF;
}
.store_banner {
position: fixed;
bottom: 30px;
right: 25px;
display: none;
}
.store_banner a {
display: block;
text-decoration: none;
background: #706399;
color: #FFF;
padding: 1rem 1rem 1rem 90px;
border:5px solid #FFF;
height: 90px;
position: relative;
}
.store_banner a::before {
content: "";
width: 70px;
height: 70px;
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/bnr-utsushiga.jpg) 0 0 no-repeat;
background-size: cover;
position: absolute;
top: 5px;
left: 5px;
}
.store_banner a span {
display: block;
}
.store_banner a .title_banner {
margin-bottom: 0.5rem;
}
.store_banner a .title_banner::after {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
margin-left: 1rem;
}
.store_banner a .text_banner {
font-size: .75rem;
}
.button_m a {
display: inline-block;
border:1px solid #FFF;
padding: 1.5rem 3rem;
text-decoration: none;
color: #FFF;
transition-duration: .3s;
}
.button_m a:hover {
background: #706399;
}
.button_m a:hover span::before {
left: .5rem;
}
.button_m a span {
display: inline-block;
padding-left: 2rem;
position: relative;
}
.button_m a span::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5em;
transition-duration: .3s;
}
.index_title {
text-align: center;
font-size: 1.75rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
font-weight: normal;
color: #0E1116;
line-height: 1.5;
margin-top: 0;
}
.index_title > span {
display: block;
font-size: 1rem;
margin-bottom: 1em;
}
.index_title + p, .index_title + p + p {
text-align: center;
line-height: 2;
margin-bottom: 40px;
}
.index_title + p {
margin-bottom: 2rem;
}
.main_title {
text-align: center;
}
.single_title {
line-height: 1.5;
margin-bottom: .75em;
font-size: 1.5rem;
width: 100%;
position: relative;
padding-top: 1.5em;
}
.single_title::before {
content: "";
width: 40px;
height: 2px;
background: #262626;
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 1px;
}
.single_header {
display: flex;
flex-wrap: wrap;
margin-bottom: 2em;
align-items: center;
}
.line_title {
margin-bottom: 1.5em;
}
.main_title.product_main {
margin-bottom: 0;
}
.main_title span {
display: block;
}
.main_title span.en {
font-size: .875rem;
margin-bottom: .5rem;
color: #706399;
}
.main_title span.ja {
font-size: 2rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
font-weight: normal;
color: #0E1116;
}
.index_product > div, .n_section, .c_section > div {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.n_section, .c_section > div {
padding: 30px;
}
.index_product > div {
padding: 0 30px 30px;
}
.index_single {
width: 70%;
margin: -180px auto 0;
padding: 60px 30px 60px;
text-align: center;
line-height: 1.5;
background: #FFF;
position: relative;
z-index: 30;
}
.index_single .main_title {
margin-top: 0;
}
.index_single > div {
display: flex;
justify-content: center;
}
.index_single > div .bt_l {
width: 300px;
height: 60px;
margin: 0 1rem;
}
.index_single h3 {
font-size: 1.25rem;
line-height: 1.8;
}
.index_single p {
line-height: 1.8;
margin-bottom: 30px;
}
.e_section {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 30px 60px;
}
.g_section, .c_section, .products_footer, .cul_sec {
background: #f2f0ed;
}
.index_product {
}
.index_product h2 {
margin-bottom: 1.5rem;
}
.index_product h2 + p {
margin-bottom: 0;
}
.index_product h2 + p a {
text-decoration: none;
color: #706399;
}
.index_product ul {
margin-bottom: 0;
}
.g_section > div {
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 60px 30px 40px;
}
.index_cat, .thumb_two, .two_banner, .thumb_four {
display: flex;
justify-content: space-between;
line-height: 1.5;
}
.index_cat, .thumb_two, .two_banner {
margin: 0;
}
.index_cat {
flex-wrap: wrap;
margin-bottom: 10px;
}
.index_cat::after {
content: "";
width: 23%;
}
.index_cat::before {
content: "";
width: 23%;
order: 1;
}
.index_cat li {
width: 23%;
margin-bottom: 4%;
padding: 0 5px;
}
.thumb_four {
flex-wrap: wrap;
width: 100%;
max-width: 1280px;
margin: 80px auto;
padding: 0 4vw;
}
.thumb_four.text_four {
margin: 0 auto 80px;
}
#about_sensu .thumb_four h2 {
font-size: 1.25rem;
margin-top: 1.5em;
text-align: center;
}
.bottom_onlinestore {
width: 100%;
max-width: 1280px;
padding: 0 4vw;
margin:0 auto 80px;
text-align: center;
}
.bottom_onlinestore a {
display: block;
border: 1px solid #706399;
text-decoration: none;
padding: 3em 0;
font-size: 1.25rem;
transition-duration: .3s;
color: #706399; 
}
.bottom_onlinestore a:hover {
background: #706399;
color: #FFF;
}
.bottom_onlinestore a span {
display: inline-block;
}
.bottom_onlinestore a span::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f07a";
margin-right: 1rem;
}
.hover_name li a {
position: relative;
display: block;
color:#000;
}
.hover_name li a span.hover_title {
display: block;
position: absolute;
top: 53%;
left: 50%;
width: 60%;
transform: translate(-50%, -50%);
transition-duration: .5s;
color:#000;
text-decoration: none;
opacity: 0;
text-align: center;
letter-spacing: 0.1em;
text-indent: 0.1em;
}
.hover_name li a:hover span.hover_title {
opacity: 1;
top: 50%;
}
.thumb_four li {
width: 46%;
margin-bottom: 4%;
}
.thumb_four li h3 {
margin-top: 1.5em;
}
.thumb_four li p {
font-size: .875rem;
}
.thumb_two h2 {
text-align: center;
font-weight: normal;
font-size: 1.125rem;
}
.index_cat h2 span, .thumb_two h2 span {
display: block;
}
.index_cat h2 span.en, .thumb_two h2 span.en {
font-size: .875rem;
color: #706399;
font-weight: bold;
}
.index_cat h2 span.ja, .thumb_two h2 span.ja, .cul_sec h2 .ja {
color: #0E1116;
}
.index_cat p {
margin-bottom: 2rem;
padding: 0 1rem;
}
.thumb_two p {
margin-bottom: 2rem;
padding: 0 3rem;
}
.index_cat li > div > a {
display: block;
width: 100%;
opacity:1;
backface-visibility: hidden;
text-decoration: none;
background: #FFF;
padding: 0;
outline: none;
transition-duration: .3s;
color: #000;
}
.index_cat li > div > a:hover {
opacity:0.6;
}
.index_cat li > div img {
display: block;
width: 100%;
height: auto;
}
.index_cat li > div span.title {
display: block;
text-align: center;
padding: 1rem 0 0;
margin-bottom: .5em;
}
.index_cat li > div span.txt {
display: block;
text-align: left;
padding: 0 1rem 1em;
color: #454545;
}
.index_cat li > div.s_mens > a {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/index01.jpg) 0 0 no-repeat;
background-size: contain;
transition-duration: .3s;
}
.index_cat li > div.s_female > a {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/index02.jpg) 0 0 no-repeat;
background-size: contain;
transition-duration: .3s;
}
.index_cat li > div.s_kaza > a {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/index03.jpg) 0 0 no-repeat;
background-size: contain;
transition-duration: .3s;
}
.index_cat li > div.s_irpohani > a {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/index04.jpg) 0 0 no-repeat;
background-size: contain;
transition-duration: .3s;
}
.s_button {
width: 240px;
height: 60px;
margin: 0 auto;
text-align: center;
border: 1px solid #706399;
}
.s_button a {
display: block;
width: 240px;
height: 60px;
line-height: 60px;
color: #706399;
text-decoration: none;
transition-duration: .3s
}
.s_button a:hover {
background: #706399;
color: #FFF;
}
.tab {
display: flex;
justify-content: space-between;
margin: 0;
}
.tab li {
width: 20%;
color: #FFF;
border-left:1px solid #f2f0ed;
border-right:1px solid #f2f0ed;
cursor: pointer;
transition: .3s;
background: #909499;
text-align: center;
padding: 1rem;
font-size: .875rem;
}
.tab li:hover {
background: #787b80;
}
.tab li.active {
color: #000;
background: #FFF;
cursor: auto;
}
.tab_contents {
margin-bottom: 30px;
}
.area {
padding: 15px 1rem 0;
}
.area ul {
display: none;
line-height: 1.5;
}
.area ul.show {
display: block;
}
.area ul li {
padding:1rem 0;
border-top: 1px dotted #999;
}
.area ul li:last-child {
border-bottom: 1px dotted #999;
}
.area ul li:first-child {
border-top: none;
padding:0 0 1rem;
}
.area ul li a, .txt_list li a {
color: #000;
text-decoration: none;
}
.area ul li a:hover, .txt_list li a:hover {
text-decoration: underline;
}
.area ul li time {
display: block;
float: left;
clear: both;
width: 12em;
}
.area ul li span {
display: block;
padding-left: 12em;
}
.txt_list li:first-child {
border-top: none;
padding: 0 0 1em;
}
.txt_list li {
display: flex;
border-top: 1px dotted #999;
padding: 1em 0;
line-height: 1.5;
}
.recommend_content .txt_list li:first-child, .recommend_content .txt_list li {
padding: 1em;
}
.txt_list li:last-child {
border-bottom: 1px dotted #999;
}
.txt_list li time {
width: 12em;
}
.txt_list li span {
width: calc(100% - 12em);
}
.pagenation {
display: flex;
justify-content: center;
width: 100%;
max-width: 1366px;
margin: 40px auto 40px;
padding: 0 4vw;
position: relative;
}
.pagenation::before, .pagenation::after {
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 5 Pro";
font-weight:300;
display: block;
position: absolute;
color: #CCC;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.pagenation .next, .pagenation .prev {
padding: 0;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.pagenation .next {
right: 0;
}
.pagenation .prev {
left: 0;
}
.pagenation .next::after, .pagenation .prev::after {
font-family: "Font Awesome 5 Pro";
font-weight:300;
color: #000;
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
line-height: 40px;
z-index: 1;
}
.pagenation .next::after {
content: "\f054";
right: 0;
}
.pagenation .prev::after {
content: "\f053";
left: 0;
}
.pagenation::after {
content: "\f054";
right: 0;
}
.pagenation::before {
content: "\f053";
left: 0;
}
.pagenation span, .pagenation a {
display: block;
margin: 0 10px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
transition-duration: .3s;
}
.pagenation a {
text-decoration: none;
color: #000;
}
.pagenation a:hover {
background: #DDD;
}
.pagenation span {
background: #000;
color: #FFF;
}
#menu-onlinestore_index {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#menu-onlinestore_index {
margin-bottom:60px; 
}
#menu-onlinestore_index li {
width: 32%;
margin-bottom: 2%;
}
#menu-onlinestore_index li a {
border: 1px solid #909499;
padding: 25px 10px 25px 70px;
text-decoration: none;
color: #000;
height: 70px;
display: block;
text-align: left;
font-weight: bold;
}
#menu-item-19221 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/UT6525YSO1-1-300x200.jpg) 10px 50% no-repeat;
background-size: 50px;
}
#menu-item-19220 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/KAZASETMR_hako-1-300x200.jpg) 0 50% no-repeat;
background-size: 70px;
}
#menu-item-7061 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/SY6015HMO2-1-300x200.jpg) 10px 50% no-repeat;
background-size: 50px;
}
#menu-item-7062 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/GP7535KKO7-1-300x200.jpg) 10px 50% no-repeat;
background-size: 50px;
}
#menu-item-7063 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/LS6535KKD2-1-300x200.jpg) 10px 50% no-repeat;
background-size: 50px;
}
#menu-item-7064 a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2020/05/KAZASETSR-1-300x200.jpg) 5px 50% no-repeat;
background-size: 60px;
}
.index_pr_tags {
list-style: none;
}
.index_pr_tags .widgettitle {
display: none;
}
.index_pr_tags > li {
text-align: center;
margin: 0 auto;
}
.index_pr_tags .tagcloud {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
max-width: 1024px;
}
.index_pr_tags .tagcloud a {
font-size: 14px !important;
border: solid 1px #909499;
border-radius: 5px;
display: inline-block;
padding: 10px 15px;
margin: 0 2px 10px;
text-decoration: none;
color: #909499;
}
.index_post_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index_post_list li {
width: 23%;
}
.index_post_list li a span.img {
display: block;
width: 100%;
padding-top: 100%;
position: relative;
}
.index_post_list li a span.title {
padding:1em 0 .5em;
display: block;
line-height: 1.5;
font-size: .875rem;
}
.index_post_list li time {
font-size: .75rem;
}
.index_post_list li a {
display: block;
text-decoration: none;
color: #909499;
}
.index_post_list li img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.index_sec {
margin-bottom: 80px;
}
.onlinestore_bt_banner {
display: flex;
justify-content: space-between;
}
.onlinestore_bt_banner li img {
display: block;
width: 100%;
height: auto;
}
.onlinestore_bt_banner li {
width: 48%;
}
.onlinestore_bt_banner li a {
text-decoration: none;
display: block;
color: #262626;
text-decoration: none;
}
.onlinestore_bt_banner li span {
display: block;
line-height: 1.5;
}
.onlinestore_bt_banner li span:first-of-type + span {
padding: 1.5em 1em 1em;
text-align: center;
}
.onlinestore_bt_banner li span:first-of-type + span + span {
font-size: .875rem;
padding: 0 2em 0;
}
.store_top .products {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.store_top .products li {
float: none !important;
margin: 0 0 2% 0 !important;
padding: 0;
position: relative;
width: 32% !important;
margin-left: 0;
}
.store_top .products a {
display: flex;
border: 1px solid #909499;
align-items: center;
padding: 1em;
}
.store_top .products mark {
background-color: transparent;
font-size: .75rem;
color: #999;
display: inline-block;
margin-left: 1em;
}
.store_top .products::after, .store_top .products::before {
clear: none !important;
content: "";
}
.color_h_cat {
}
.columns-11 {
display: flex !important;
justify-content: space-between !important;
}
.columns-11 li {
width: 8% !important;
float: none;
margin: 0 0 1em 0 !important;
padding: 0;
position: relative;
margin-left: 0;
}
.columns-11 li:first-child img {
border:1px solid #CCC;
}
.products::before {
order: 1;
}
.store_top .products img {
width: 23% !important;
height: auto !important;
display: block !important;
margin: 0 0.5em 0 0 !important;
}
.store_top .products h2 {
font-size: 1rem !important;
}
.store_top + .products-header {
margin: 0 auto 0;
}
.slick-dots li {
margin: 0 10px !important;
}
.slick-dots li, .slick-dots li button {
}
.slick-dots li button {
}
.slick-dots li button:before {
border: none !important;
background: none !important;
width: 16px !important;
height: 16px !important;
}
.slick-dots li.slick-active button:before {
background: #666 !important;
}
.pankuzu {
padding-top: 130px;
font-size: .875rem;
}
.pankuzu_in, .woocommerce-breadcrumb {
padding: 1rem 40px;
background: #f6f6f6;
font-size: .875rem;
color: #212121;
}
.woocommerce-breadcrumb a, .posted_in a, .pankuzu_in a {
color: #909499;
text-decoration: none;
}
.woocommerce-breadcrumb a:hover, .posted_in a:hover, .pankuzu_in a:hover {
text-decoration: underline;
}
.bt_l {
width: 300px;
height: 60px;
margin: 1rem auto;
}
.bt_m {
margin: 1rem 0;
white-space: nowrap;
}
.bt_l a {
display: block;
background: #FFF;
border:1px solid #909499;
color: #212121;
text-decoration: none;
width: 300px;
height: 60px;
line-height: 60px;
transition-duration: .3s;
text-align: center;
}
.bt_m a {
display: inline-block;
border-bottom:1px solid transparent;
color: #909499;
text-decoration: none;
text-align: center;
transition-duration: .3s;
padding-bottom: .5em;
position: relative;
padding-left: 2em;
}
.bt_m a::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
position: absolute;
top: calc(50% - .25em);
left: 0;
transition-duration: .3s;
transform: translateY(-50%);
}
.bt_l a:hover {
background: #909499;
color: #FFF;
}
.bt_m a:hover {
border-bottom:1px solid #909499;
}
.bt_m a:hover::before {
left: .5em;
}
.bt_l a.onlinestore span {
display: inline-block;
}
.bt_l a span {
position: relative;
}
.bt_l a.onlinestore span::before {
font-family: 'icomoon';
content: "\e900";
color: #262626;
margin-right: 0.5rem;
transition-duration: .3s;
}
.bt_l a.arrow_link span {
display: inline-block;
padding-left: 2rem;
}
.bt_l a.arrow_link span::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
color: #262626;
position: absolute;
top: 0;
left: 0;
transition-duration: .3s;
}
.bt_l a.onlinestore:hover span::before {
color: #706399;
}
.bt_l a.arrow_link:hover span::before {
left: 0.5rem;
color: #FFF;
}
.cul_sec {
line-height: 1.5;
padding: 60px;
}
.cul_sec h2 {
margin-bottom: .5rem;
text-align: center;
}
.cul_sec h2 .ja {
font-weight: normal;
display: inline-block;
margin-right: 1rem;
letter-spacing: 0.2rem;
}
.cul_sec h2 .en {
font-weight: bold;
color: #706399;
}
.cul_sec a {
text-decoration: none;
}
.cul_sec h2 + p {
margin: 0 0 1.5rem;
}
.cul_sec ul li {
}
.cul_sec ul li span {
display: block;
}
.cul_sec ul li span.cul_title {
color: #909499;
font-size: 1.125rem;
line-height: 1.8;
}
.cul_sec ul li span.cul_txt {
color: #333;
font-size: .875rem;
}
.cul_sec ul li span.ex_data {
color: #333;
line-height: 1.8;
font-size: .875rem;
}
.cul_sec ul li span.ex_data strong {
display: inline-block;
width: 5em;
white-space: nowrap;
font-weight: normal;
}
.index_exp {
display: flex;
justify-content: space-between;
}
.c_section .index_exp {
flex-direction: row-reverse;
}
.cul_sec > div ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 0;
margin: 40px auto 0;
}
.cul_sec > div ul li {
width: 48%;
border: 1px solid #999;
padding: 30px;
background: #FFF;
}
.cul_sec > div ul li a {
display: block;
padding: 0 0 30px 120px;
height: 100px;
position: relative;
opacity: 1;
transition-duration: .3s;
backface-visibility: hidden;
} .cul_sec > div ul li a > .cul_img {
display: block;
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 0;
}
.ex_tea-tosen, .ex_etsuke {
margin-bottom: 0 !important;
}
.index_exp .ex01 {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/ex_01.jpg) 0 0 no-repeat;
background-size: contain;
}
.index_exp .sc01 {
background: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/sc_01.jpg) 0 0 no-repeat;
background-size: contain;
}
.index_exp > div:first-of-type a {
display: block;
width: 100%;
padding-top: 56.25%;
color: #FFF;
position: relative;
}
.index_exp > div > a {
background: #000;
opacity: 0;
transition-duration: .3s;
}
.index_exp > div > a:hover {
opacity: 0.6;
}
.index_exp > div:first-of-type a > span {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border:1px solid #FFF;
padding: 1.5rem 3rem;
opacity: 0;
transition-duration: .3s;
}
.index_exp > div:first-of-type a:hover > span {
opacity: 1;
}
.index_exp > div:first-of-type a > span em {
font-style: normal;
position: relative;
display: inline-block;
padding-right: 2rem;
}
.index_exp > div:first-of-type a > span em::after {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
color: #FFF;
position: absolute;
top: 0;
right: 0;
transition-duration: .3s;
}
.index_exp > div:first-of-type a:hover > span em::after {
right: -0.5rem;
}
.thumb_two li {
width: 49%;
padding-bottom: 30px;
}
.thumb_two li a {
display: block;
width: 100%;
text-decoration: none;
transition-duration: .3s;
opacity: 1;
}
.thumb_two li a .title {
color: #000;
}
.thumb_two li a img {
backface-visibility: hidden;
}
.thumb_two li a:hover {
opacity: 0.6;
}
.thumb_two li a span {
display: block;
text-align: center;
line-height: 1.8;
}
.products_footer {
background: #EEE;
margin: 0 40px 40px;
padding: 40px;
}
.products_footer #sidebar {
width: 800px;
margin: 0 auto;
}
.tac {
text-align: center;
}
.thumb_two li a .title {
padding: 2rem 0 .75rem;
font-size: 1.125rem;
font-weight: bold;
}
.thumb_two li a .text {
color: #000;
}
.two_banner {
margin: 0;
}
.two_banner li {
width: 50%;
border-right:1px solid #f2f0ed;
padding: 60px;
}
.two_banner li:last-child {
border-right:none;
border-left:1px solid #f2f0ed;
}
.two_banner li a {
display: block;
width: 100%;
max-width: 600px;
margin: 0 auto;
text-decoration: none;
color: #909499;
opacity: 1;
transition-duration: .3s;
backface-visibility: hidden;
}
.two_banner li a:hover {
opacity: 0.6;
}
.bn_title {
font-size: 1.5rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
margin-bottom: .5rem;
text-align: center;
}
.bn_txt {
line-height: 1.8;
color: #212121;
margin-bottom: 1.5rem;
}
.two_banner li span {
display: block;
}
.two_banner li span em {
font-style: normal;
display: inline-block;
padding-left: 2rem;
padding-bottom: 5px;
position: relative;
}
.two_banner li span em::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
color: #909499;
position: absolute;
top: 0;
left: 0;
transition-duration: .3s;
}
.two_banner li a:hover span em::before {
left: .5rem;
}
footer {
background: #f2f0ed;
}
.bottom-navi {
margin: 0;
padding: 30px;
border-bottom: 1px solid #bfbebb;
position: relative;
}
.bottom-navi::before, .bottom-navi::after {
content: "";
width: 30px;
height: 30px;
background: #f2f0ed;
position: absolute;
bottom: -15px;
}
.bottom-navi::before {
left: 0;
}
.bottom-navi::after {
right: 0;
}
.bottom-navi ul {
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.bottom-navi li {
margin: 0 1rem;
}
.bottom-navi li a {
text-decoration: none;
color: #212121;
}
.bottom-navi li a i {
margin-right: .5em;
}
.shop_info {
text-align: center;
padding: 40px 30px 20px;
color: #262626;
}
.shop_info h2 {
font-weight: normal;
}
.shop_info h2 span {
display: block;
}
.shop_info h2 span.en {
font-size: .875rem;
margin-bottom: .5rem;
font-weight: bold;
}
.shop_info p {
line-height: 1.8;
}
.copy {
padding: 1.5rem 30px;
text-align: center;
color: #262626;
margin: 0;
font-size: .875rem;
}
address {
font-style: normal;
}
address + p {
margin-bottom: 0;
}
address + p + p {
margin-top: .25em;
}
address + p, address + p + p {
font-size: 1.25rem;
}
.onishi_count {
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
.woocommerce-notices-wrapper {
width: auto;
margin: 0 auto;
}
.products-header {
margin: 0 auto;
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
position: relative;
}
#product_cat {
margin: 2em 0;
}
.term-description {
width: 100%;
line-height: 1.8;
}
.search_header.products-header {
display: block;
}
.products-order {
display: flex;
flex-flow: row-reverse;
align-items: center;
}
.woocommerce-result-count {
font-size: .875rem;
white-space: nowrap;
margin-right: 1em;
}
.woocommerce-ordering select {
padding: 0.5rem 1rem;
}
.cat-banner {
width: 100%;
margin: 0 auto 40px;
}
.cat-banner img {
display: block;
width: 100%;
height: auto;
}
.product_title {
font-size: 1.5rem;
line-height: 1.5;
}
.woocommerce-products-header h1 {
font-size: 1.5rem;
white-space: nowrap;
letter-spacing: 0.1em;
}
.sb_search {
margin-left: .5em;
cursor: pointer;
transition-duration: .3s;
cursor: pointer;
}
.sb_search:hover {
background: #DDD;
}
.sb_search.active, .sb_search.active + .sb_search_inner {
background: #DDD;
}
.sb_search > span {
display: block;
font-size: .875rem;
padding: 0 1.5em;
height: 60px;
line-height: 60px;
}
.sb_search > span::before {
content: "\f002";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
margin-right: .5em;
display: inline-block;
}
.sb_search_inner {
position: absolute;
z-index: 1;
top: 60px;
right: 0;
display: none;
cursor: default;
width: 100%;
padding: 60px 40px 40px;
transition-duration: .5s;
}
.sb_search_inner .sf-field-taxonomy-product_cat, 
.sb_search_inner .sf-field-taxonomy-product_tag, 
.sb_search_inner .sf-field-search {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: .875rem;
padding: 0;
margin-bottom: 2em;
}
.sb_search_inner .sf-field-taxonomy-product_cat > h4,
.sb_search_inner .sf-field-taxonomy-product_tag > h4, 
.sb_search_inner .sf-field-search > h4 {
width: 20%;
margin: 0;
padding: 0;
}
.sb_search_inner .sf-field-taxonomy-product_cat > ul, 
.sb_search_inner .sf-field-taxonomy-product_tag > ul, 
.sb_search_inner .sf-field-search label {
margin: 0;
width: 75%;
display: flex;
flex-wrap: wrap;
align-items: start;
}
.sb_search_inner .sf-field-taxonomy-product_cat > ul > li label, 
.sb_search_inner .sf-field-taxonomy-product_tag > ul > li label {
display: inline-block;
margin-right: 1.5em;
}
.sb_search_inner .sf-field-search label input.sf-input-text {
display: block;
padding: .5em;
width: 100%;
}
.sb_search_inner .sf-field-taxonomy-product_cat > ul > li, 
.sb_search_inner .sf-field-taxonomy-product_tag > ul > li,
.sb_search_inner .sf-field-search > ul > li {
padding: 0;
line-height: 1.8;
}
.sb_search_inner .sf-field-submit input, 
.nopost_content .sf-field-submit input {
display: inline-block;
padding: 1em 1.5em;
border: none;
background: #909499;
color: #FFF;
cursor: pointer;
}
.nopost_content > div {
padding: 40px 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 40px 0 80px;
}
.nopost_content > div > form > ul > li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 2em;
}
.nopost_content > div > form > ul > li:last-child {
margin-bottom: 0;
}
.nopost_content > div > form > ul > li label {
display: inline-block;
margin-right: 1.5em;
}
.nopost_content > div > form > ul > li ul {
display: flex;
flex-wrap: wrap;
}
.nopost_content > div ul > li h4 {
width: 20%;
}
.nopost_content > div ul > li > ul,
.sf-field-search label {
width: 75%;
}
.sf-field-search input {
display: block;
width: 100%;
padding: .5em;
}
.onishi_count {
display: flex;
align-items: center;
margin-bottom: 30px;
}
ul.products {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.list_row ul.products {
display: block;
}
.list_row ul.products li.product {
float: none !important;
margin: 0 0 1em 0 !important;
width: 100% !important;
}
.list_row ul.products li.product a {
display: block;
display: flex;
align-items: center;
justify-content: space-between;
}
.list_row ul.products li.product a img {
width: 15% !important;
margin: 0 !important;
}
.list_row ul.products li.product a h2 {
width: 80% !important;
padding: 0 !important;
text-align: left !important;
font-weight: normal !important;
font-size: .875rem !important;
}
.store_front ul.products, .product_category ul.products {
width: 100%;
margin: 0 auto !important;
padding: 0;
}
.columns-3 li {
width: 30%;
margin-bottom: 2%;
}
.columns-3::after{
content:"";
display: block;
width:30%;
}
.columns-4 li {
width: 23%;
}
.columns-4::before{
content:"";
display: block;
width:23%;
order:1;
}
.columns-4::after{
content:"";
display: block;
width:23%;
}
ul.products li {
text-align: center;
}
.woocommerce .star-rating span::before, 
.woocommerce .star-rating::before {
letter-spacing: 0.2em;
text-indent: 0.2em;
}
.woocommerce .star-rating {
width: 6.5em !important;
}
ul.products.columns-4 li {
margin-bottom: 0 !important;
}
ul.products li .price {
display: none;
}
ul.products li img {
width: 100%;
height: auto;
display: block;
}
ul.products li a {
font-weight: normal;
text-decoration: none;
color: #000;
display: block;
}
ul.products li a.button.product_type_simple, ul.products li a.button.product_type_variable {
display: none;
}
.woocommerce-loop-product__link {
display: block;
margin-bottom: .5rem;
}
ul.products li a h2 {
color: #000;
margin-bottom: .5rem;
}
ul.products li .price,
.woocommerce ul.products li.product .price {
font-size: .875rem !important;
color: #545454 !important;
display: block;
margin-bottom: .75rem !important;
}
ul.products li .price .amount + .amount, .summary .price .amount + .amount {
display: none;
}
.ajax_add_to_cart, .added_to_cart {
font-size: .875rem;
display: block;
width: 10rem;
margin: 0 auto;
padding: .75rem 1rem;
}
.woocommerce-loop-product__title {
font-size: 1rem !important;
margin: 1rem 0 0.5rem !important;
font-weight: normal !important;
display: block !important;
}
.ajax_add_to_cart {
color: #706399;
border:1px solid #706399;
transition-duration: .3s;
margin-bottom: 10px;
}
.ajax_add_to_cart:hover {
background: #706399;
color: #FFF;
}
.added_to_cart {
background: #706399;
border:1px solid #706399;
color: #FFF;
}
.added_to_cart::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f07a";
margin-right: 0.5rem;
}
.woocommerce .products .product_type_variable {
display: none;
}
.woocommerce-product-gallery__wrapper img {
display: block;
}
.tabs {
display: flex;
}
.single-wraper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 60px 40px;
}
.autoplay, .autoplay2 {
margin-bottom: 100px !important;
}
.autoplay2 .slick-slide  {
}
.autoplay2 img {
width: 100%;
max-width: 800px;
margin: 0 auto;
height: auto;
display: block;
vertical-align: bottom;
}
.autoplay2 span {
display: block;
padding: 20px 10px 0;
}
.flexbox {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 60px 40px;
}
.post_content.flexbox {
padding: 60px 6vw;
}
.flex_right {
width: 80%;
}
.recommend_flex_right {
display: flex;
justify-content: space-between;
}
.recommend_side {
width: 30%;
}
.recommend_post {
width: 65%;
}
.sidebar {
width: 15%;
}
.post_content .flex_right {
width: 62%;
}
.single_header time {
display: block;
}
.single_content p {
line-height: 1.8;
}
.single_content p a, .single_content a {
text-decoration: underline;
color: #909499;
}
.single_content p a:hover, .single_content a:hover {
text-decoration: none;
}
.single_content .wp-block-button a {
color: #FFF;
text-decoration: none;
}
.recommend_content .flex_right p {
padding: 0 4vw;
}
.recommend_content #menu-onlinestore_index li a {
font-size: .75rem;
white-space: nowrap;
line-height: 20px;
}
.post_content .sidebar {
width: 30%;
}
.wp-block-image {
margin: 2em 0 !important;
}
.wp-block-image img {
max-width: 100%;
width: 100%;
height: auto;
}
.wp-block-image.fix img {
width: auto !important;
height: auto !important;
}
.post_share {
display: flex;
margin: 0 0 0 1em;
}
.post_share li {
margin-right: .5em;
}
.post_share li.tw a {
color:#1DA1F2;　
}
.post_share li.fb a {
color:#1877f2;
}
.side_thumb {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3em;
}
.side_thumb::before {
content: "";
width: 24.5%;
order: 1;
display: block;
}
.side_thumb::after {
content: "";
width: 24.5%;
display: block;
}
.side_thumb div {
width: 24.5%;
margin-bottom: 0.75%;
}
.side_thumb div img {
display: block;
width: 100%;
height: auto;
opacity: 1;
backface-visibility: hidden;
transition-duration: .3s;
}
.side_thumb div a {
display: block;
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
background: #EEE;
}
.side_thumb div a img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
width: 150%;
height: auto;
}
.side_thumb div img:hover {
opacity: .6;
}
.side_post_list li {
border-bottom: 1px dotted #CCC;
padding: 1em 0;
font-size: .875rem;
display: flex;
line-height: 1.5;
}
.side_post_list li:first-child {
padding-top: 0;
}
.side_post_list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.side_post_list li time {
display: inline-block;
white-space: nowrap;
margin-right: 1em;
}
.side_post_list li a {
text-decoration: none;
color: #909499;
}
.side_post_list li a:hover {
text-decoration: underline;
}
.postsingle_tag {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
margin: 0 0 40px;
}
.postsingle_tag li {
margin-left: 1em;
}
.postsingle_tag li a {
color: #909499;
text-decoration: none;
}
.post_tag li a:hover {
text-decoration: underline;
}
.postsingle_tag li a:before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f292";
display: inline-block;
}
.related_post li:first-child {
border-top: 1px dotted #999;
padding: 1em 0;
}
.post_content .sidebar li.cat-item {
margin-bottom: .5em;
line-height: 1.5;
font-size:.875rem; 
}
.post_content .sidebar li.cat-item a {
text-decoration: none;
color:#909499; 
}
.post_content .sidebar li.cat-item a:before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f054";
margin-right: 0.5rem;
}
.side_banner a {
text-decoration: none;
display: block;
position: relative;
width: 100%;
padding-top: 54.6875%;
font-size: .875rem !important;
}
.side_banner a span {
display: block;
padding: .5em 0 0;
color: #333;
font-size: .875rem;
line-height: 1.5;
}
.side_reccomend a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2021/08/banner_staff.jpg) 50% 0 no-repeat;
background-size: contain;
}
.side_howto a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2021/08/banner_howto.jpg) 50% 0 no-repeat;
background-size: contain;
}
.side_howto p {
margin-bottom: 1.5em;
}
.side_sale a {
background: url(https://www.ohnishitune.com/wp-content/uploads/2021/08/banner_sale.jpg) 50% 0 no-repeat;
background-size: contain;
}
.side_sale {
margin-bottom: .5em;
}
.post_list {
margin: .25em 0 2em;
}
.post_list li {
line-height: 1.5;
}
.post_list li a {
color: #333;
text-decoration: none;
}
.post_list li > span {
display: block;
font-size: .875rem !important;
line-height: 1.5;
}
.post_list li time {
font-size: .875rem;
color: #999;
line-height: 1.5;
}
.sidetext {
font-size: .875rem;
line-height: 1.5;
color: #545454;
margin: .25em 0 2em;
}
.cat_cat {
margin-bottom: 1.5em;
}
.color_cat h2 {
font-size: .875rem !important;
padding: 0 !important;
margin: .5em 0 !important;
}
.color_cat ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.color_cat ul li {
width: 25% !important;
padding: 0 6% !important;
margin: 0 !important;
}
.color_cat ul li a h2 {
color: #999 !important;
}
.color_cat img {
display: block !important;
width: 100% !important;
height: auto !important;
border-radius: 50% !important;
border: 1px solid #CCC !important;
margin-bottom: 0 !important;
}
.price_cat img {
display: none !important;
}
.price_cat a::before {
content: "・";
display: inline-block;
margin-right: .5em;
}
.price_cat a {
justify-content: flex-start !important;
}
.products_cat {
border: 1px solid #909499;
}
.products_cat a {
text-decoration: none;
color: #909499;
display: block;
padding: 1.5em;
font-size: .75rem;
font-family: "NotoSansCJKjp", sans-serif;
}
.products_cat a span {
display: inline-block;
}
.products_cat a span::before {
content: "\f054";
font-family: "Font Awesome 5 Pro";
margin-right: 1em;
}
.sidebar .tagcloud a, .tagged_as a, .post_content .sidebar .tag-cloud-link,
.recommend_side .tag-cloud-link {
font-size: 12px !important;
border: solid 1px #909499;
border-radius: 5px;
display: inline-block;
padding: 5px;
margin-bottom: 8px;
text-decoration: none;
color:#909499;
font-family: "NotoSansCJKjp", sans-serif;
}
.sidebar .widget_product_categories,
.sidebar .widget_price_filter {
margin-bottom: 20px;
}
.sidebar .widget_price_filter .button {
font-size: .75rem;
display: block;
width: 100%;
padding: 1.5em !important;
margin: 20px 0;
background-color: transparent !important;
border: 1px solid #0E1116;
font-family: "NotoSansCJKjp", sans-serif;
font-weight: 400;
color: #0E1116;
text-align: left !important;
border-radius: 0 !important;
}
.sidebar .widget_price_filter .button::before {
content: "\f002";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
margin-right: 1em;
}
.sidebar .widget_media_image {
margin-bottom: 10px;
}
.sidebar .widget_product_search {
margin-bottom: 2rem;
}
.sidebar .product-categories li {
margin-bottom: 0.75rem;
font-size: .875rem;
}
.sidebar .product-categories li .children {
margin: 1em;
}
.sidebar .product-categories li a,
.products_footer .product-categories li a {
text-decoration: none;
color: #706399;
}
.sidebar .product-categories li a:hover,
.products_footer .product-categories li a:hover {
text-decoration: underline;
}
.sidebar .product-categories li .count {
font-size: .875rem;
color: #999;
}
.single_product .product.type-product {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
width: 82%;
}
.single_product .product .product_meta {
font-size: 0.875em;
padding-top: 1rem;
border-top: 1px solid #CCC;
}
.single_product .product .product_meta .sku_wrapper, 
.single_product .product .product_meta .posted_in, 
.single_product .product .product_meta .tagged_as {
display: block;
margin-bottom: .5rem;
}
.single_product .product .product_meta .posted_in {
margin-bottom: 1em;
line-height: 1.5;
}
.single_product .product .product_meta .posted_in a {
font-family: "NotoSansCJKjp", sans-serif;
}
.single_product .single_variation {
margin: 1rem 0 1.5rem;
background:#EAEAEA;
padding: 1rem 1.5rem 1rem 1.5rem;
}
.single_product .in-stock {
margin: 0;
}
.single_product .woocommerce-variation-price {
font-size: 1.25rem;
margin: 0 0 0.5rem;
}
.single_product .variations td {
padding: 0 0 1em;
}
.single_product .variations select {
height: 32px;
}
.single_product tr:last-of-type td.variations {
padding: 0 0 0;
}
.single_product .variations .label {
padding: 0.5rem 1rem 0.5rem 0;
vertical-align: top;
}
.single_product .wcpa_form_outer {
margin: 0 0 2em 0 !important;
}
.onaire_parent {
display: flex;
padding-bottom: .5rem;
}
.moji_color_parent {
display: flex;
border-bottom: 1px solid #CCC;
padding-bottom: 1rem;
}
.gift_parent {
padding-top: .5rem;
}
.noshi_soto_uchi_parent {
border-bottom: 1px solid #CCC;
padding-bottom: 1rem;
}
.gift_parent, .noshi_parent, .noshi_omote_name_parent, .noshi_soto_uchi_parent, .noshi_soto_uchi {
display: flex;
align-items: center;
}
.noshi_soto_uchi {
width: 60%;
}
.noshi_soto_uchi > div {
width: 5.5rem;
}
.moji_color_parent label, .gift_parent label, .noshi_parent label, .noshi_omote_name_parent label,
.noshi_soto_uchi_parent label, .onaire_parent label, .onaire_parent label, .noshi_soto_uchi_parent label {
width: 11.5rem;
display: block;
}
.moji_color_parent .select, .noshi_omote_name_parent input[type=text],
.onaire_parent input[type=text], .variations .value {
width: 60% !important;
}
.variations .value select, 
.moji_color_parent select {
display: block;
width: 100%;
}
.acf-product_data dl {
border-bottom: 1px solid #CCC;
}
.wcpa_form_item {
margin: .5rem 0 !important; 
}
.wcpa_form_outer label {
padding-right: 0 !important;
}
.must {
color: #F00;
}
.acf-product_data dl dt {
float: left;
clear: both;
width: 11.5rem;
padding: 1rem 0;
}
.acf-product_data dl dd {
padding: 1rem 0 1rem 10rem;
border-top: 1px solid #CCC;
}
.single_product .variations .reset_variations {
display: inline-block;
margin: 0.5rem;
font-size: .875rem;
color: #706399;
text-decoration: none;
}
.single_product .variations .value {
white-space: nowrap;
}
.single_product .variations label {
white-space: nowrap;
}
.related.products .product.type-product {
display: block;
width: 23%;
max-width: initial;
margin: 0 auto;
padding: 0;
}
.related.products img {
display: block;
width: 100%;
height: auto;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.woocommerce-product-gallery {
width: 57%;
}
.entry-summary {
width: 38%;
}
.woocommerce-tabs, .up-sells {
width: 100%;
}
.woocommerce-product-gallery {
height: auto !important;
}
.woocommerce-product-gallery img {
display: block;
width: 100%;
height: auto;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
padding: 0;
}
.woocommerce-pagination {
padding: 40px 40px 0;
margin-bottom: 60px;
}
.woocommerce-pagination .page-numbers {
display: flex;
}
.page-numbers li {
margin-right: .5rem;
}
.page-numbers li span {
display: inline-block;
border: 1px solid #909499;
padding: .5rem;	
background: #909499;
color: #FFF;
}
.page-numbers li a {
display: inline-block;
border: 1px solid #CCC;
padding: .5rem;
text-decoration: none;
background:#EEE;
color: #0E1116;
transition-duration: .3s;
}
.page-numbers li a:hover {
background: #706399;
color: #FFF;
border: 1px solid #706399;
}
.single_add_to_cart_button {
display: inline-block;
margin: 20px 0 40px;
padding: 1rem 2rem;
background: #909499;
color: #FFF;
border: none;
cursor: pointer;
border-radius: 3px;
transition-duration: .3s;
outline: none;
}
.single_add_to_cart_button:hover {
background: #787b80;
}
.widgettitle {
font-size: 1rem;
margin: 2em 0 1em;
border-top: 1px solid #CCC;
padding: 2em 0 0;
}
.side_title {
font-size: 1.75rem;
}
.single_cat a {
text-decoration: none;
color: #0E1116;
}
.post_content .widgettitle {
font-size: 1.25rem;
}
.single_side .widgettitle:first-of-type {
margin: 0 0 1em;
}
.widget_product_tag_cloud {
margin-bottom: 2em;
}
.woocommerce-product-search {
display: block;
position: relative;
}
.woocommerce-product-search input[type="search"] {
height: 32px;
display: inline-block;
width: 100%;
}
.woocommerce-product-search button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
padding: 0;
background:transparent;
z-index: 1;
border:none;
}
.woocommerce-product-search button::after {
content: "";
width: 32px;
height: 32px;
background:url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/img/icon_search.svg) 50% 50% no-repeat;
background-size: 16px;
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
.woocommerce-tabs {
margin: 40px 0 0;
}
.woocommerce-tabs .tabs {
border-bottom: 1px solid #CCC;
}
.woocommerce-tabs .tabs li {
margin-right: .5rem;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.woocommerce-tabs .tabs li a {
display: block;
padding: 1rem 2rem;
text-decoration: none;
background: #EAEAEA;
position: relative;
color: #000;
}
.woocommerce-tabs .tabs li.active a {
background: #FFF;
color: #0E1116;
}
.woocommerce-tabs .tabs li.active a::after {
width: 100%;
height: 1px;
background:#FFF;
position: absolute;
bottom: -1px;
left: 0;
content: "";
}
.woocommerce-Tabs-panel {
padding: 20px 10px 40px;
}
.related h2, .related_post h2, .woocommerce-Tabs-panel h2 {
font-size: 1.25rem;
}
.related h2, .related_post h2 {
padding: 0 10px;
}
#review_form label {
display: block;
margin-bottom: .5rem;
}
.comment-reply-title {
margin-bottom: 2rem;
display: block;
}
.required {
color: #F00;
}
.form-submit .submit {
display: inline-block;
padding: 1rem 1.5rem;
background:#909499;
color: #FFF;
border:none;
border-radius: 3px;
cursor: pointer;
text-align: center;
text-indent: .5rem;
letter-spacing: .5rem;
outline: none;
transition-duration: .3s;
}
.form-submit .submit:hover {
background:#787b80; 
}
.store_cart main {
padding: 60px 40px 0;
}
.store_checkout main, .store_account main {
padding: 60px 40px;
}
.woocommerce-MyAccount-content {
margin-top: 40px;
}
.woocommerce-MyAccount-content a {
color: #909499;
}
.woocommerce-MyAccount-content a:hover {
text-decoration: none;
}
.woocommerce-MyAccount-content p {
text-align: center;
line-height: 1.8;
margin-bottom: 2rem;
}
.woocommerce-EditAccountForm p {
text-align: left;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
justify-content: center;
}
.woocommerce-MyAccount-navigation ul li {
padding: 0 1rem;
border-left: 1px solid #CCC;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-right: 1px solid #CCC;
}
.woocommerce-MyAccount-navigation ul li a {
color: #909499;
text-decoration: none;
}
.store_account .woocommerce-Address {
border:1px solid #CCC;
padding: 30px;
}
.store_account .woocommerce-Address header {
margin-bottom: 1rem;
}
.store_account .woocommerce-Address address {
line-height: 1.8;
}
.store_account .woocommerce-form {
width: 600px;
margin: 0 auto !important;
}
.store_account .woocommerce h2 {
text-align: center;
font-size: 1.25rem;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom:1em !important;
}
.woocommerce table.shop_table {
border: 1px solid #999 !important;
border-collapse: collapse !important;
font-size: .875rem;
}
.woocommerce table.shop_table td {
border-top: 1px solid #999 !important;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0 !important;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-top: 1px solid #999 !important;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
width: 50% !important;
}
.product-thumbnail {
width: 20%;
}
.product-thumbnail a {
display: block;
}
.cross-sells h2, .cart_totals h2 {
font-size: 1.25rem;
}
.woocommerce-privacy-policy-text a, .about_paypal {
color: #909499 !important;
}
.woocommerce-privacy-policy-text a:hover, .about_paypal:hover {
text-decoration: none;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
padding: 1rem 2rem !important;
background: #909499 !important;
color: #FFF !important;
border: none !important;
cursor: pointer !important;
border-radius: 3px !important;
transition-duration: .3s !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #787b80 !important;
}
.shipping-calculator-button, .product-name a {
color: #909499;
}
.shipping-calculator-button:hover, .product-name a:hover {
text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
padding: 1rem 2rem !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1.5em 1.5em 1.5em 3.5em !important;
background-color: transparent !important;
color: #0E1116 !important;
border-top: none !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
padding: 1em 1.5em !important;
font-weight: 400 !important;
background-color: #DDD !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: 1.5em !important;
}
.woocommerce-checkout-review-order {
display: flex;
justify-content: space-between;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order .woocommerce-checkout-payment {
width: 48% !important;
}
.woocommerce-thankyou-order-received {
text-align: center;
font-size: 1.25rem;
padding: 2rem 0;
border-top: 1px solid #0E1116;
border-bottom: 1px solid #0E1116;
}
.woocommerce ul.order_details li {
font-size: .75em !important;
line-height: 1.5 !important;
}
.woocommerce ul.order_details.bankjp_details li {
font-size: 1em !important;
line-height: 1.8 !important;
}
.woocommerce-order h2 {
font-size: 1.25rem;
}
.woocommerce .woocommerce-customer-details address {
border: 1px solid #0E1116 !important;
border-bottom-width: 1px !important;
border-right-width: 1px !important;
padding: 1.5rem !important;
line-height: 1.5 !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
line-height: 1.5 !important;
}
.store_top {
text-align: center;
} @font-face {
font-family: 'WooCommerce';
src: url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/WooCommerce.eot); src: local('WooCommerce Regular'), url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/WooCommerce.eot?#iefix) format('embedded-opentype'), url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/WooCommerce.woff) format('woff'), url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/WooCommerce.ttf)  format('truetype'), url(//www.ohnishitune.com/wp-content/themes/onishituneshoten/fonts/WooCommerce.svg#svgFontName) format('svg'); }
.star-rating, p.stars [class^="star-"], p.stars [class*=" star-"] {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
width: 5em;
}
.star-rating:before {
content: "\e021\e021\e021\e021\e021";
float: left;
top: 0;
left: 0;
position: absolute;
color: #ccb07a;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.star-rating span:before {
content: "\e020\e020\e020\e020\e020";
top: 0;
position: absolute;
left: 0;
color: #ccb07a;
} .woocommerce-product-rating {
display: block;
width: 100%;
}
.woocommerce-product-rating .star-rating {
margin: 0 auto;
float: left;
font-size: 1em;
}
.woocommerce-product-rating .woocommerce-review-link {
font-size: .875rem;
width: auto;
margin: 0;
color: #706399;
text-decoration: none;
}
.woocommerce-product-rating .woocommerce-review-link:hover {
text-decoration: underline;
} p.stars {
position: relative;
padding: 0.75em;
}
p.stars a {
display: inline-block;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border-bottom: 0!important;
outline: 0;
color: #ccb07a;
}
p.stars a:hover, p.stars a.active {
color: #F90;
}
p.stars a:last-child {
border-right: 0
}
p.stars [class^="star-"], p.stars [class*=" star-"] {
border-right: 1px solid #ccc
}
p.stars [class^="star-"]:after, p.stars [class*=" star-"]:after {
text-indent: 0;
position: absolute;
top: 0;
left: 0
}
p.stars a.star-1 {
width: 2em
}
p.stars a.star-1:after {
content: "\e021"
}
p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
content: "\e020"
}
p.stars a.star-2 {
width: 3em
}
p.stars a.star-2:after {
content: "\e021\e021"
}
p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
content: "\e020\e020"
}
p.stars a.star-3 {
width: 4em
}
p.stars a.star-3:after {
content: "\e021\e021\e021"
}
p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
content: "\e020\e020\e020"
}
p.stars a.star-4 {
width: 5em
}
p.stars a.star-4:after {
content: "\e021\e021\e021\e021"
}
p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
content: "\e020\e020\e020\e020"
}
p.stars a.star-5 {
width: 6em;
}
p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021"
}
p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
content: "\e020\e020\e020\e020\e020"
} ul.products li.product .star-rating {
display: block;
text-align: center;
margin: 0 auto .5rem;
} ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
display: block;
text-align: center;
margin: 0 auto;
} .commentlist {
list-style: none;
padding-left: 0;
list-style: none;
}
.commentlist li {
border-bottom: 1px dotted #CCC;
margin-bottom: 1.5rem;
padding-bottom: .5rem;
}
.product_title + .woocommerce-product-rating {
padding-bottom: 20px;
}
.product_title + .woocommerce-product-rating .star-rating {
margin-right: 1rem;
}
.wcpa_form_outer .wcpa_form_item .wcpa_tooltip_icon > span {
background: rgba(0,0,0,1) !important;
border-radius: 0 !important;
content: attr(tooltip);
padding: 1px !important;
left: auto !important;
right: 1px !important;
width: 322px !important;
}
.wcpa_form_outer .wcpa_form_item .wcpa_tooltip_icon>span img {
display: block;
}
.woocommerce-tabs p, .woocommerce-product-details__short-description p {
line-height: 1.8;
}
.slick-dots {
bottom: -60px !important;
}
.table {
margin-bottom: 4em;
}
.table_attention {
font-size: .75rem;
}
.table figure {
margin: 0;
padding: 0;
}
.table table {
border-collapse: collapse;
}
.table table th, .table table td {
border: 1px solid #999;
padding: 1em;
}
.table table td {
text-align: right;
}
.flow {
margin-bottom: 80px;
}
.flow_content {
margin-bottom: 40px;
}
.flow_content ul {
display: flex;
justify-content: space-between;
}
.flow_content ul > li {
width: 48%;
padding: 30px 20px 20px;
}
.flow_content ul > li:first-child {
background: #EEE;
}
.flow_content ul > li:last-child {
background: #dae3f3;
}
.flow_content ul > li h3 {
text-align: center;
font-size: 1.125rem;
margin-bottom: 1.5em;
}
.flow_content ul > li ol {
list-style: none;
margin: 0;
padding: 0;
}
.flow_content ul > li ol li {
text-align: center;
background: #FFF;
padding: 0 1em;
line-height: 60px;
margin-bottom: 20px;
border-radius: 30px;
position: relative;
}
.flow_content ul > li:first-child ol li {
border:1px solid #c99f4c;
}
.flow_content ul > li:last-child ol li {
border:1px solid #706399;
}
.flow_content ul > li ol li:last-child {
margin-bottom: 0;
}
.flow_content ul > li:first-child ol li:first-child::before,
.flow_content ul > li:first-child ol li:last-child::before, 
.flow_content ul > li:first-child ol li:first-child::after,
.flow_content ul > li:first-child ol li:last-child::after,
.flow_content ul > li:last-child ol li:first-child::before,
.flow_content ul > li:last-child ol li:last-child::before, 
.flow_content ul > li:last-child ol li:first-child::after,
.flow_content ul > li:last-child ol li:last-child::after,
.flow_content ul > li:last-child ol li:nth-last-of-type(2)::after,
.flow_content ul > li:last-child ol li:nth-last-of-type(2)::before {
display: none;
}
.flow_content ul > li:first-child ol li::before {
content: "";
width: 72px;
height: 1px;
background: #c99f4c;
position: absolute;
right: -72px;
top: 50%;
transform: translate(0, -50%);
}
.flow_content ul > li:last-child ol li::before {
content: "";
width: 90px;
height: 1px;
background: #706399;
position: absolute;
left: -78px;
top: calc(50% + 38px);
transform: translate(0, -50%) rotate(-45deg);
}
.flow_content ul > li:first-child ol li::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #c99f4c;
position: absolute;
right: -72px;
top: 50%;
transform: translate(0, -50%);
}
.flow_content ul > li:last-child ol li::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #706399 transparent transparent;
position: absolute;
left: -72px;
top: calc(50% + 72px);
transform: translate(0, -50%) rotate(-45deg);
}
.ul_flush {
list-style: none;
padding-left: 0;
display: table;
}
.ul_flush li:after {
content: "";
display: block;
margin-bottom: 0.5em;
}
.ul_flush li {
display: table-row;
margin-bottom: .5em;
}
.ul_flush li:before {
content: "•";
display: table-cell;
padding-right: 0.4em;
}
.machiya_ex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 40px;
}
.machiya_ex li {
width: 31%;
border: 1px solid #CCC;
padding: 1em;
margin-bottom: 2%;
text-align: center;
font-size: .875rem;
}
.rental_price ul {
font-size: .875rem;
}
.rental_price {
width: 100%;
max-width: 960px;
margin: 0 auto 80px;
}
.rental_price table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1.5em;
}
.rental_price th {
width: 20%;
}
.rental_price th, .rental_price td {
border: 1px solid #CCC;
padding: 1em; 
}
.rental_price td {
text-align: right;
}
.rental_price tr td:first-of-type {
text-align: center;
background: #e7f0f9;
}
.rental_price thead tr:first-of-type th {
background: #EEE;
}
.rental_price thead tr:last-of-type th {
background: #f9f6e7;
}
.price_table_a .has-fixed-layout th {
width: 16.66% !important;
}
.price_table_b .has-fixed-layout th {
width: 25% !important;
}
.price_table_a th {
width: 20%;
}
.price_table_a th:nth-of-type(1) {
background: #EEE;
}
.price_table_a th:nth-of-type(2) {
background: #f9f6e7;
}
.price_table_a th:nth-of-type(3) {
background: #d5cabd;
}
.price_table_a th:nth-of-type(4) {
background: #e0c5b1;
}
.price_table_a th:nth-of-type(5) {
background: #FFF;
}
.price_table_a th:nth-of-type(6) {
background: #FFF;
}
.price_table_a th:nth-of-type(7) {
background: #e7eff9;
}
.price_table_b th:nth-of-type(1) {
background: #EEE;
}
.price_table_b th:nth-of-type(2) {
background: #bababa;
}
.price_table_b th:nth-of-type(3) {
background: #ede0a9;
}
.price_table_b th:nth-of-type(4) {
background: #e9e8e8;
}
.naire_flow li:first-child::before, .naire_flow li:first-child::after {
display: block !important;
}
.form {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.help_icon::after {
content: "\f059";
font-family: "Font Awesome 5 Pro";
margin-left: .5em;
font-weight: 300;
}
.form a {
color: #212121;
text-decoration: none;
}
.form > dl > dt {
float: left;
clear: both;
width: 14em;
padding: 1em 0;
}
.form > dl > dd {
padding: 1em 14em 1em 14em;
border-top: 1px dotted #999;
}
.form > dl {
border-bottom: 1px dotted #999;
}
.form > dl > dd input[type="text"], .form > dl > dd textarea, .form > dl > dd input[type="email"], .form > dl > dd input[type="tel"] {
display: block;
width: 100%;
padding: .5em;
}
.form > dl > dd input[type="date"], .form > dl > dd input[type="number"], .menu-240 select, .menu-538 select {
padding: .5em;
}
.form .apply {
text-align: center;
}
.form .apply .wpcf7-list-item {
margin: 0;
}
.form .unit {
display: inline-block;
margin-left: 1em;
}
.form > dl > dd dl {
margin: 0;
}
.form > dl > dd dl dt {
margin-bottom: .5em;
}
.form > dl > dd dl dd {
margin-bottom: 1em;
line-height: 1.5;
}
.form > dl > dd ul {
font-size: .875rem;
line-height: 1.5;
margin: 0;
}
.form > dl > dd ul li:last-child {
margin-bottom: 0 !important;
}
.attention_dd {
padding: 1em 0 1em 14em !important;
}
.form .small {
width: 50% !important;
}
.radio_list .wpcf7-list-item {
display: block;
margin: 0 0 .25em !important;
line-height: 1.5;
}
.radio_list .wpcf7-list-item.last {
margin: 0 !important;
}
.intittle {
display: inline-block;
margin: 0 .5em 1.5em;
}
select.orderby {
-webkit-appearance: none;
background: transparent;
appearance: none; }
select.orderby::-ms-expand {
display: none; }
.products-order .woocommerce-ordering, 
.date_time .menu-265, .date_time .menu-266, .date_time .menu-267 {
position: relative;
}
.date_time .menu-265, .date_time .menu-266, .date_time .menu-267 {
display: inline-block;
}
.products-order .woocommerce-ordering::after, 
.date_time .menu-265::after, .date_time .menu-266::after, .date_time .menu-267::after {
content: "\f078";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
display: block;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
position: absolute;
z-index: -1;
right: 10px;
top: 50%;
margin-top: -8px;
}
.date_time dd {
margin-bottom: 1.5em !important;
}
.date_time dd:last-of-type {
margin-bottom: 0 !important;
}
.date_time select {
padding: .5em;
}
.wpcf7-list-item.first {
margin: 0;
}
.submit {
width: 300px;
height: 60px;
margin: 1rem auto;
}
.submit input {
display: block;
background: #909499;
border: 1px solid #909499;
color: #FFF;
text-decoration: none;
width: 300px;
height: 60px;
line-height: 60px;
transition-duration: .3s;
text-align: center;
cursor: pointer;
}
.submit input:hover {
background: #787b80;
}
.submit input:disabled, .submit input:disabled:hover {
background: #CCC;
border: 1px solid #CCC;
color: #FFF;
}
.wpcf7 .ajax-loader {
display: block !important;
margin: 1em auto 0 !important;
}
.wpcf7-not-valid-tip {
font-size: .875em !important;
padding: .5em 0 !important;
}
.wpcf7-response-output {
margin: 1.5em 0 0 !important;
padding: 0 !important;
border: none !important;
text-align: center !important;
}
.remodal img {
display: block;
width: 100%;
height: auto;
}
.pr_shokai {
}
.pr_shokai img {
display: block;
width: 100%;
height: auto;
}
.pr_shokai div:first-of-type {
width: 100%;
max-width: 320px;
margin: 0 auto 2em;
}
.pr_shokai div:first-of-type + div {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.pr_shokai div:first-of-type + div h3 {
text-align: center;
}
.pr_history, .pr_ex {
width: 100%;
max-width: 800px;
border-bottom: 1px dotted #999;
}
.pr_history {
margin: 0 auto 4em;
}
.pr_ex {
margin: 0 auto;
}
.pr_history dt {
float: left;
clear: both;
width: 7em;
padding: 1em 0;
}
.pr_ex dt {
float: left;
clear: both;
width: 14em;
padding: 1em 0;
}
.pr_history dd {
padding: 1em 0 1em 7em;
border-top: 1px dotted #999;
}
.pr_ex dd {
padding: 1em 0 1em 14em;
border-top: 1px dotted #999;
}
.pr_ex + p {
text-align: right;
}
.oem_desc {
background: #f6f6f6;
padding: 4vw;
margin: 40px 0 80px;
}
.oem_desc p {
margin: 0;
}
.oem_desc h3 {
margin-top: 0;
}
.oem_desc a, .n_link {
color: #909499;
text-decoration: underline;
}
.oem_desc a:hover, .n_link:hover {
text-decoration: none;
}
.temp_box ul {
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.temp_box ul li p {
padding: 1em 0;
}
.temp_box ul li {
width: 46%;
text-align: center;
}
.temp_box ul li picture {
display: block;
position: relative;
}
.temp_box ul li:first-child picture::before {
display: block;
width: 100%;
height: 1px;
background: #262626;
position: absolute;
bottom: -10px;
left: 0;
content: "";
}
.temp_box ul li:first-child picture::after {
display: block;
width: 1px;
height: 100%;
background: #262626;
position: absolute;
top: 0;
right: -10px;
content: "";
}
.temp_box ul li:first-child span {
display: inline-block;
padding: 0 1em;
position: absolute;
left: 100%;
top: 50%;
transform: translate(0, -50%);
}
.temp_box ul li h3 {
font-size: 1.125rem;
text-align: center;
}
.temp_box ul li img {
display: block;
width: 100%;
height: auto;
}
.dl_temp {
display: flex;
justify-content: space-between;
margin: 2em 0 0;
}
.dl_temp li {
text-align: center;
width: 48%;
border: 1px solid #999;
padding: 40px 1em;
}
.dl_temp h3 {
font-size: 1rem;
}
.dl_temp li span {
display: inline-block;
margin: 0 1em 1em;
font-size: .875rem;
}
.out_link::after {
content: "\f35d";
font-family:"Font Awesome 5 Pro";
display: inline-block;
margin-left: .5em;
}
.oem_menu {
width: 100%;
max-width: 1366px;
margin: 40px auto 80px;
padding: 0 4vw;
display: flex;
justify-content: space-between;
}
.oem_menu li {
width: 31%;
line-height: 1.5;
}
.oem_menu li span {
display: block;
}
.oem_menu li .title {
font-weight: bold;
margin-bottom: .5em;
text-align: center;
}
.oem_menu li .txt {
font-size: .875rem;
}
.oem_menu li a {
text-decoration: none;
color: #000;
}
.oem_menu li a:hover .img img {
opacity: .6;	
}
.oem_menu li a .img img {
display: block;
width: 100%;
height: auto;
backface-visibility: hidden;
opacity: 1;
transition-duration: .3s;
}
.oem_menu li a > span:nth-of-type(2) {
display: block;
padding: 0 2em;
}
.tel {
text-align: center;
margin: 40px 0 80px;
line-height: 1.8;
}
.tel span {
display: block;
font-size: 1.5rem;
margin: .5em 0;
}
.tel a {
text-decoration: none;
color: #212121;
}
.tel .bt_l a {
color: #212121;
}
.tel a:hover {
text-decoration: underline;
}
.tel .bt_l a:hover {
text-decoration: none;
}
.gmap {
position: relative;
width: 100%;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 40px;
}
.gmap iframe,
.gmapp object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.case > div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.case > div dl {
width: 48%;
margin: 0 0 4%;
padding: 0;
line-height: 1.5;
border: 1px solid #CCC;
padding: 2em;
}
.case > div dl dt {
font-weight: bold;
margin-bottom: 1em;
}
.case > div dl dt picture {
display: block;
margin-bottom: 40px; 
}
.case > div dl dd:first-of-type, .case > div dl dd:first-of-type + dd {
margin-bottom: 1em;
}
.case > div dl dd {
font-size: .875rem;
}
.access_data, .exp_dtata {
line-height: 1.5;
border-bottom: 1px dotted #999;
margin: 0 0 40px;
}
.mb1em {
margin: 0 0 1em !important;
}
.access_data dt {
width: 10em;
float: left;
clear: both;
padding: 1em 0;
}
.exp_dtata dt {
width: 5em;
float: left;
clear: both;
padding: 1em 0;
}
.access_data dd {
padding: 1em 0 1em 10em;
border-top: 1px dotted #999;
}
.exp_dtata dd {
padding: 1em 0 1em 5em;
border-top: 1px dotted #999;
}
.page_list .page_list_title {
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
padding: 1.5em 0;
text-align: center;
}
.access_tr > div {
padding: 1em 0;
border: 1px solid #CCC;
padding: 2em;
margin: 0 0 40px;
position: relative;
display: flex;
justify-content: space-between;
}
.access_tr > div:last-of-type::after {
display: none;
}
.access_tr > div:first-of-type {
margin-top: 40px;
}
.access_tr dl {
width: 65%;
line-height: 1.5;
}
.access_tr img {
display: block;
width: 32%;
height: auto;
}
.access_tr > div::after {
content: "";
width: 1px;
height: 40px;
background: #CCC;
position: absolute;
bottom: -40px;
left: 50%;
}
.access_tr dl dt {
font-weight: bold;
margin-bottom: 1em;
}
#pay_with_amazon {
text-align: left !important;
margin-top: 1em !important;
}
.nopost_title {
font-size: 1.5rem;
white-space: nowrap;
letter-spacing: 0.1em;
}
.nopost_content {
width: 100%;
}
.nopost_content + p, .nopost_title + div + p {
display: none;
}
.b_contact {
background: #bacede;
color: #262626;
position: fixed;
right: 20px;
bottom: 20px;
padding: 1em 1.5em;
}
.b_contact > span {
font-size: .875rem;
}
.b_contact > span span {
font-size: 1rem;
}
.b_contact span {
display: block;
text-align: center;
line-height: 1.8;
}
.b_contact a {
color: #262626;
text-decoration: none;
}
.tokutei, #privacy {
width: 100%;
max-width: 960px;
padding: 40px;
margin: 0 auto;
line-height: 1.8;
}
.outer_ol {
margin: 0;
padding: 0;
list-style: none;
}
.ol_flush {
list-style: none;
padding-left: 0;
display: table;
}
.ol_flush li:after {
content: "";
display: block;
margin-bottom: 0.5em;
}
.ol_flush li {
display: table-row;
counter-increment: table-ol;
}
.ol_flush li:before {
content: counter(table-ol) ".";
display: table-cell;
padding-right: 0.4em;
text-align: right;
}
.tokutei > dl {
border-bottom: 1px solid #CCC; 
}
.tokutei > dl > dt {
float: left;
clear: both;
width: 14em;
padding: 1em 0;
}
.tokutei > dl > dd {
padding: 1em 0 1em 14em;
border-top: 1px solid #CCC;
}
.tokutei > dl > dd > dl {
margin: 0;
padding: 0;
}
.tokutei > dl > dd > dl dt {
float: left;
width: 10em;
}
.tokutei > dl > dd > dl dd {
padding-left: 10em;
}
.reccommend_title {
font-size: 1.5rem;
white-space: nowrap;
letter-spacing: 0.1em;
margin-bottom: 1em;
}
.thumb_list4 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.thumb_list4 li {
width: 23%;
margin-bottom: 4%;
}
.list_box_img {
margin-bottom: 1em;
}
.thumb_list4 li span {
display: block;
line-height: 1.5;
margin-bottom: .5em;
}
.thumb_list4 li time {
display: block;
font-size: .875rem;
color: #CCC;
line-height: 1.5;
}
.thumb_list4 li span a {
text-decoration: none;
color: #706399;
}
.thumb_list4::before {
content: "";
display: block;
order: 1;
width: 23%;
}
.thumb_list4::after {
content: "";
display: block;
width: 23%;
}
.list_box_img a {
display: block;
position: absolute;
width: 100%;
padding-top: 66.66%;
position: relative;
overflow: hidden;
}
.list_box_img a img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.instagram {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 6vw;
}
.instagram li {
width: 23%;
margin-bottom: 3%;
}
.instagram li a {
display: block;
position: relative;
width: 100%;
padding-top: 100%;
}
.instagram li img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}
.sensu_linen, .sensu_zigyo > li ul, .three_bt, .sensu_machiya {
display: flex;
justify-content: space-between;
}
.sensu_linen li {
width: 30%;
}
.sensu_machiya li {
width: 46%;
text-align: center;
}
.img_outer100 {
display: block;
width: 100%;
padding-top: 100%;
position: relative;
margin-bottom: 40px;
}
.img_outer100 img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 100%;
object-fit: contain;
}
.sensu_linen li h3 {
text-align: center;
letter-spacing: 0.5em;
text-indent: 0.5em;
}
.sensu_linen li p {
text-align: center;
font-size: .875rem;
}
.sensu_zigyo > li ul {
margin-bottom: 60px;
}
.sensu_zigyo > li:last-of-type ul {
margin-bottom: 0;
}
.sensu_zigyo > li {
width: 100%;
text-align: center;
background: #f6f6f6;
padding: 40px 40px 0;
max-width: 1040px;
margin: 0 auto;
}
.sensu_zigyo > li ul li {
margin-bottom: 3em;
width: 30%;
}
.sensu_zigyo {
margin-bottom: 40px;
}
.sensu_zigyo > li > h3 {
margin-bottom: 2em;
}
.three_bt {
margin: 80px 0 120px;
}
.three_bt li {
width: 30%;
text-align: center;
height: 60px;
}
.three_bt li a {
display: block;
background: #909499;
border: 1px solid #909499;
color: #FFF;
text-decoration: none;
line-height: 60px;
transition-duration: .3s;
}
.three_bt li a:hover {
background: #787b80;
}
.three_bt li a span {
display: inline-block;
position: relative;
padding-left: 2rem;
}
.three_bt li a span::before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
color: #FFF;
position: absolute;
top: 0;
left: 0;
transition-duration: .3s;
}
.three_bt li a:hover span::before {
left: .5em;
}
.map_link {
display: inline-block;
margin-left: .5em;
}
.map_link a {
color: #262626;
}
.map_link a:before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f178";
display: inline-block;
margin-right: .5em;
}
.map_link a:hover {
text-decoration: none;
}
.exp_rsv_flow {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0 6vw;
margin: 60px 0;
}
.exp_rsv_flow li {
width: 16%;
}
.exp_rsv_flow h2 {
width: 100%;
padding-top: 100%;
position: relative;
margin: 0;
color: #706399;
}
.exp_rsv_flow h2 > span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
font-size: 1.25rem;
text-align: center;
line-height: 1.5;
z-index: 1;
letter-spacing: 0.25em;
text-indent: 0.25em;
}
.exp_rsv_flow li:nth-child(1) h2::before,
.exp_rsv_flow li:nth-child(2) h2::before,
.exp_rsv_flow li:nth-child(3) h2::before,
.exp_rsv_flow li:nth-child(4) h2::before {
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 1em;
left: 0;
font-size: 1rem;
font-style: italic;
}
.exp_rsv_flow li:nth-child(1) h2::before {
content: "Step.1";
}
.exp_rsv_flow li:nth-child(2) h2::before {
content: "Step.2";
}
.exp_rsv_flow li:nth-child(3) h2::before {
content: "Step.3";
}
.exp_rsv_flow li:nth-child(4) h2::before {
content: "Step.4";
}
.exp_rsv_flow h2::after {
content: "";
width: 100%;
padding-top: 100%;
display: block;
border: 2px solid #706399;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.exp_rsv_flow h2 span span {
display: block;
font-size: .875rem;
letter-spacing: 0;
text-indent: 0;
}
.exp_rsv_flow p {
font-size: .875rem;
line-height: 1.5;
padding-top: 4em;
}
.zaiko_check {
padding: 1em 0;
color: #ec425a;
}
.zaiko_check h3 {
font-size: 1rem;
margin-top: 0;
}
.zaiko_check p {
font-size: .875rem;
line-height: 1.5;
margin-bottom: 0;
}
.single_product .quantity input[type="number"] {
display: inline-block;
width: 20% !important;
}
.woocommerce-product-details__short-description {
margin-bottom: 2em;
}
.available-on-backorder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
padding: 1em 0;
}
.available-on-backorder::before {
content: "\f0d1";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
margin-right: .5em;
}
.wp-block-buttons {
margin: 2em 0 !important;
font-size: 1em !important;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-size: .875rem !important;
padding: 1em 1.5em !important;
white-space: nowrap !important;
}
.wpcf7-spinner {
display: block !important;
margin: 1em auto 0 !important;
}
.button.product_type_variable, .button.product_type_simple {
display: none !important;
}
@media (max-width: 1024px) {
.entry-icon-new {
font-family: "NotoSansCJKjp", sans-serif;
font-size: 1rem;
position: static;
top: auto;
left: auto;
letter-spacing: 0;
display: inline-block;
text-align: left;
margin-right: .5em;
color: #D18CAB;
}
main {
padding: 90px 0 0;
}
.single-wraper, .single_product .product.type-product {
display: block;
}
.single-wraper {
padding: 20px 40px;
}
.single_product .product.type-product, .woo-variation-product-gallery, .entry-summary {
width: 100% !important;
}
.single-wraper .sidebar {
width: 100%;
}
.related.products .product.type-product {
width: 23% !important;
}
.woo-variation-product-gallery {
width: 50% !important;
margin-right: 40px;
}
.woocommerce-product-details__short-description {
margin-bottom: 40px;
}
.acf-product_data {
clear: both;
}
.woocommerce-products-header {
width: 100%;
}
.sb_search {
display: inline-block;
}
.sb_search_inner {
position: static;
}
.sp_display { display: block;}
.sp_display_index { display: inline;}
#dr-menu {
cursor: pointer;
position: relative;
z-index: 99;
width: 80px;
height: 80px;
transition-duration: .3s;
}
#dr-menu span {
display: block;
width: 40px;
height: 1px;
top: 40px;
left: 20px;
transition-duration: .3s;
position: absolute;
}
#dr-menu span:before {
width: 40px;
height: 1px;
background: #212121;
content: "";
position: absolute;
top: -10px;
left: 0;
transition-duration: .3s;
}
#dr-menu span:after {
width: 40px;
height: 1px;
background: #212121;
content: "";
position: absolute;
bottom: -10px;
left: 0;
transition-duration: .3s;
}
.open {
overflow: hidden;
}
.open #dr-menu span:before {
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
background: #212121;
}
.open #dr-menu span {
height: 0;
background: #212121;
}
.open #dr-menu span:after {
transform: rotate(-45deg);
bottom: 50%;
background: #212121;
}
.menu_drawer {
position: fixed;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,1);
-webkit-transition: all .5s;
transition: all .5s;
visibility: hidden;
opacity: 0;
}
.global_nav {
overflow-y: scroll;
height: 100%;
}
.menu_drawer > ul {
padding: 60px 0 0;
display: block;
}
.menu_drawer > ul li {
}
.menu_drawer ul li a {
color: #212121;
text-decoration: none;
line-height: 1.5;
}
.store_nav li, .global_nav > li {
margin: 0 6vw;
}
.mega {
margin: 1em 0 0;
position: static;
width: auto;
left: auto;
top: auto;
background: transparent;
max-height: inherit;
opacity: 1;
overflow: visible;
transition: all .3s ease-in;
box-shadow: none;
display: none;
border-top: 1px solid #CCC;
padding: 1em 1em 0;
}
.global_nav > li {
border-top: 1px solid #CCC;
padding: 1em 0;
}
.global_nav > li > a {
display: inline-block;
font-weight: bold;
font-size: 1rem;
padding: 0;
line-height: 1 !important;
}
.mega li {
margin-bottom: .5em;
}
.mega li:last-child {
margin-bottom: 0;
}
.mega li a {
position: relative;
}
.mega li a::before {
display: inline-block;
content: "";
width: 16px;
height: 1px;
background: #212121;
margin-right: 1em;
vertical-align: middle;
}
.thumb_title {
padding: 0;
}
.nav_thumb_list > li span, .mega li a {
display: inline-block;
}
.nav_in {
padding: 0;
}
.open .menu_drawer {
-webkit-transition: all .5s;
transition: all .5s;
visibility: visible;
opacity: 1;
z-index: 30;
}
.n_color a span {
border: none;
padding:0;
border-radius:0;
transition-duration: .3s;
}
.sp_pr_cat {
border-top: 1px solid #CCC;
padding: 1em 0;
margin-top: 1em;
}
.sp_pr_cat li {
width: 50% !important;
float: none !important;
clear: none !important;
margin: 0 !important;
}
.sp_pr_cat li .widgettitle {
font-size: 1.17rem !important;
margin: 2em 0 1em;
border-top: none;
padding: 0;
}
.sp_pr_cat .menu-keyword li {
width: 100% !important;
}
.sp_pr_cat li a {
display: flex !important;
align-items: center;
}
.sp_pr_cat li a h2 {
font-size: .875rem !important;
font-weight: normal !important;
margin: 0 !important;
padding: 0 !important;
color: #212121 !important;
}
.sp_pr_cat li a img {
display: block !important;
width: 10% !important;
margin-right: 1em !important;
margin-bottom: 0 !important;
}
.gift_title + div .products li a img, 
.sp_cate_title + div .products li a img {
display: none !important;
}
.sp_pr_cat h3, .sp_pr_cat li .widgettitle {
margin: 2em 0 1.5em;
border-top: 1px solid #CCC;
padding-top: 1.5em;
font-size: 1rem !important;
}
.color_h + div ul li img {
border: 1px solid #CCC;
}
.sp_pr_cat .sp_banner_list {
display: flex;
justify-content: space-between;
}
.sp_pr_cat .sp_banner_list > div {
width: 31%;
}
.sp_pr_cat .post_list {
margin: 0;
}
.sp_pr_cat .post_list li {
width: 100% !important;
}
.store_nav_sp {
display: flex !important;
justify-content: flex-end;
padding: 0 1em;
}
.side_banner a span {
padding: .5em 0 0;
}
.store_nav_sp li {
margin-left: 1.5em;
}
.sp_banner_list {
margin-top: .5em;
}
.sp_banner_list + h3 {
margin: 1em 0 1.5em !important;
}
.price_h +  .woocommerce .products img {
display: none !important;
}
.color_h + .woocommerce .product-category.product.first img {
border:1px solid #CCC;
}
.store_nav {
display: none;
}
header.g_header {
height: 90px;
position: fixed;
align-items: center;
}
.pankuzu {
padding-top: 90px;
font-size: .75rem;
}
.menu_drawer > .store_nav_sp + ul {
padding: 0 !important;
}
html, body {
min-width: inherit;
}
header.g_header h1 {
font-size: 1rem;
margin: 0;
height: 40px;
line-height: 40px;
position: relative;
}
.key {
padding: 0;
overflow: hidden;
}
.key_inner {
width: 100%;
height: 60vh;
max-height: inherit;
}
.first_content {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.6);
padding: 30px;
}
.n_section, .c_section > div {
padding: 60px 30px;
}
.index_cat li {
width: 46%;
margin-bottom: 4%;
padding: 0 5px;
}
.index_single {
width: 100%;
margin: 0 auto 0;
padding: 40px 30px 60px;
text-align: center;
line-height: 1.5;
background: #FFF;
position: relative;
z-index: 25;
}
.n_section.mb80 {
margin-bottom: 0 !important;
}
.cul_sec > div ul li {
width: 100%;
margin-bottom: 4% !important;
}
.two_banner {
display: block;
}
.two_banner li {
width: 100%;
border-right: 0;
border-top: 1px solid #CCC;
padding: 60px;
}
.bottom-navi {
padding: 0
}
.bottom-navi ul {
width: 100%;
max-width: inherit;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px solid #f2f0ed;
}
.bottom-navi li {
margin: 0;
text-align: center;
border-top: 1px solid #f2f0ed;
border-left: 1px solid #f2f0ed;
width: 50%;
}
.bottom-navi li:nth-child(even) {
border-right: 1px solid #909499;
}
.bottom-navi::before, .bottom-navi::after {
display: none;
}
.bottom-navi {
border-bottom: none;
}
.bottom-navi li a {
text-decoration: none;
display: block;
padding: 1em;
background: #909499;
color: #FFF;
}
.menu-keyword .tagcloud {
display: flex;
flex-wrap: wrap;
}
.menu-keyword .tagcloud a {
font-size: .875rem !important;
margin: 0 1.5em 1.5em 0;
display: inline-block;
}
.pc_display, .pc_display_index { display: none; }
.wcpa_paragraph_block {
font-size: .875rem;
}
}
@media (max-width: 820px) {
.flex_right.recommend_flex_right {
flex-direction: column-reverse;
}
.recommend_content .single_title, .recommend_content.flexbox {
padding-top: 0;
}
.recommend_content .flex_right p {
padding: 0;
}
.recommend_content .flex_right p br {
display: none;
}
.recommend_content #menu-onlinestore_index li a {
line-height: 50px;
}
.recommend_side {
width: 100%;
}
.recommend_post {
width: 100%;
}
.recommend_post .single_content {
padding: 0 30px;
}
.recommend_post .single_header, #chuoose {
padding: 0 30px;
}
.recommend_post .related_post {
margin-bottom: 40px;
}
.woocommerce-no-products-found {
padding: 1em 30px;
}
.recommend_side {
padding: 0 30px;
}
.thumb_list4, .reccommend_title {
padding: 0 30px;
}
.reccommend_title {
margin-top: 0;
}
.thumb_list4 li {
width: 48%;
margin-bottom: 4%;
}
.bottom_onlinestore {
padding: 0;
margin: 0 auto;
}
.bottom_onlinestore a {
padding: 1.5em;
font-size: 1rem;
}
.side_post_list li, .side_post_list li time {
display: block;
}
.side_post_list li time {
margin: 0;
}
.index_cat li > div span.txt {
padding: 0 0 1em;
}
.tokutei, #privacy {
padding: 40px 20px;
}
.tokutei > dl > dt {
float: none;
clear: none;
width: auto;
padding: 1em 0 .5em;
border-top: 1px solid #CCC;
}
.tokutei > dl > dd {
padding: 0 0 1em 0;
border-top: none;
}
.store_account .page_content {
padding: 0 20px;
}
.store_account .woocommerce p {
text-align: left;
}
.woocommerce-MyAccount-navigation ul {
display: block;
}
.woocommerce-MyAccount-navigation ul li {
padding: 0;
border-left: none;
margin-bottom: 1em;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-right: none;
}
.nopost_content > div > form > ul > li {
display: block;
}
.nopost_content > div ul > li h4, .nopost_content > div ul > li > ul, .sf-field-search label {
width: 100%;
}
.nopost_title {
font-size: 1.25rem;
white-space: nowrap;
letter-spacing: 0;
padding: 0 20px;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.125rem !important;
text-transform: none;
line-height: 1.5;
padding-top: .25em !important;
}
.woocommerce ul.order_details li {
float: none !important;
margin: 0 0 1em !important;
font-size: .875em !important;
line-height: 1.5 !important;
border-right: none !important;
padding: 0 !important;
list-style-type: none !important;
}
.woocommerce-thankyou-order-received {
text-align: center;
font-size: .875rem;
padding: 2rem 0;
line-height: 1.5;
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
}
.store_checkout main {
padding: 20px 0 0 !important;
}
.woocommerce td.product-name dl.variation p {
display: inline-block;
margin: 0;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table, 
.woocommerce-checkout-review-order .woocommerce-checkout-payment {
width: 100% !important;
}
.woocommerce-checkout-review-order {
display: block;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
display: none !important;
}
.woocommerce-info #pay_with_amazon {
float: none !important;
margin-bottom: 20px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 0 !important;
margin: 0 0 2em;
position: relative;
background-color: #FFF;
color: #515151;
border-top: none;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.store_checkout .woocommerce {
padding: 0 20px;
}
.store_cart main {
padding: 40px 20px 0;
}
.wcpa_row label {
margin-bottom: .5em;
font-weight: bold;
}
.wcpa_row .wcpa_form_item {
margin-bottom: 1.5em !important;
}
.single_product .variations .label {
margin-bottom: 0;
padding: 0;
font-weight: bold;
}
.single_product .variations td {
padding: .5em 0 0;
}
.variations tr {
margin-bottom: 2em;
}
.variations tr:last-child {
margin-bottom: 0;
}
.acf-product_data dl dt {
float: none;
clear: none;
width: 100%;
padding: 1.5em 0 .5em;
border-top: 1px solid #CCC;
font-weight: bold;
}
.acf-product_data dl dd {
padding: 0 0 1.5em 0;
border-top: none;
}
.woocommerce-product-details__short-description {
margin: 40px 0 40px;
}
.variations td, .onaire_parent,
.gift_parent, .noshi_parent, .noshi_omote_name_parent, .noshi_soto_uchi_parent, .noshi_soto_uchi {
display: block;
}
.variations, .variations tbody, .variations tr, .variations td , .moji_color_parent .select, .noshi_omote_name_parent input[type=text], .onaire_parent input[type=text], .variations .value {
display: block;
width: 100% !important;
}
.related.products .product.type-product {
width: 48% !important;
}
.single-wraper {
padding: 20px;
}
.sidebar.single_side {
padding: 2em 0 0;
border-top: 1px solid #CCC;
}
.related.products {
margin-bottom: 40px;
}
.sidebar.single_side .products_cat {
margin-bottom: 40px;
}
.woo-variation-product-gallery {
width: 100% !important;
margin-right: 0;
margin-bottom: 40px !important;
}
.bt_l, .bt_l a {
width: 100%;
}
.type_box > div, .type_box picture {
width: 100%;
margin-bottom: 20px;
}
.type_box:nth-of-type(odd) {
padding: 20px 0;
flex-direction: column-reverse;
}
.type_box:nth-of-type(even) {
padding: 20px 0;
flex-direction: column-reverse;
}
.page_in_link {
display: block;
margin: 40px 0;
}
.page_in_link li {
padding: 0 20px;
border-right: none;
font-size: .875rem;
margin-bottom: 1em;
}
.page_in_link li a::before {
content: "\f054";
margin-right: 1em;
font-family: "Font Awesome 5 Pro";
display: inline-block;
}
.img_box {
padding: 20px 0 40px;
display: block;
}
.sensu_linen, .sensu_zigyo > li ul, .three_bt, .sensu_machiya {
display: block;
}
.sensu_linen li {
width: 80%;
margin: 30px auto 60px;
}
.sensu_zigyo > li ul li {
margin-bottom: 3em;
width: 100%;
}
.sensu_zigyo > li {
padding: 40px;
margin: 0 auto 20px;
}
.img_outer100 {
display: block;
width: 100%;
padding-top: 0;
position: relative;
margin-bottom: 40px;
}
.img_outer100 img {
position: static;
top: 0;
left: 0;
transform: translateY(0);
width: 100%;
height: auto;
object-fit: fill;
}
.three_bt {
margin: 40px 0 120px;
}
#about > section:nth-last-of-type(1) > div:nth-last-of-type(1) .three_bt {
margin: 40px 0 0;
}
.three_bt li {
width: 100%;
text-align: center;
height: 60px;
margin-bottom: 20px;
}
.sensu_machiya li {
width: 100%;
margin-bottom: 60px;
}
figure {
margin: 0;
}
.sidebar, .index_post_list, .index_pr_tags, #seminar, #mailform, #history, #type, #about_sensu, #care, #about, #tosenkyo, #rental, #shop, .page_content #corporation {
padding: 0 20px;
}
#rental p.tac {
text-align: left;
}
.post_content > .sidebar {
padding: 0;
}
.instagram + div {
margin: 0 20px 60px;
width: auto;
}
.machiya_ex {
display: block;
margin-bottom: 40px;
}
.machiya_ex li {
width: 100%;
border: 1px solid #CCC;
padding: 1em;
margin-bottom: 10px;
text-align: center;
font-size: .875rem;
}
.autoplay, .autoplay2 {
margin-bottom: 60px !important;
}
.autoplay2 {
margin-top: -60px;
}
.autoplay2 img {
max-width: inherit;
height: auto !important;
}
.autoplay2 span {
padding: 0;
width: 100%;
}
.slick-dots {
bottom: -40px !important;
}
.slick-dots li {
margin: 0 2px !important;
}
.slick-dots li button:before {
width: 12px !important;
height: 12px !important;
line-height: 16px !important;
}
.scroll table{
width:100%;
min-width: 960px;
margin-bottom: 20px;
}
.flow_content ul {
min-width: 960px;
}
.scroll {
overflow: auto;
white-space: nowrap !important;
}
.scroll::-webkit-scrollbar {
height: 5px;
}
.scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
#rental div.w1200 {
padding: 0;
margin-bottom: 60px;
}
#about_sensu .thumb_four h2 {
font-size: 1rem;
}
.page_content h2 {
font-size: 1.125rem;
margin-top: 40px;
}
.thumb_four {
flex-wrap: wrap;
width: 100%;
max-width: 1280px;
margin: 20px auto 0;
padding: 0;
}
.thumb_four li {
width: 100%;
margin-bottom: 40px;
}
.thumb_four li:last-child {
margin-bottom: 0;
}
.p_link li  {
width: 100%;
}
.thumb_four .p_link li {
margin-bottom: 10px;
}
.page_title {
margin-top: 0;
font-size: 1.25rem;
letter-spacing: 0;
text-indent: 0;
padding: 0;
}
.single_title::before {
display: none;
}
.single_content.mb80 {
margin-bottom: 0 !important;
}
.single_title {
font-weight: bold;
line-height: 1.5;
font-size: 1.125rem;
width: 100%;
}
.select-box select {
display: block;
width: 100%;
padding: .5em;
}
.post_content .widgettitle {
font-size: 1.125rem;
}
.sidebar > div:first-of-type .widgettitle {
border-top: none;
padding: 1em 0 0;
}
.txt_list li time {
display: block;
margin: 0 0 .5em;
}
.txt_list li, .txt_list li:first-child {
display: block;
border-top: 1px dotted #999;
padding: 1em 0;
line-height: 1.5;
}
.post_content .sidebar, .post_content .flex_right,
.txt_list li time, .txt_list li span {
width: 100%;
}
.post_content.flexbox {
padding: 3.5rem 6vw 60px;
flex-direction: column-reverse;
position: relative;
}
.side_title {
font-size: 1.5rem;
position: absolute;
top: 0;
left: 6vw;
}
.default_page .pankuzu, .post_page .pankuzu {
padding-top: 60px;
}
.pankuzu_in, .woocommerce-breadcrumb {
padding: 1rem 20px;
font-size: .5rem;
line-height: 1.5;
}
.index_title + p, .index_title + p + p {
text-align: left;
line-height: 2;
margin-bottom: 40px;
text-align: justify;
text-justify: inter-ideograph;
}
.index_title + p br {
display: none;
}
.block_br {
display: block !important;
}
.menu-keyword .tagcloud a {
margin: 0 1.5em 1em 0;
}
.access_data dt {
width: 100%;
float: none;
clear: none;
padding: 1em 0 .5em;
border-top: 1px dotted #999;
font-weight: bold;
}
.access_data dd {
padding: 0 0 1em 0;
border-top: none;
}
.access_tr > div {
margin: 0 0 40px;
flex-direction: column-reverse;
}
.access_tr img {
display: block;
width: 100%;
height: auto;
margin-bottom: 1em;
}
html, body {
font-size: 90%;
}
.default_page header.g_header, .post_page header.g_header {
height: 60px;
}
#dr-menu {
width: 40px;
height: 40px;
}
#dr-menu span {
width: 26px;
height: 1px;
top: 20px;
left: 7px;
}
#dr-menu span:before {
width: 26px;
top: -5px;
}
#dr-menu span:after {
width: 26px;
bottom: -5px;
}
header.g_header {
padding: 0 20px;
}
header.g_header h1 {
font-size: 1rem;
height: 30px;
line-height: 30px;
}
.sp_pr_cat .sp_banner_list {
display: block;
justify-content: space-between;
}
.sp_pr_cat .sp_banner_list > div {
width: 100%;
margin: 0 0 10px;
display: flex;
justify-content: space-between;
}
.side_banner {
width: 30%;
}
.side_banner + ul, .side_banner + p {
width: 65%;
}
.sidetext {
margin: 0;
}
.side_banner a {
text-decoration: none;
display: block;
position: relative;
width: 100%;
padding-top: 54.6875%;
font-size: .875rem !important;
}
.index_side_banner .side_banner a {
text-decoration: none;
display: block;
position: relative;
width: 100%;
padding-top: 0 !important;
}
.default_page main, .post_page main {
padding: 60px 0 0;
}
.key_inner {
height: 50vh;
}
.first_content {
padding: 20px;
}
.first_content h2 {
font-size: 1rem;
line-height: 1.25;
font-weight: normal;
color: #FFF;
margin-top: 0;
margin-bottom: .5em;
position: relative;
}
.first_content h2 a::after, .first_content h2 a::before {
width: 9px;
}
.first_content h2 a::after {
right: 0;
top: calc(50% - 3px);
}
.first_content h2 a::before {
right: 0;
top: calc(50% + 3px);
}
.index_title {
text-align: center;
font-size: 1.25rem;
letter-spacing: 0;
text-indent: 0;
}
.index_cat li {
width: 48%;
margin-bottom: 4%;
padding: 0 ;
}
.thumb_two {
display: block;
}
.thumb_two li {
width: 100%;
}
.n_section, .c_section > div {
padding: 40px 20px;
}
.index_product > div {
padding: 0 20px 30px;
}
.g_section > div {
padding: 40px 20px 30px;
}
.area ul li time {
display: block;
float: none;
clear: none;
width: 100%;
margin-bottom: .5em;
}
.area ul li span {
display: block;
padding-left: 0;
}
.tab li {
padding: 1.5em 0;
text-align: center;
letter-spacing: .1em;
}
.tab li span {
width: auto;
display: inline-block;
margin: 0 auto;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.key_bottom {
width: 100%;
margin: 0 auto;
position: relative;
padding: 0;
}
.index_single > div {
display: block;
}
.index_single > div .bt_l {
width: 300px;
height: 60px;
margin: 0 auto;
}
.index_single > div .bt_l:first-of-type {
margin: 0 auto 1em;
}
.cul_sec {
padding: 40px 20px;
}
.cul_sec > div ul li {
padding: 20px;
}
.cul_sec > div ul li a {
display: block;
padding: 0;
height: auto;
}
.cul_sec ul li span.cul_title, .cul_sec ul li span.cul_txt {
margin-bottom: .5em;
}
.cul_sec > div ul li a > .cul_img  {
display: block;
width: 100%;
height: auto;
margin-bottom: 1em;
position: static;
}
.two_banner li {
padding: 40px;
}
.bn_title {
font-size: 1.25rem;
letter-spacing: 0;
text-indent: 0;
margin-bottom: 1rem;
text-align: center;
}
.tel-link a {
color: #212121;
text-decoration: none;
}
.telfax span {
display: block;
}
.tel-link {
display: inline-block !important;
}
.telfax em {
display: none;
}
.oem_menu {
margin: 40px auto 80px;
padding: 0;
display: block;
}
.oem_menu li {
width: 100%;
}
.oem_menu li .txt br {
display: none;
}
.dl_temp {
display: block;
margin: 2em 0 0;
}
.dl_temp li {
text-align: center;
width: 100%;
border: 1px solid #999;
padding: 40px 1em;
margin-bottom: 20px;
background: #FFF;
}
.dl_temp li span {
display: block;
margin: 0 1em 1em;
font-size: .875rem;
}
.oem_desc {
background: #f6f6f6;
padding: 40px 20px;
margin: 40px 0 80px -20px;
width: calc(100% + 40px);
}
.case > div {
display: block;
}
.case > div dl {
width: 100%;
margin: 0 0 20px;
padding: 2em;
}
.temp_box ul {
display: block;
margin: 40px 0;
}
.temp_box ul li {
width: 75%;
margin: 0 auto 40px;
}
.oem_desc p {
text-align: left;
}
.temp_box ul li:first-child p {
text-align: center !important;	
}
.oem_desc p br {
display: none;
}
.page_content #corporation section:last-of-type .flow {
margin-bottom: 0;
}
.b_contact {
right: 0;
bottom: 0;
width: 100%;
padding: 1em 1.5em;
}
.b_contact > span {
display: block;
text-align: center;
}
.b_contact > span span {
display: inline-block;
}
.b_contact span span {
margin-left: 1em;
}
.b_contact a {
text-decoration: underline;
}
.form > dl > dt, .pr_history dt, .pr_ex dt {
float: none;
clear: none;
width: 100%;
padding: 1.5em 0 0.5em;
border-top: 1px dotted #999;
font-weight: bold;
}
.form > dl > dd, .pr_history dd, .pr_ex dd {
padding: 0 0 1.5em 0;
border-top: 1px none;
}
.flexbox {
flex-direction: column-reverse;
padding: 20px 0 60px;
}
main {
padding: 60px 0 0;
}
.pankuzu {
padding-top: 60px;
font-size: .5rem;
}
.sidebar, .flex_right {
width: 100%;
}
.flex_right {
margin-bottom: 40px;
}
header.g_header {
height: 60px;
}
#menu-onlinestore_index {
display: block;
padding: 0 20px;
}
#menu-onlinestore_index li {
width: 100%;
margin-bottom: 10px;
height: 50px;
}
#menu-onlinestore_index li a {
border: 1px solid #909499;
padding: 0 10px 0 70px;
text-decoration: none;
color: #909499;
line-height: 50px;
height: 50px;
display: block;
text-align: left;
font-weight: bold;
}
.store_nav_sp {
display: block !important;
padding: 0;
}
.store_nav_sp li {
margin-left: 0;
margin-bottom: .5em;
}
.store_nav_sp li:last-child {
margin-bottom: 0;
}
.store_nav_sp li a::before {
margin-right: 0;
width: 20px;
display: inline-block;
}
.index_pr_tags .tagcloud a {
font-size: 11px !important;
}
.woocommerce-loop-product__title {
font-size: .875rem !important;
}
.woocommerce .products ul, .woocommerce ul.products {
padding: 0 20px !important;
}
.global_nav .woocommerce ul.products {
padding: 0 !important;
}
.global_nav .woocommerce h2 {
text-align: left;
}
.index_post_list li {
width: 48%;
margin-bottom: 20px;
}
.store_top .products {
display: block;
}
.store_top .products li, .onlinestore_bt_banner li {
width: 100% !important;
}
.onlinestore_bt_banner {
display: block;
padding: 0 20px;
}
.onlinestore_bt_banner li {
margin-bottom: 40px;
}
.store_top .products img {
width: 18% !important;
}
.store_top .products a {
padding: .5em;
}
.side_flex {
display: flex;
justify-content: space-between;
}
.side_flex + .products_cat {
margin-top: 20px;
}
.price_cat ul.products, .cat_cat ul.products, .color_cat ul.products, .gift_cat ul.products {
padding: 0 !important;
}
.main_title, .woocommerce-products-header h1 {
font-size: 1.25rem;
letter-spacing: 0;
}
.products-header {
padding: 0 20px;
}
.products-order {
display: block;
width: 100%;
}
.woocommerce-ordering select {
display: block;
width: 100%;
}
.sb_search {
margin: 0 0 0 auto;
}
.sb_search > span {
display: block;
font-size: .875rem;
padding: 0 1em;
height: 40px;
line-height: 40px;
}
.sb_search_inner {
padding: 40px 20px 20px;
overflow-y: scroll;
height: 50vh;
}
.sb_search_inner .sf-field-taxonomy-product_cat, .sb_search_inner .sf-field-taxonomy-product_tag, .sb_search_inner .sf-field-search {
display: block;
margin-bottom: 2em;
}
.sb_search_inner .sf-field-taxonomy-product_cat > h4, .sb_search_inner .sf-field-taxonomy-product_tag > h4, .sb_search_inner .sf-field-search > h4 {
width: 100%;
margin: 0 0 1em;
padding: 0;
}
.columns-3 li {
width: 48%;
margin-bottom: 4%;
}
.product_category ul.products, .store_front ul.produc