html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: bottom;
background: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000; 
font-style: italic;
font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
ul, ol { list-style: none; }
table,
table tr th,
table tr td {
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table tr th,
table tr td {
padding: 5px;
vertical-align: middle;
}
table tr th {
background: #e7e7e7;
text-align: left;
font-weight: normal;
}
hr {
display: block;
height: 1px;
border: 0;   
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
address { font-style: normal; }  .mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; } .floatL { float: left; }
.floatR { float: right;} a:hover img.ovr {
filter: alpha( opacity = 70 );
opacity: 0.7;
} .fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }
.fs25 { font-size: 25px !important; }
.fs26 { font-size: 26px !important; }
.fs27 { font-size: 27px !important; }
.fs28 { font-size: 28px !important; }
.fs29 { font-size: 29px !important; }
.fs30 { font-size: 30px !important; }
.fs31 { font-size: 31px !important; }
.fs32 { font-size: 32px !important; }
.bold { font-weight: bold !important; }
.center { text-align: center !important; }
.red { color: #990000 !important; }
.green { color: #090 !important; }
.blue { color: #06c !important; }
.yellow { color: #fc0 !important; }
.orange { color: #f60 !important; }
.gray { color: #888 !important; }
.white { color: #fff !important; }
.black { color: #000 !important; } .ovHide { overflow: hidden; } .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }/*\*/* html .clearfix { height: 1%; }
.clearfix { display: block; }@media only screen and (max-width:767px) {
.viewPC {
display: none;
}
.sp_only {
display: block;
}
img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width : 768px) {
.viewSP {
display: none;
}
.sp_only {
display: none;
}
a.tel,
a.tel:hover {
cursor: text;
text-decoration: none;
}
} body {
background: #fff;
font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
font-size: 15px;
color: #000000;
line-height: 1.6;
letter-spacing: 1px;
position: relative;
width: 100%;
min-width: 1100px;
}
.en {
font-family: Verdana, Geneva, sans-serif;
}
.serif {
font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}
.sans-serif {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} @media screen and (max-width: 767px) {
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 11px;
}
}  a {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
} @media screen and (max-width: 767px) {
a {
color: #000000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
} #crumbs {
background: #F0F0F0;
overflow: hidden;
padding: 6px 8px 6px 8px;
box-sizing: border-box;
margin-bottom: 40px;
}
#crumbs ul {
overflow: hidden;
}
#crumbs ul li {
float: left;
font-size: 12px;
}
#crumbs ul li a {
text-decoration: underline;
}
#crumbs ul li a:hover {
text-decoration: none;
}
#crumbs ul li:not(:last-child) {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat right center;
margin-right: 18px;
padding-right: 23px;
}
@media screen and (max-width: 767px) {
#crumbs {
margin-bottom: 10px;
overflow: visible;
}
#crumbs ul li {
font-size: 10px;
}
#crumbs ul li:not(:last-child) {
margin-right: 10px;
padding-right: 16px;
}
} .button_bk a {
background: #383838;
display: block;
line-height: 48px;
color: #FFF;
font-size: 18px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
}
.button_bk_l a {
width: 350px;
background: #383838;
display: block;
line-height: 48px;
color: #FFF;
font-size: 18px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
margin-top: 30px;
}
.button_bk a:hover {
text-decoration: none;
filter: alpha(opacity=70);
opacity: 0.7;
}
.button_bk a:before {
content: "";
display: inline-block;
width: 6px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_right.png) no-repeat center left;
padding-right: 8px;
}
@media screen and (max-width: 767px) {
.button_bk a {
background: #383838;
display: block;
line-height: 48px;
color: #FFF;
font-size: 11px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
}
.button_bk a:before {
content: "";
display: inline-block;
width: 3px;
height: 8px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_sp_w_01.png) no-repeat center left;
background-size: 3px 5px;
padding-right: 8px;
}
} .button_white a {
background: #FFFFFF;
display: block;
line-height: 48px;
color: #383838;
font-size: 18px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
}
.button_white a:hover {
text-decoration: none;
filter: alpha(opacity=70);
opacity: 0.7;
}
.button_white a:before {
content: "";
display: inline-block;
width: 6px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
padding-right: 8px;
} @media screen and (max-width: 767px) {
.button_white a {
font-size: 11px;
}
.button_white a:before {
content: "";
display: inline-block;
width: 3px;
height: 6px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
background-size: 3px 5px;
padding-right: 8px;
}
} .button_clear a {
display: block;
line-height: 80px;
color: #FFF;
font-size: 18px;
text-align: left;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
transition: all 0.2s;
text-decoration: none;
box-sizing: border-box;
border: 1px solid #F0F0F0;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_round_w_01.png) no-repeat right 14px center;
}
.button_clear a:hover {
text-decoration: none;
background: rgba(255, 255, 255, 0.40) url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_round_w_01.png) no-repeat right 14px center;
} @media screen and (max-width: 767px) {
.button_clear a {
display: block;
line-height: 48px;
font-size: 11px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_round_w_01.png) no-repeat right 7px center;
background-size: 12px 12px;
}
.button_clear a:hover {
background: rgba(255, 255, 255, 0.40) url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_round_w_01.png) no-repeat right 7px center;
background-size: 12px 12px;
}
} .button_line a {
border: 1px solid #000000;
height: 48px;
line-height: 48px;
box-sizing: border-box;
width: 200px;
text-align: center;
font-size: 18px;
display: block;
}
.button_line a:hover {
text-decoration: none;
filter: alpha(opacity=70);
opacity: 0.7;
}
.button_line a:before {
content: "";
display: inline-block;
width: 6px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
padding-right: 8px;
} @media screen and (max-width: 767px) {
.button_line a {
display: block;
font-size: 11px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_round_w_01.png) no-repeat right 7px center;
background-size: 12px 12px;
text-decoration: none;
}
.button_line a:before {
content: "";
display: inline-block;
width: 3px;
height: 7px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
background-size: 3px 5px;
padding-right: 8px;
}
} #header {
width: 100%;
min-width: 1100px;
background: #FFFFFF;
border-top: 3px solid #383838;
height: 124px;
position: relative;
}
#header .inner {
width: 1100px;
height: 124px;
margin: 0 auto;
position: relative;
padding: 0px;
}
#header h1 {
position: absolute;
left: 0;
top: 0;
margin-top: 15px;
}
#header .header_tel {
width: 640px;
height: 96px;
position: absolute;
right: 0;
top: 0;
margin-top: 15px;
}
#header .header_tel_img {
overflow: hidden;
width: auto;
height: 82px;
display: block;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/header/header_tel_bg.jpg) no-repeat 0 0;
padding: 14px 0 0 666px;
text-decoration: none;
}
#header .header_tel .header_shopinfo_wrap p {
width: 162px;
font-size: 12px;
color: #000;
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
line-height: 1.5;
display: table;
}
#header .header_tel .header_shopinfo_wrap p span {
display: table-cell;
vertical-align: middle;
height: 36px;
font-size: 12px;
color: #000;
line-height: 1.5;
font-weight: bold;
}
#header nav {
position: absolute;
bottom: -37px;
margin-bottom: -22px;
z-index: 999;
left: 0;
}
#header nav ul.viewPC li {
display: table-cell;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_down.png) no-repeat center bottom 4px;
filter: invert(100%);
padding-bottom: 15px;
transition: 0.1s all;
}
#header nav ul.viewPC li:hover {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_down.png) no-repeat center bottom 0px;
;
}
#header nav ul.viewPC li a {
display: block;
color: #c4c4c4;
border-right: 1px solid #c4c4c4;
text-align: center;
width: 122px;
height: 22px;
line-height: 22px;
font-size: 18px; }
#header nav ul.viewPC li a:hover {
text-decoration: none;
}
#header nav ul.viewPC li+li a {
width: 194px;
}
#header nav ul.viewPC li+li+li a {
width: 184px;
}
#header nav ul.viewPC li+li+li+li a {
width: 257px;
}
#header nav ul.viewPC li+li+li+li+li a {
width: 122px;
}
#header nav ul.viewPC li+li+li+li+li+li a {
width: 214px;
}
#header nav ul.viewPC li:first-child a { border-left: 1px solid #c4c4c4;
} #header .header_tel_btn {
display: inline-block;
width: 260px;
height: 30px;
font-size: 15px;
line-height: 2;
position: absolute;
top: 17px;
right: 40px;
transition: 0.3s;
box-sizing: border-box;
font-weight: bold;
text-decoration: underline;
}
#header .header_online_btn {
display: inline-block;
width: 260px;
height: 30px;
font-size: 15px;
line-height: 2;
position: absolute;
top: 50px;
right: 40px;
transition: 0.3s;
box-sizing: border-box;
font-weight: bold;
text-decoration: underline;
}
#header .header_tel_btn.has_campaign {
top: 6px;
}
#header .header_online_btn.has_campaign {
top: 35px;
}
#header .header_link_btn {
display: inline-block;
width: 260px;
height: 30px;
font-size: 15px;
line-height: 2;
position: absolute;
top: 64px;
right: 5px;
transition: 0.3s;
box-sizing: border-box;
font-weight: bold;
text-decoration: underline;
}
#header .header_link_btn:hover {
opacity: 0.7;
transition: 0.3s;
text-decoration: none;
}
#header .header_tel_btn:hover {
opacity: 0.7;
transition: 0.3s;
text-decoration: none;
}
#header .header_online_btn:hover {
opacity: 0.7;
transition: 0.3s;
text-decoration: none;
} #header .header_tel_btn::before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 19px;
height: 19px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/header/icon-phone-black.png) no-repeat center center;
background-size: 19px auto;
padding-right: 15px;
}
#header .header_online_btn::before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 21px;
height: 21px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/header/icon-cart-black.png) no-repeat center center;
background-size: 21px auto;
padding-right: 15px;
}
.h_langbtn {
display: inline-block;
position: absolute;
border-radius: 2px;
top: 75px;
left: 154px;
}
.h_langbtn a {
display: block;
padding: 1px 8px 1px 18px;
background: #313131;
color: #FFF;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
background: #313131 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
border-radius: 2px;
transition: all 0.2s;
margin-bottom: 8px;
}
.h_langbtn a:hover {
background: #747373 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
text-decoration: none;
} @media screen and (max-width: 767px) {
body {
min-width: auto;
}
#header {
width: 100%;
min-width: auto;
background: #FFFFFF;
border-bottom: 1px solid #060606;
border-top: 0;
height: 63px;
position: relative;
}
#header .inner {
width: auto;
height: auto;
margin: 0;
position: relative;
}
#header h1 {
position: static;
margin-top: 5px;
text-align: center;
}
#header h1 img {
width: 77px;
}
#header .header_tel {
display: none;
}
.insta_sp {
position: absolute;
top: 16px;
right: 56px;
width: 29px;
}
.insta_sp img {
width: 29px;
height: auto;
}
.cart_sp {
position: absolute;
top: 18px;
right: 98px;
width: 24px;
height: 24px;
}
.cart_sp a {
display: block;
width: 24px;
height: 24px;
position: relative;
}
.cart_sp a::after {
content: "";
width: 100%;
height: 24px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_cart_sp.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
#header #menu_button {
position: absolute;
top: 17px;
right: 15px;
z-index: 999;
width: 28px;
height: 15px;
}
#header .menu-trigger {
width: 28px;
height: 15px;
}
#header .menu-trigger,
#header .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#header .menu-trigger span {
position: absolute;
left: 0px;
width: 28px;
height: 2px;
background-color: #131313;
}
#header .menu-trigger span:nth-of-type(1) {
top: 0px;
}
#header .menu-trigger span:nth-of-type(2) {
top: 7px;
}
#header .menu-trigger span:nth-of-type(3) {
top: 14px;
}
#header .menu-trigger::after {
position: absolute;
left: -1%;
bottom: -20px;
content: 'MENU';
display: block;
width: 100%;
color: #000;
font-size: 8px;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: all 0.4s;
letter-spacing: 0px;
} #header nav ul.viewSP {
display: none;
}
#pageslide #SP_menu li {
height: 55px;
line-height: 55px;
border-bottom: 1px solid #666666;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_sp_w_01.png) no-repeat left 15px center;
background-size: 3px 5px;
}
#pageslide #SP_menu li.active {
background: #868686 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_sp_w_01.png) no-repeat left 15px center;
background-size: 3px 5px;
}
#pageslide #SP_menu li:first-child {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_home.png) no-repeat left 15px center;
background-size: 15px 14px;
}
#pageslide #SP_menu li:first-child.active {
background: #555 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_home.png) no-repeat left 15px center;
background-size: 15px 14px;
}
#pageslide #SP_menu li:first-child a {
text-indent: 36px;
}
#pageslide #SP_menu li a {
display: block;
text-decoration: none;
color: #FFF;
font-size: 11px;
text-indent: 26px;
}
#pageslide #SP_menu li:last-child {
background: #666666 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_sp_close.png) no-repeat right 15px center;
background-size: 19px 20px;
}
.h_langbtn {
top: 4px;
left: 3%;
}
.h_langbtn a {
color: #333;
background: #FFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin_bk.png) no-repeat 7px 50%;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
border: 1px solid #4C4C4C;
}
.h_langbtn a:hover {
color: #333;
background: #FFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin_bk.png) no-repeat 7px 50%;
text-decoration: none;
}
} @media screen and (max-device-width:320px) {
.insta_sp {
position: absolute;
top: 19px;
right: 54px;
width: 24px;
}
.insta_sp img {
width: 22px;
height: auto;
}
.cart_sp {
position: absolute;
top: 20px;
right: 90px;
width: 20px;
height: 20px;
}
.cart_sp a {
display: block;
width: 20px;
height: 20px;
position: relative;
}
.cart_sp a::after {
content: "";
width: 100%;
height: 20px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_cart_sp.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
}
.header_bar {
position: absolute;
left: 0;
bottom: -100px;
width: 100%;
z-index: 10;
}
.header_bar_link {
display: block;
text-align: center;
padding: 0 5px;
font-size: 16px;
line-height: 36px;
background: #421F1B;
color: #FFF;
text-decoration: none;
}
.header_bar_link:hover {
opacity: 0.8;
text-decoration: none;
}
.has_header_bar .top_mvwrap {
padding-top: 100px;
}
.has_header_bar #pageTitle {
padding-top: 140px;
}
@media screen and (max-width: 767px) {
.header_bar {
position: absolute;
left: 0;
bottom: -38px;
}
.header_bar_link {
font-size: 13px;
}
.has_header_bar .top_mvwrap {
padding-top: 36px;
}
.has_header_bar #pageTitle {
padding-top: 56px;
}
} #pageTitle {
text-align: center;
font-size: 52px;
color: #000;
margin-bottom: 30px;
padding-top: 100px;
}
#pageTitle h2 {
font-weight: normal;
} @media screen and (max-width: 767px) {
#pageTitle {
font-size: 20px;
padding: 20px 0;
margin: 0;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/bg_sp.jpg) no-repeat center top;
background-size: cover;
}
} #wrap {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/bg_pc.jpg) repeat center top;
padding-bottom: 80px;
}
#wrap_pride {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/bg_pc.jpg) repeat center top;
padding-bottom: 0 !important;
}
#top_contents,
#contents,
#contents_pride {
position: relative;
}
#top_contents::before {
content: "";
display: block;
width: 100%;
height: 120px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
}
#contents::before {
content: "";
display: block;
width: 100%;
height: 120px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
}
#contents_pride::before {
content: "";
display: block;
width: 100%;
height: 120px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
}
.inner {
padding: 0 50px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#wrap {
background: none;
}
#wrap.wrap_top {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/bg_sp.jpg) repeat center top;
}
#wrap_pride {
background: none;
}
.inner {
padding: 0 15px;
box-sizing: border-box;
}
#top_contents::before,
#contents::before,
#contents_pride::before {
display: none;
}
} #contents_wrap {
background: #FFF;
width: 1100px;
margin: 0 auto;
padding-bottom: 40px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
#contents_wrap {
width: 100%;
}
} @media screen and (max-width: 767px) {
#wrap,
#contents,
#top_contents {
background: none;
padding-bottom: 20px;
}
#contents_pride {
padding-bottom: 0px;
}
} #main {
display: block;
}
#sidemenu_wrap {
width: 220px;
float: right;
margin-right: 50px;
}
.sidemenu_box {
border: 1px solid #F0F0F0;
padding-bottom: 10px;
margin-bottom: 40px;
}
.sidemenu_box p.ttl {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/side/side_bg.gif) repeat-x;
line-height: 44px;
font-size: 16px;
color: #FFF;
text-align: center;
margin-bottom: 20px;
}
.sidemenu_box ul {
margin-bottom: 20px;
overflow: hidden;
}
.sidemenu_box ul .region {
background: none;
color: #990000;
border-bottom: 1px solid #D7D7D7;
margin: 0 10px 4px;
box-sizing: border-box;
padding: 0 0 6px 10px;
font-weight: bold;
}
.sidemenu_box ul li a,
.sidemenu_box ul li a {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/side/arrow_g_right.png) no-repeat 20px center;
padding: 8px 0 8px 40px;
line-height: 1.8;
box-sizing: border-box;
display: block;
}
.sidemenu_box ul li a:hover,
.sidemenu_box ul li a:hover {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/side/arrow_r_right.png) no-repeat 20px center;
color: #AC2F2F;
text-decoration: none;
}
@media screen and (max-width: 767px) {
#sidemenu_wrap {
width: 100%;
float: none;
padding: 0 15px;
box-sizing: border-box;
}
.sidemenu_box {
margin-bottom: 0;
}
.sidemenu_box p.ttl {
font-size: 12px;
}
.sidemenu_box ul {
clear: both;
margin-bottom: 0;
}
.sidemenu_box ul:nth-of-type(1) {
margin-top: -20px;
}
.sidemenu_box ul .region {
margin: 0;
border-top: 1px solid #D7D7D7;
padding: 10px;
background: #F0F0F0;
display: block;
width: 100%;
}
.sidemenu_box ul li {
float: left;
width: 50%;
}
.sidemenu_box ul li a,
.sidemenu_box ul li a {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/side/arrow_g_right.png) no-repeat 10px 48%;
padding: 15px 10px 17px 20px;
line-height: 171%;
box-sizing: border-box;
display: block;
}
.sidemenu_box ul li a:hover,
.sidemenu_box ul li a:hover {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/side/arrow_g_right.png) no-repeat 10px 48%;
color: #AC2F2F;
text-decoration: none;
}
} #sidebar {
writing-mode: tb-rl; writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
position: absolute;
z-index: 9999;
width: 94px;
right: 0;
top: 0;
}
#sidebar p.faqBar {
position: absolute;
top: 195px;
right: 0px;
height: 128px;
}
#sidebar p.faqBar a {
color: #000;
background: #FFF;
}
#sidebar p {
z-index: 999;
line-height: 1;
}
#sidebar p a {
display: block;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
padding: 16px 14px 16px 14px;
font-weight: bold;
transition: all 0.1s ease-out;
font-size: 14px;
}
#sidebar p.newsBar {
position: absolute;
top: 18px;
right: 0px;
height: 96px;
}
#sidebar p.eventBar {
position: absolute;
top: 122px;
right: 0px;
height: 64px;
}
#sidebar p.newsBar a,
#sidebar p.eventBar a {
color: #FFFFFF;
background: #990000;
}
#sidebar p.pageTop {
position: fixed;
top: 335px;
right: 0px;
}
#sidebar p.pageTop a {
color: #000000;
background: #FFFFFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_top.png) no-repeat top 16px left 16px;
padding-top: 26px;
}
#sidebar .side_insta {
position: fixed;
height: 60px;
top: 463px;
right: 0px;
background: #FFF;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
#sidebar .side_insta a {
width: 60px;
height: 60px;
display: block;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
transition: all 0.1s ease-out;
box-sizing: border-box;
padding: 15px;
}
#sidebar .side_insta a:hover {
width: 75px;
padding: 15px 30px 15px 15px;
}
#sidebar .side_insta img {
width: 29px;
height: auto;
}
#sidebar .side_cart {
position: fixed;
height: 60px;
top: 533px;
right: 0px;
background: #f0501f;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
#sidebar .side_cart a {
width: 60px;
height: 60px;
display: block;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
transition: all 0.1s ease-out;
box-sizing: border-box;
padding: 15px;
}
#sidebar .side_cart a::before {
content: "";
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_cart_pc.png) 0 0 no-repeat;
background-size: 100% auto;
}
#sidebar .side_cart a:hover {
width: 75px;
padding: 15px 30px 15px 15px;
}
#sidebar p a:hover {
text-decoration: none;
padding: 16px 28px 16px 14px;
}
#sidebar p.pageTop a:hover {
color: #000000;
background: #FFFFFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_top.png) no-repeat top 16px left 16px;
padding: 26px 28px 16px 14px;
} @media screen and (max-width: 767px) {
#sidebar {
display: none;
}
} #footer {
background: #383838;
color: #FFFFFF;
min-width: 1100px;
overflow: hidden;
padding: 0 0 5px 0;
}
#footer .inner {
width: 1100px;
margin: 0 auto;
padding: 0;
position: relative;
}
#footer .inner .viewPC .logo_area {
position: absolute;
top: 34px;
left: 139px;
}
#footer .inner .viewPC nav {
margin-left: 393px;
padding-top: 34px;
}
#footer .inner .viewPC nav ul {
width: 600px;
}
#footer .inner .viewPC nav ul li {
float: left;
margin-bottom: 16px;
}
#footer .inner .viewPC nav ul li:nth-child(3n+1) {
width: 140px;
margin-right: 20px;
}
#footer .inner .viewPC nav ul li:nth-child(3n+2) {
width: 198px;
margin-right: 12px;
}
#footer .inner .viewPC nav ul li:nth-child(3n+3) {
width: 200px;
}
#footer .inner .viewPC nav ul li a {
color: #FFF;
line-height: 1;
}
#footer .inner p {
text-align: center;
font-size: 12px;
}
#footer .inner .f_langbtn {
margin-top: 10px;
}
#footer .inner .f_langbtn a {
display: inline-block;
padding: 1px 8px 1px 18px;
color: #313131;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
background: #FFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin_bk.png) no-repeat 8px 46%;
border-radius: 2px;
transition: all 0.2s;
}
#footer .inner .f_langbtn a:hover {
color: #FFF;
background: #313131 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
text-decoration: none;
} @media screen and (max-width: 767px) {
.date {}
#footer {
background: #EEEDEB;
border-top: 2px solid #3E2A23;
height: auto;
color: #FFFFFF;
min-width: auto;
padding-bottom: 61px;
}
#footer .inner {
width: auto;
margin: 0;
position: relative;
}
#footer .inner .viewSP ul {
margin-bottom: 19px;
}
#footer .inner .viewSP ul li {
height: 44px;
line-height: 44px;
width: 50%;
float: left;
border-bottom: 1px solid #CCCCCC;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat left 9px center;
background-size: 2px 4px;
box-sizing: border-box;
padding-left: 18px;
font-size: 9px;
}
#footer .inner .viewSP ul li:nth-child(2n) {
border-right: 1px solid #CCCCCC;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat left 22px center;
background-size: 2px 4px;
padding-left: 30px;
}
#footer .inner .viewSP ul li:first-child {
width: 100%;
text-align: center;
font-weight: bold;
background: none;
font-size: 10px;
}
#footer .inner .viewSP ul li:first-child img {
width: 8px;
height: 7px;
vertical-align: middle;
padding-right: 4px;
margin-left: -12px;
}
#footer .inner .viewSP ul li a {
display: block;
text-decoration: none;
}
#footer .inner p {
text-align: center;
font-size: 7px;
background: #242424;
line-height: 24px;
height: 24px;
}
#footer .inner .button_bk a {
background: #525252;
width: 168px;
height: 29px;
line-height: 29px;
margin: 0 auto;
font-size: 9px;
border-radius: 3px;
}
#footer .inner .button_bk.f_lng_btn a {
box-sizing: border-box;
margin-top: 10px;
}
#footer .inner .viewSP .logo_area {
text-align: center;
margin: 20px 0;
}
#footer .inner .viewSP .logo_area img {
width: 80px;
}
} .wp-pagenavi {
margin: 50px 0;
text-align: center;
}
.wp-pagenavi a {
margin: 0 1px 5px;
padding: 6px 8px !important;
display: inline-block;
border: 1px solid #ccc;
background: #fff;
color: #999;
line-height: 1;
vertical-align: bottom;
text-decoration: none;
}
.wp-pagenavi a:hover {
border: 1px solid #383838;
background: #fff;
color: #383838;
}
.wp-pagenavi span.current {
padding: 6px 8px;
display: inline-block;
border: 1px solid #383838;
background: #383838;
color: #fff;
line-height: 1;
}
.wp-pagenavi span {
margin: 0 1px 5px;
padding: 6px 8px;
display: inline-block;
border: 1px solid #ccc;
background: #fff;
color: #999;
line-height: 1;
vertical-align: bottom;
text-decoration: none;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
padding: 6px 4px;
} .translated-ltr .shop .shop_region ul li dl {
overflow: hidden;
}
.translated-ltr #header .header_tel_btn {
overflow: hidden;
}
.translated-ltr #header .header_tel_btn::before {
left: 12px;
}
.translated-ltr #footer .inner .viewPC nav ul {
width: 680px;
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
align-items: baseline;
}
.translated-ltr #footer .inner .viewPC nav ul li {
float: none;
margin-bottom: 14px;
}
.translated-ltr #footer {
height: auto;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/footer/footer_bg.jpg) center center repeat-y;
}
.translated-ltr #footer .inner {
overflow: hidden;
}
.translated-ltr #footer .inner p {
margin-bottom: 10px;
}
.translated-ltr #header nav ul.viewPC li {
background: none;
}
@media screen and (max-width: 767px) {
.translated-ltr #footer {
background: #EEEDEB;
}
.translated-ltr #footer .inner .viewSP ul li {
height: 50px;
line-height: 1.2;
display: table;
}
.translated-ltr #footer .inner .viewSP ul li a {
display: table-cell;
text-decoration: none;
height: 50px;
vertical-align: middle;
}
.translated-ltr #footer .inner .button_bk {
margin-bottom: 3%;
}
.translated-ltr #footer .inner .button_bk a {
width: 168px;
margin: 0 auto;
font-size: 9px;
border-radius: 3px;
padding: 10px;
line-height: 1.4;
}
.translated-ltr #footer .inner p {
margin-bottom: 0;
}
.translated-ltr #pageslide #SP_menu li a {
display: table-cell;
box-sizing: border-box;
height: 56px;
padding: 10px 10px 10px 26px;
vertical-align: middle;
text-indent: 0;
line-height: 1.2;
}
.translated-ltr .shop .shop_region ul li {
height: auto !important;
}
} .pickup_wrap {
width: 100%;
padding: 26px 50px 26px;
box-sizing: border-box;
overflow: hidden;
background: #F0F0F0;
display: table;
}
.pickup_ttl_wrap {
width: 258px;
display: table-cell;
text-align: center;
height: 148px;
vertical-align: middle;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01_big.png) no-repeat 50% 50%;
border-right: 1px solid #696969;
}
.pickup_ttl {
text-align: center;
font-size: 27px;
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
padding-bottom: 18px;
}
.pickup_ttl span {
font-size: 27px;
letter-spacing: 0.1em;
}
.red_ttl {
color: #990000;
}
.pickup_ttl .eng_subtl {
font-size: 14px;
letter-spacing: 0.1em;
font-weight: normal;
display: block;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
}
.pickup_main {
width: calc(100% - 258px);
display: table-cell;
padding-left: 36px;
box-sizing: border-box;
vertical-align: middle;
}
.pickup_main ul {
display: block;
padding: 6px 0;
}
.pickup_main ul li {
margin-bottom: 18px;
}
.pickup_main ul li:last-child {
margin-bottom: 0;
}
.pickup_main ul li a {
color: #373737;
font-size: 15px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat center left;
padding-left: 12px;
line-height: 1.4;
text-decoration: underline;
display: block;
}
.pickup_main ul li.pickup_color_red a {
color: #990000;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right_red.png) no-repeat center left;
}
.pickup_main ul li a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.pickup_wrap {
padding: 20px 15px 18px;
display: block;
}
.pickup_ttl_wrap {
width: 100%;
display: block;
height: 48px;
border-right: none;
padding-top: 7px;
box-sizing: border-box;
background-size: 44px 43px;
}
.pickup_ttl {
font-size: 15px;
padding-bottom: 12px;
}
.pickup_ttl span {
font-size: 14px;
}
.pickup_ttl .eng_subtl {
font-size: 8px;
}
.pickup_main {
width: 100%;
padding: 0 15px;
display: block;
}
.pickup_main ul {
display: block;
padding: 0;
}
.pickup_main ul li {
width: 100%;
margin-bottom: 0px;
border-bottom: 1px solid #CCC;
padding: 18px 0;
}
.pickup_main ul li a {
font-size: 11px;
padding-left: 12px;
line-height: 1.5;
}
}
.top_infocol2_wrap.sp_none {
display: none;
}
.top_infocol2_wrap.sp_none {
display: block;
}
.top_infocol2_wrap {
padding: 70px 0 68px;
display: table;
border-top: 1px solid #ECECEC;
}
.top_infocol2 {
width: 550px;
padding: 0 100px 30px;
box-sizing: border-box;
display: table-cell;
}
.top_infocol2 {
border-right: 1px solid #E3E3E3;
vertical-align: top;
}
.top_infocol2_ttl_wrap {
width: 100%;
text-align: center;
height: 72px;
padding-top: 8px;
box-sizing: border-box;
margin: 0 auto 40px;
vertical-align: middle;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01.png) no-repeat 50% 50%;
}
.top_infocol2_ttl {
text-align: center;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
padding-bottom: 12px;
}
.top_infocol2_ttl span {
font-size: 28px;
letter-spacing: 0.1em;
}
.top_infocol2_ttl .eng_subtl {
font-size: 14px;
letter-spacing: 0.1em;
font-weight: normal;
display: block;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
}
.top_infocol2_main,
.top_infocol2_txt {
width: 100%;
}
.top_infocol2_txt {
margin-bottom: 20px;
}
.top_infocol2_txt p {
letter-spacing: 0.04em;
font-size: 15px;
line-height: 1.5;
}
.top_infocol2_btn a {
width: 100%;
height: 66px;
background: #383838;
display: block;
line-height: 1.36;
color: #FFF;
font-size: 17px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
box-sizing: border-box;
position: relative;
padding: 22px 0 10px 20px;
}
.top_infocol2_btn.lineh2 a {
text-align: left;
padding: 10px 0 10px 96px;
}
.top_infocol2_btn a::after {
content: "";
display: block;
width: 6px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_right.png) no-repeat center left;
padding-right: 8px;
position: absolute;
top: calc(50% - 6px);
left: 84px;
}
.top_infocol2_btn.lineh2 a::after {
left: 78px;
}
.top_infocol2_btn a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.top_infocol2_wrap.pc_none {
display: block;
}
.top_infocol2_wrap.sp_none {
display: none;
}
.top_infocol2_wrap {
padding: 0;
}
.top_infocol2_ttl .eng_subtl {
font-size: 8px;
}
.top_infocol2 {
width: 100%;
border-bottom: 1px solid #F0F0F0;
position: relative;
box-sizing: border-box;
border-right: none;
vertical-align: middle;
padding: 0;
display: block;
}
.top_infocol2 a {
width: 100%;
padding: 30px 15px 78px;
box-sizing: border-box;
display: table;
border-bottom: 1px solid #F0F0F0;
position: relative;
vertical-align: middle;
text-decoration: none;
}
.top_infocol2_ttl_wrap {
width: 33%;
text-align: center;
height: 54px;
padding-top: 2px;
margin: 0;
vertical-align: middle;
display: table-cell;
background-size: 40px 39px;
}
.top_infocol2_ttl {
font-size: 15px;
padding-bottom: 9px;
}
.top_infocol2_ttl span {
font-size: 14px;
}
.top_infocol2_main {
width: 67%;
text-align: left;
vertical-align: middle;
display: table-cell;
}
.top_infocol2_txt {
margin-bottom: 0;
}
.top_infocol2_txt p {
letter-spacing: 0.04em;
font-size: 11px;
line-height: 1.4;
}
.top_infocol2_btn,
.top_infocol2_btn.lineh2 {
position: absolute;
width: calc(100vw - 30px);
left: 15px;
bottom: 28px;
}
.top_infocol2_btn p,
.top_infocol2_btn.lineh2 p {
width: 100%;
background: #383838;
display: block;
line-height: 1.36;
color: #FFF;
font-size: 17px;
transition: all 0.2s;
text-decoration: none;
box-sizing: border-box;
position: relative;
height: auto;
font-size: 96%;
padding: 12px 0 10px;
text-align: center;
}
.top_infocol2_btn p::after,
.top_infocol2_btn.lineh2 p::after {
display: none;
}
.top_infocol2_btn p::before,
.top_infocol2_btn.lineh2 p::before {
content: "";
display: inline-block;
width: 3px;
height: 8px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_sp_w_01.png) no-repeat center left;
background-size: 3px 5px;
display: inline-block;
padding-right: 8px;
position: relative;
}
.footer_fixnavi {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
background: #242424;
padding-bottom: env(safe-area-inset-bottom);
}
.footer_fixnavi ul {
width: 100%;
overflow: hidden;
background: #242424;
border-top: 1px solid #fbf8f4;
display: table;
}
.footer_fixnavi li {
width: 20%;
display: table-cell;
text-align: center;
height: 60px;
box-sizing: border-box;
vertical-align: middle;
position: relative;
}
.footer_fixnavi li::after {
content: "";
display: block;
width: 1px;
height: 10px;
position: absolute;
background: #CCC;
top: calc(50% - 5px);
right: 0;
}
.footer_fixnavi li:last-child::after {
display: none;
}
.footer_fixnavi li a {
display: block;
color: #FFF;
height: 60px;
box-sizing: border-box;
padding-top: 22px;
text-decoration: none;
font-size: 11px;
line-height: 1.4;
font-family: HiraKakuProN-W3;
font-weight: bold;
}
.footer_fixnavi li a.lineheight_02 {
padding-top: 16px;
}
}
@media screen and (max-width: 374px) {
.footer_fixnavi li a.lineheight_02 {
font-size: 10px;
letter-spacing: 0.03em;
}
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
display: block;
margin-left: auto;
}
.alignleft {
display: block;
margin-right: auto;
} .floatbnr {
width: 300px;
bottom: 15px;
position: fixed;
right: 80px;
z-index: 9999;
display: none;
box-shadow: 0 0 7px #D2C8B6;
transition: filter 0.3s ease;
}
.floatbnr img {
max-width: 100%;
}
.floatbnr.first {
display: block;
}
.cookie-close-btn {
width: 32px;
display: block;
position: absolute;
right: -10px;
top: -10px;
text-align: center;
cursor: pointer;
}
@media screen and (min-width:768px) {
.floatbnr a:hover img {
filter: brightness(1.05);
}
}
@media screen and (max-width:767px) {
.floatbnr {
width: 90%;
bottom: 70px;
bottom: calc(env(safe-area-inset-bottom) + 70px);
right: 10px;
border-radius: 10px;
}
.cookie-close-btn {
width: 25px;
}
}.sp_none{
display: inline;
}
.pc_none{
display: none;
}
.top > .inner{
width:100%;
margin:0 auto;
padding:0;
} .top_mvwrap{
padding-top: 82px;
padding-bottom: 22px;
position: relative;
} .top_mvwrap .slick-slide{
margin: 10px;
}
.top_mvslider .slick-list li{
display: block;
border: 3px solid #fff;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.top_mvslider .slick-list li a{
display: block;
}
.top_mvslider li img{
height: 490px;
object-fit: contain;
}
.top_mvwrap .top_slick-prev,
.top_mvwrap .top_slick-next{
display: block;
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
z-index: 10;
}
.top_mvwrap .top_slick-prev{
border-top: 2px solid #373737;
border-left: 2px solid #373737;
transform: rotate(-45deg);
left: calc(50% - 550px);
}
.top_mvwrap .top_slick-next{
border-top: 2px solid #373737;
border-right: 2px solid #373737;
transform: rotate(45deg);
right: calc(50% - 550px);
}
.slick-dotted.slick-slider{
margin-bottom: 36px;
}
.top_mv_dots{
list-style: none;
}
.top_mv_dots{
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.top_mv_dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 4px;
padding: 0;
cursor: pointer;
}
.top_mv_dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 4px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.top_mv_dots li button:hover,
.top_mv_dots li button:focus{
outline: none;
}
.top_mv_dots li button:before{
content: '';
display: block;
width: 10px;
height: 10px;
background-color: transparent;
border: 1px solid #373737;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
}
.top_mv_dots li button:hover:before,
.top_mv_dots li button:focus:before{
opacity: 1;
}
.top_mv_dots li.slick-active button:before{
background-color: #373737;
} @media screen and (max-width: 767px) {
.pc_none{
display: inline;
}
.sp_none{
display: none;
}
.top > .inner{
width:auto;
} .top_mvwrap{
padding-top: 22px;
padding-bottom: 0;
}
.top_mvwrap .top_slick-prev{
left: 6%;
}
.top_mvwrap .top_slick-next{
right: 6%;
}
.top_mvslider li img{
height: auto;
width: 80vw;
}
} .top #main {
width:1100px;
background:#FFF;
margin:0 auto;
}
.top_event_list li a{
text-decoration: underline;
}
.top_event_list li a:hover{
text-decoration: none;
}
.top_news_list li a{
text-decoration: underline;
}
.top_news_list li a:hover{
text-decoration: none;
} @media screen and (max-width: 767px) {
.top #main {
width:auto;
background:#FFF;
margin:0;
}
}
.top_txtbnr_area+.awardbnr_area{
padding-top: 24px;
}
.top_txtbnr_area{
width: 100%;
margin: 0 auto;
text-align: center;
background: #FFF;
padding: 28px 22px 0 22px;
box-sizing: border-box;
}
.top_txtbnr_area .top_txtbnr{
text-align: center;
}
.top_txtbnr_area .top_txtbnr a{
width: 440px;
height: 52px;
margin: 0 auto;
font-weight: bold;
background: #CDE3BF;
display: block;
line-height: 1.36;
color: #000;
font-size: 17px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
box-sizing: border-box;
position: relative;
padding: 16px 0 0 0;
}
.top_txtbnr_area .top_txtbnr a::after{
width: 440px;
height: 52px;
content: "";
display: block;
position: absolute;
top: -2px;
left: -2px;
border: 2px solid #806000;
}
.top_txtbnr_area .top_txtbnr a::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center 0;
padding-right: 8px;
}
.top_txtbnr_area .top_txtbnr a:hover{
opacity: 0.7;
}
.awardbnr_area{
width: 100%;
margin: 0 auto;
text-align: center;
background: #FFF;
padding: 22px;
box-sizing: border-box;
}
.awardbnr_area+.awardbnr_area{
padding: 0 22px 22px;
}
.awardbnr_area img{
max-width: 573px;
transition: opacity 0.2s ease;
}
.awardbnr_area_mini{
padding: 28px 22px 22px;
}
.awardbnr_area_mini img{
max-width: 440px;
height: auto;
}
.awardbnr_area_col2_wrap {
width: 573px;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.awardbnr_area.awardbnr_area_col2_wrap {
padding: 0 0 22px;
}
.awardbnr_area_col2 {
width: 280px;
}
.awardbnr_area_col2 img{
max-width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.awardbnr_area{
padding: 16px 22px;
}
.awardbnr_area+.awardbnr_area{
padding: 0 22px 16px;
}
.awardbnr_area img{
max-width: 100%;
}
.top_txtbnr_area+.awardbnr_area{
padding-top: 16px;
}
.awardbnr_area_col2_wrap {
width: 100%;
padding: 0 22px 16px;
}
.awardbnr_area_col2 {
width: calc(50vw - 27px)
}
.top_txtbnr_area{
width: 100%;
margin: 0 auto;
text-align: center;
background: #FFF;
padding: 28px 22px 0 22px;
box-sizing: border-box;
}
.top_txtbnr_area .top_txtbnr{
text-align: center;
}
.top_txtbnr_area .top_txtbnr a{
display: inline-block;
width: 100%;
height: 42px;
margin: 0 auto;
background: #CDE3BF;
display: block;
line-height: 1.36;
color: #000;
font-size: 13px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
box-sizing: border-box;
position: relative;
padding: 14px 0 0 0;
font-weight: bold;
}
.top_txtbnr_area .top_txtbnr a::after{
width: 100%;
height: 42px;
content: "";
display: block;
position: absolute;
top: -2px;
left: -2px;
border: 2px solid #806000;
}
.top_txtbnr_area .top_txtbnr a::before {
content: "";
display: inline-block;
width: 7px;
height: 10px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
background-size: 6px auto;
padding-right: 8px;
}
}  @media screen and (max-width: 767px) {
.top .top_tel a h2{
color: #FFF;
}
.top .top_tel{
background: #141414;
padding:12px 15px;
color:#FFF;
}
.top .top_tel h2{
padding:10px 2px;
font-size:13px;
letter-spacing:0;
margin-bottom:14px;
text-align:center;
}
.top .top_tel p{
border:1px solid #898989;
padding:10px 2px;
font-size:12px;
letter-spacing:0;
margin-bottom:14px;
text-align:center;
color:#FFF;
}
.top .top_tel .tel_icon::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/top/icon-phone-white.png) no-repeat center center;
background-size: 14px auto;
padding-right: 15px;
}
.top .top_tel .cart_icon::before {
content: "";
display: inline-block;
width: 15px;
height: 14px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/top/icon-cart-white.png) no-repeat center center;
background-size: 15px auto;
padding-right: 15px;
}
.top .top_tel dl{
margin-bottom:18px;
}
.top .top_tel dl dt,.top .top_tel dl dd{
display:inline-block;
vertical-align:middle;
min-height:35px;
}
.top .top_tel dl dt{
min-width: 32%;
padding-right: 3.0%;
padding-left: 4%;
padding-top: 18px;
font-size: 11px;
text-align:center;
font-weight:bold;
width:initial;
vertical-align:middle;
letter-spacing: 0.08rem;
}
.top_tel dl dd{
font-size:12px;
font-weight:bold;
padding-left: 6.5%;
padding-top: 4px;
padding-bottom: 5px;
border-left: 1px solid #FFF;
}
.top_tel dl dd a{
text-decoration:none;
color:#FFF;
font-size: 14px;
letter-spacing: 0.08rem;
}
.top_tel dl dd img{
width: 9px;
height: 12px;
vertical-align: middle;
padding-right: 4px;
top: -2px;
position: relative;
}
.top_tel dl dd span{
display:block;
font-size: 9px;
letter-spacing: 0;
margin-top: 2px;
letter-spacing: 0.08rem;
}
} .top .top_recruit{
background:#F0F0F0;
padding:20px 0;
display: table;
width:100%;
}
.top .top_recruit .left_box{
display: table-cell;
vertical-align:middle;
width:245px;
height:97px;
border-right:1px solid #696969;
}
.top .top_recruit h2{
font-size:20px;
font-weight:bold;
line-height:1;
text-align:center;
float:right;
margin-right:38px;
color:#383838;
}
.top .top_recruit h2 span{
font-size:15px;
display:block;
color:#666666;
margin-top:4px;
}
.top .top_recruit ul {
display:table-cell;
vertical-align:middle;
padding:8px 0 0 38px;
}
.top .top_recruit ul li{
margin-bottom:14px;
}
.top .top_recruit ul li:last-child{
margin-bottom:0;
}
.top .top_recruit ul li a{
color:#373737;
font-size:15px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat center left;
padding-left:12px;
line-height:1;
text-decoration: underline;
}
.top .top_recruit ul li a:hover{
text-decoration: none;
} @media screen and (max-width: 767px) {
.no_recruit{
margin:-10px 0 20px;
}
.top .top_recruit{
background:#F0F0F0;
padding:4%;
width:auto; width:92%;
}
.top .top_recruit .left_box{
float:none;
display:table-cell;
width:32%;
border-right:1px solid #696969;
box-sizing:border-box;
vertical-align: middle;
}
.top .top_recruit h2{
font-size:11px;
font-weight:bold;
line-height:1;
text-align:center;
margin-right:10px;
margin-top:0;
}
.top .top_recruit h2 span{
font-size:7px;
}
.top .top_recruit ul {
float:none;
display:table-cell;
margin-left:0;
padding:8px 0;
box-sizing:border-box;
}
.top .top_recruit ul li{
margin-bottom:14px;
margin-left:15px;
}
.top .top_recruit ul li:last-child{
margin-bottom:0;
}
.top .top_recruit ul li a{
color:#373737;
font-size:10px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_s_right.png) no-repeat center left;
background-size: 3px 4px;
padding-left:12px;
line-height:1;
letter-spacing:0;
line-height: 1.5;
letter-spacing: 0;
display: block;
}
} .top .top_today{
padding:0 50px;
border-bottom:1px solid #E3E3E3;
}
.top .top_today h2{
text-align:center;
padding:48px 0 16px;
} @media screen and (max-width: 767px) {
.top .top_today{
padding:0;
}
.top .top_today h2.viewSP{
background:#141414 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/h2_bg_01.png) no-repeat center center;
background-size:40px 39px;
vertical-align:middle;
padding:35px 0 22px;
color:#FFF;
font-size:14px;
line-height:14px;
}
.top .top_today h2.viewSP span{
font-size:8px;
font-weight:normal;
display:block;
color:#CECECE;
margin-top:2px;
}
} .top ul.event_label{
}
.top ul.event_label li{
width:130px;
height:21px;
font-size:12px;
background:#EEEDEB;
color:#666666;
float:left;
text-align:center;
}
.top ul.event_label li + li{
width:160px;
margin-left:8px;
}
.top .top_today .top_event_list {
margin-bottom:74px;
}
.top .top_event_list li{
border-top:1px solid #EEEDEB;
padding:16px 0px 16px 10px;
overflow:hidden;
display: table;
}
.top .top_event_list li:first-child{
border:none;
}
.top .top_event_list li p{
float:left;
}
.top .top_event_list li p.shop{
width: 108px;
margin-right: 8px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin.jpg) no-repeat center left;
padding-left: 12px;
}
.top .top_event_list li div.shop{
width: 108px;
margin-right: 8px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin.jpg) no-repeat center left;
padding-left: 12px;
}
.top .top_event_list li div.date{
width:160px;
margin-right:16px;
display: table-cell;
vertical-align: middle;
}
.top .top_event_list li a{
color: #000000;
font-weight: bold;
font-size: 15px;
width: 600px;
vertical-align: middle;
display: table-cell;
}
.top .top_event_list li div.prefectures{
width: 130px;
padding: 1px 10px 0px;
box-sizing: border-box;
border: 1px solid #DEDDDB;
text-align: center;
font-size: 13px;
font-weight: bold;
margin-bottom: 3px;
background-color: #FFF;
}
.top_event_list_li{
padding:16px 0px 16px 0px!important;
}
.top_event_list_pre{
width: 130px;
float: left;
margin-right: 8px;
display: table-cell;
vertical-align: middle;
}
.top_event_list_li div.date{
display: table-cell;
vertical-align: middle;
}
.top ul li div.new{
padding-right:10px;
} @media screen and (max-width: 767px) {
.top .top_today {
padding:0;
}
.top .top_event_list{
padding:0 15px;
}
.top .top_today .top_event_list {
margin-bottom:18px;
}
.top .top_event_list li{
border-top:1px solid #EEEDEB;
padding:19px 0px 19px 0px;
display: grid;
}
.top .top_event_list li:first-child{
border:none;
display: grid;
}
.top .top_event_list li p.shop{
width:auto;
min-width:68px;
margin-right:10px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin_b.png) no-repeat center left;
background-size:7px 10px;
padding-left:12px;
font-size:9px;
font-weight:bold;
overflow: hidden;
border-right: 1px solid #696969;
}
.top .top_event_list li div.date{
width:auto;
margin-right:16px;
font-size:0.7rem;
float:none;
font-weight: bold;
}
.top .top_event_list li a{
color:#000000;
font-weight:normal;
font-size:11px;
display:block;
margin-top:5px;
width: auto;
}
.top .top_event_list li div.shop{
width: 188px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin.jpg) no-repeat center left;
padding-left: 12px;
display: inline-block;
}
.top .top_event_list li div.prefectures{
width: 80px;
padding: 1px 10px 0px;
box-sizing: border-box;
text-align: center;
font-size: 10px;
font-weight: bold;
margin-right: 10px;
margin-bottom: 3px;
background-color: #EFEEEC;
display: inline-block;
border: none;
}
.top_event_list_pre{
width: 100%;
float: none;
margin-bottom: 5px;
}
} .top .top_soon{
background:#FAFAFA;
padding:0 50px;
}
.top .top_soon h2{
text-align:center;
padding:60px 0 16px;
}
.top .top_soon .top_event_list {
padding-bottom:80px;
} @media screen and (max-width: 767px) {
.top .top_soon{
background:#FAFAFA;
padding:0px;
}
.top .top_soon .top_event_list {
padding-bottom:15px;
}
.top .top_soon h2.viewSP{
background:#141414 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/h2_bg_01.png) no-repeat center center;
background-size:40px 39px;
vertical-align:middle;
padding:35px 0 22px;
color:#FFF;
font-size:14px;
line-height:14px;
}
.top .top_soon h2.viewSP span{
font-size:8px;
font-weight:normal;
display:block;
color:#CECECE;
margin-top:2px;
}
} .top .top_news{
background:#FFFFFF;
padding:0 50px 76px;
border-bottom:1px solid #E3E3E3;
}
.top .top_news h2{
text-align:center;
padding:78px 0 45px;
}
.top .top_news .top_news_list {
padding-bottom:48px;
}
.top .top_news_list li{
border-top:1px dotted #B2B2B2;
padding:16px 0px 16px 10px;
overflow: hidden;
}
.top .top_news_list li:first-child{
border:none;
}
.top .top_news_list li p{
float:left;
}
.top .top_news_list li p.date{
min-width:82px;
margin-right:12px;
padding-left:12px;
}
.top .top_news_list li p.label{
width:150px; background:#EEEDEB;
color:#2E2E2E;
text-align:center;
margin-right:10px;
overflow: hidden;
padding: 2px;
}
.top .top_news_list li p.shop{
line-height:1;
margin:4px 0;
width:112px;
border-right:1px solid #696969;
margin-right:12px;
line-height: 1.4;
}
.top ul li div.new{
font-size:12px;
height:22px;
color:#CC3300;
display: table-cell;
vertical-align:middle;
margin-right:5px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.top ul li p.new{
font-size:12px;
height:22px;
color:#CC3300;
vertical-align:middle;
margin-right:5px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.top .top_news_list li a{
color:#000000;
font-weight:bold;
font-size:15px;
display: inline-block;
width: 550px;
}
.top_news .button_bk{
margin:0 auto;
height:48px;
width:355px;
} @media screen and (max-width: 767px) {
.top .top_news{
background:#FFFFFF;
padding:0 0 49px 0;
border-bottom:1px solid #E3E3E3;
}
.top .top_news h2.viewSP{
background:#141414 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/h2_bg_01.png) no-repeat center center;
background-size:40px 39px;
vertical-align:middle;
padding:35px 0 22px;
color:#FFF;
font-size:14px;
line-height:14px;
}
.top .top_news h2.viewSP span{
font-size:8px;
font-weight:normal;
display:block;
color:#CECECE;
margin-top:2px;
}
.top .top_news .top_news_list {
padding-bottom:18px;
padding:15px;
}
.top .top_news_list li{
border-bottom:1px solid #EEEDEB;
border-top:0;
padding:19px 0px 19px 10px;
overflow:hidden;
}
.top .top_news_list li:first-child{
border-bottom:1px solid #EEEDEB;
}
.top .top_news_list li p{
font-size:9px;
font-size:0.6rem;
font-weight: normal;
}
.top .top_news_list li p.date{
min-width:auto;
margin-right:10px;
padding-left:0;
font-weight:bold;
}
.top .top_news_list li p.label{
background:#EEEDEB;
color:#2E2E2E;
text-align:center;
padding:1px 10px;
width:auto;
height:auto;
float:left;
}
.top .top_news_list li p.shop{
display:none;
}
.top ul li div.new{
display:block;
float:left;
height:auto;
font-size:8px;
margin-top:8px;
clear:both;
}
.top .top_news_list li a{
color:#000000;
font-weight:normal;
font-size:11px;
display:block;
float:left;
margin-top:5px;
width: auto;
}
.top .top_news .button_bk{
margin:0 auto;
height:44px;
width:192px;
}
} .top .top_info {
background:#FBF8F4;
padding:80px 50px 0px;
border-bottom:1px solid #E3E3E3;
}
.top .top_info section{
width:470px;
float:left;
margin-right:60px;
text-align:center;
margin-bottom:74px;
font-size:15px;
}
.top .top_info section + section{
margin-right:0px;
}
.top .top_info a{
display:block;
}
.top .top_info a img{
display:block;
transition:all 0.2s;
}
.top .top_info section h3{
margin-right:0px;
font-size:20px;
color:#000000;
display:inline-block;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_bk_right.png) no-repeat center left;
padding-left:10px;
margin:20px 0 14px;
} @media screen and (max-width: 767px) {
.top .top_info {
background:#FBF8F4;
padding:40px 15px 0px;
border-bottom:1px solid #E3E3E3;
}
.top .top_info section{
width:auto;
float:none;
margin-right:0px;
text-align:center;
margin-bottom:36px;
font-size:11px;
}
.top .top_info section h3{
font-size:14px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_bk_right.png) no-repeat center left;
background-size:3px 5px;
}
.top .top_info a img{
display:block;
margin:0 auto;
transition:all 0.2s;
}
.top .top_news .top_news_list a{
width: 100%;
margin-top: 8px;
}
} .reservation .img_area{
margin-left:42px;
float:left;
}
.reservation .text_area{
margin:45px 0 0 54px;
float:left;
}
.reservation .text_area p{
font-size:17px;
}
.reservation .text_area p.note{
font-size:15px;
margin:8px 0 22px 0;
}
.reservation .text_area .button_bk{
width:222px;
} @media screen and (max-width: 767px) {
.reservation .img_area{
margin-left:0px;
float:none;
padding:0 80px 20px;
text-align:center;
}
.reservation .text_area{
margin:0px;
float:none;
text-align:center;
}
.reservation .text_area p{
font-size:11px;
}
.reservation .text_area p.note{
font-size:9px;
margin:8px 0 22px 0;
}
.reservation .text_area .button_bk{
width:118px;
margin:0 auto;
}
} .top .reservation {
padding:60px 50px 50px;
} @media screen and (max-width: 767px) {
.top .reservation {
padding:27px 15px 29px;
}
} .info article{
padding:0px 50px;
}
@media screen and (max-width: 767px) {
.info article{
padding:0 15px;
}
} .goods_list article{
padding:20px 50px;
} .item_cat_wrap {
display: flex;
flex-wrap: wrap;
}
.item_cat {
width: 310px;
margin: 0 35px 60px 0;
}
.item_cat:nth-of-type(3n) {
margin-right: 0;
}
.item_cat a {
display: block;
color: #000000;
text-decoration: none;
}
.item_cat_thumb {
margin-bottom: 20px;
}
.item_cat_thumb img {
max-width: 100%;
transition: opacity 0.3s ease;
}
.item_cat_title {
margin: 0 0 20px 0;
padding: 0;
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.item_cat_text {
font-size: 16px;
}
.contents {
width: 730px;
float: right;
margin-right: 50px;
box-sizing: border-box;
}
.itemnav {
width: 220px;
float: left;
margin-left: 50px;
box-sizing: border-box;
}
.item_list {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
margin-bottom: 30px;
}
.item_list_box {
width: 310px;
margin: 0 50px 60px 0;
box-sizing: border-box;
}
.item_list_box:nth-of-type(2n) {
margin-right: 0;
}
.item_list_box a {
display: block;
color: #000000;
text-decoration: none;
}
.item_list_thumb {
margin-bottom: 20px;
}
.item_list_thumb img {
max-width: 100%;
transition: opacity 0.3s ease;
}
.item_list_title {
margin: 0 0 20px 0;
padding: 0;
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.item_list_price {
color: #990000;
font-weight: bold;
font-size: 18px;
}
.tax {
font-size: 15px;
}
.item_detail {
padding: 20px 50px;
}
.h_item {
margin:  0 0 30px 0;
padding: 0 0 0 15px;
border-left: #990000 5px solid;
text-align: left;
font-size: 23px;
line-height: 1.4;
font-weight: bold;
}
.item_content {
overflow: hidden;
margin-bottom: 70px;
}
.item_text {
width: 480px;
font-size: 16px;
}
.item_text p {
margin-bottom: 20px;
}
.item_text_l {
float: left;
}
.item_text_r {
float: right;
}
.item_text_center {
width: 100%;
}
.item_content img {
max-width: 100%;
}
.item_image {
width: 480px;
text-align: center;
}
.item_image_center {
width: 100%;
margin-bottom: 20px;
}
.item_image_l {
float: left;
}
.item_image_r {
float: right;
}
.item_title {
margin-bottom: 20px;
}
.item_price {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
a:hover .item_cat_thumb img {
opacity: 0.8;
}
a:hover .item_list_thumb img {
opacity: 0.8;
}
}
@media screen and (max-width: 767px) {
.goods_list article{
padding: 15px;
}
.item_cat_wrap {
display: block;
}
.item_cat {
width: 100%;
margin: 0 0 20px 0;
}
.item_cat:nth-of-type(3n) {
margin: 0 0 20px 0;
}
.item_cat a {
display: flex;
justify-content: space-between;
}
.item_cat_thumb {
width: calc(50% - 15px);
}
.item_cat_title {
margin: 0 0 15px 0;
padding: 0;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
text-decoration: underline;
}
.item_cat_text {
width: 50%;
font-size: 11px;
}
.contents {
width: 100%;
float: none;
padding: 15px;
}
.itemnav {
width: 100%;
float: none;
margin: 30px auto;
padding: 15px;
}
.item_list {
display: flex;
flex-wrap: wrap;
}
.item_list_box {
width: calc(50% - 8px);
margin: 0 16px 20px 0;
}
.item_list_box:nth-of-type(2n) {
margin-right: 0;
}
.item_list_box a {
color: #000000;
text-decoration: none;
}
.item_list_thumb {
margin-bottom: 15px;
max-width: 100%;
}
.item_list_thumb img {
max-width: 100%;
transition: opacity 0.3s ease;
}
.item_list_title {
margin: 0 0 15px 0;
padding: 0;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
}
.item_list_price {
color: #990000;
font-weight: bold;
font-size: 14px;
}
.tax {
font-size: 12px;
}
.item_detail {
padding: 15px;
}
.h_item {
margin:  0 0 20px 0;
padding: 0 0 0 10px;
font-size: 16px;
line-height: 1.4;
font-weight: bold;
}
.item_content {
overflow: hidden;
margin-bottom: 60px;
}
.item_text {
width: 100%;
font-size: 13px;
}
.item_text_l {
float: none;
}
.item_text_r {
float: none;
}
.item_image {
width: 100%;
}
.item_image_center {
width: 100%;
margin-bottom: 20px;
}
.item_image_l {
float: none;
margin-bottom: 20px;
}
.item_image_r {
float: none;
margin-bottom: 20px;
}
} .plain_bread article{
}
.plain_bread #main h2{
font-size:28px;
}
.plain_bread .inner{
padding: 0;
}
.plain_bread .naviArea{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
margin-bottom:0px;
}
.plain_bread .naviArea ul{
background:#FAFAFA;
border:1px solid #fff;
text-align:center;
}
.plain_bread .naviArea ul li{
display:inline-block;
margin-right:20px;
font-size:17px;
}
.plain_bread .naviArea ul li a{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat 0px 50%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.plain_bread .naviArea ul li a:hover{
text-decoration:none;
color:#AC2F2F;
}
@media screen and (max-width: 767px) {
.plain_bread #main h2{
font-size:18px;
}
.plain_bread .naviArea ul li a{
font-size:11px;
padding:15px 0 25px 0 ;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat center 36px;
background-size: 10px;
}
.plain_bread .naviArea ul li{
width: 34%;
}
.plain_bread .shop_region ul li{
float:left;
width:47%;
margin-right:5%;
}
.plain_bread .shop_region ul li:nth-of-type(2n){
margin-right:0;
}
} .plain_bread .con_01{
padding:20px 50px 0;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_01.jpg) no-repeat left 50px top 20px;
height:484px;
border-bottom:1px solid #E3E3E3;
}
.plain_bread .con_01 h2{
margin-bottom:50px;
}
.plain_bread .con_01 .text_area{
padding-left:445px;
}
.plain_bread .con_01 .text_area p{
margin-bottom:1.5em;
}
.plain_bread .price {
text-align:right;
margin-top:26px;
}
.plain_bread .price dl,
.plain_bread .price dt,
.plain_bread .price dd{
display:inline-block;
}
.plain_bread .price dt{
background:#EEEDEB;
line-height:1;
padding:4px 0;
vertical-align:middle;
text-align:center;
font-size:11.5px;
color:#666666;
width:110px;
margin-right:20px;
font-weight: bold;
}
.plain_bread .price dl{
display:block;
height:21px;
line-height:20px;
margin-right:20px;
}
.plain_bread .price dd{
font-size:18px;
color:#990000;
}
.plain_bread .price dd span{
font-size:11px;
color:#666666;
padding-left:6px;
}
@media screen and (max-width: 767px) {
.plain_bread .con_01{
padding:20px 15px 30px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_01.jpg) no-repeat top 80px center;
background-size:218px 242px;
height:auto;
border-bottom:1px solid #E3E3E3;
}
.plain_bread .con_01 h2{
margin-bottom:0px;
padding-bottom:220px;
}
.plain_bread .con_01 .text_area{
padding-left:0;
}
.plain_bread .con_01 .text_area p{
margin-bottom:1.5em;
}
.plain_bread .price dt{
line-height:1;
padding:4px 0;
font-size:10px;
width:80px;
margin-right:20px;
font-weight: bold;
}
.plain_bread .price dl{
display:block;
height:21px;
line-height:20px;
margin-right:0px;
}
.plain_bread .price dd{
font-size:13px;
}
.plain_bread .price dd span{
font-size:8px;
padding-left:6px;
}
} .plain_bread .con_02{
padding:60px 50px 30px;
background:#FAFAFA;
border-bottom:1px solid #E3E3E3;
}
.plain_bread .con_02 h2{
margin-bottom:10px;
}
.plain_bread .con_02 .img_area{
float:right;
}
.plain_bread .con_02 .text_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_02.png) no-repeat top left 60px;
padding:26px 0 0;
box-sizing:border-box;
height:248px;
margin-bottom:18px;
}
.plain_bread .con_02 .text_area p{
margin-bottom:24px;
font-weight:bold;
text-indent:-2em;
margin-left:2em;
}
.plain_bread .con_02 section{
margin-bottom:40px;
}
.plain_bread .con_02 section h3{
font-size:20px;
color:#CC3300;
margin-bottom:10px;
}
@media screen and (max-width: 767px) {
.plain_bread .con_02{
padding:30px 15px 30px;
}
.plain_bread .con_02 h2{
margin-bottom:20px;
}
.plain_bread .con_02 .img_area{
float:none;
text-align:center;
}
.plain_bread .con_02 .text_area{
background:none;
height:auto;
margin-bottom:18px;
padding: 12px 0 0;
}
.plain_bread .con_02 .text_area p{
margin-bottom:8px;
font-weight: bold;
color: #CC3300;
}
.plain_bread .con_02 .mb50{
margin-bottom:30px !important;
}
.plain_bread .con_02 section{
margin-bottom:20px;
}
.plain_bread .con_02 section h3{
font-size:16px;
margin-bottom:8px;
}
} .plain_bread .con_03{
padding:70px 50px 0;
box-sizing:border-box;
height:476px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_03.jpg) no-repeat bottom right;
border-bottom:1px solid #E3E3E3;
}
.plain_bread .con_03 h2{
margin-bottom:40px;
}
.plain_bread .con_03 p{
width:500px;
}
@media screen and (max-width: 767px) {
.plain_bread .con_03{
padding:30px 15px 0;
height:auto;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_03.jpg) no-repeat bottom right;
background-size:380px auto;
}
.plain_bread .con_03 h2{
margin-bottom:20px;
}
.plain_bread .con_03 p{
width:auto;
margin-bottom:200px;
}
} .plain_bread .con_04{
padding:60px 170px 45px;
border-bottom:1px solid #E3E3E3;
background:#FBF8F4;
}
.plain_bread .con_04 h2{
letter-spacing:0.05em;
margin-bottom:40px;
}
.plain_bread .con_04 .text_area{
width:460px;
float:left;
margin-top:40px;
}
.plain_bread .con_04 .text_area p{
margin-bottom:1.5em;
}
.plain_bread .con_04 .text_area p.note{
margin-bottom:1.5em;
}
.plain_bread .con_04 .img_area{
float:right;
}
@media screen and (max-width: 767px) {
.plain_bread .con_04{
padding:30px 15px 30px;
}
.plain_bread .con_04 h2{
margin-bottom:20px;
}
.plain_bread .con_04 .text_area{
width:auto;
float:none;
margin-top:0;
}
.plain_bread .con_04 .text_area p{
margin-bottom:1.5em;
}
.plain_bread .con_04 .img_area{
float:none;
text-align:center;
}
} .plain_bread .con_05 {
padding:60px 170px 45px;
}
.plain_bread .con_05 h2{
display:inline-block;
width:160px;
margin-bottom:50px;
}
.plain_bread .con_05 h2 + p{
display:inline-block;
height:44px;
line-height:44px;
vertical-align:middle;
margin-left:20px;
font-size:15px;
font-weight:bold;
margin-bottom:50px;
}
.plain_bread .con_05 dt,.plain_bread .con_05 dd{
float:left;
padding:11px 0;
line-height:1;
margin-bottom:28px;
box-sizing: border-box;
font-size:15px;
font-weight:bold;
}
.plain_bread .con_05 dt{
width:160px;
font-size:14px;
background:#EEEDEB;
color:#666666;
text-align:center;
}
.plain_bread .con_05 dd{
width:580px;
margin-left:20px;
border-bottom:1px solid #B2B2B2;
}
@media screen and (max-width: 767px) {
.plain_bread .con_05 {
padding:30px 15px;
}
.plain_bread .con_05 h2{
display:block;
width:auto;
margin-bottom:20px;
}
.plain_bread .con_05 h2 + p{
display:block;
height:auto;
line-height:1.6;
margin-left:0px;
font-size:11px;
font-weight:bold;
margin-bottom:30px;
}
.plain_bread .con_05 dt,.plain_bread .con_05 dd{
float:left;
box-sizing:border-box;
padding:6px 0;
margin-bottom:20px;
font-size:11px;
font-weight:bold;
}
.plain_bread .con_05 dt{
width:20%;
font-size:11px;
background:#EEEDEB;
color:#666666;
text-align:center;
}
.plain_bread .con_05 dd{
width : -webkit-calc(80% - 10px) ;
width : calc(80% - 10px) ;
margin-left:10px;
border-bottom:1px solid #B2B2B2;
line-height:1.5;
}
} .plain_bread .btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/plain_bread/bg_04.jpg) no-repeat center;
padding: 50px 50px 44px;
}
.plain_bread .btn_area .button_clear{
width:480px;
float:left;
margin-bottom:40px;
}
.plain_bread .btn_area .button_clear span{
font-size:20px;
}
.plain_bread .btn_area .button_clear + .button_clear{
margin-left:40px;
}
.plain_bread .btn_area .button_clear a{
text-indent:20px;
}
.plain_bread .btn_area .button_clear + .button_clear a{
text-align:center;
letter-spacing:0.07em;
text-indent:0px;
}
.plain_bread .btn_area .button_white{
clear:both;
}
.plain_bread .btn_area .button_white a{
width:220px;
margin:0 auto;
}
.plain_bread .reservation{
padding:45px 50px 0;
}
@media screen and (max-width: 767px) {
.plain_bread .btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/sp_bg_01_b.jpg) center;
padding:20px 15px;
}
.plain_bread .btn_area .button_clear{
width:auto;
float:none;
margin-bottom:20px;
}
.plain_bread .btn_area .button_clear + .button_clear{
margin-left:0px;
}
.plain_bread .btn_area .button_clear a{
text-indent:0px;
text-align:center;
letter-spacing:0;
}
.plain_bread .btn_area .button_clear a span{
font-size:11px;
}
.plain_bread .btn_area .button_white{
clear:both;
}
.plain_bread .btn_area .button_white a{
width:auto;
}
.plain_bread .reservation{
padding:30px 15px 0;
}
} .jam article{
}
.jam #main h2{
font-size:28px;
}
@media screen and (max-width: 767px) {
.jam #main h2{
font-size:18px;
}
} .jam .con_01{
padding:20px 50px 80px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/jam/img_01.jpg) no-repeat left top 10px;
}
.jam .con_01 h2{
margin-bottom:50px;
}
.jam .con_01 .text_area{
padding-left:445px;
}
.jam .con_01 .text_area p{
margin-bottom:1.5em;
}
.jam .price {
text-align:right;
margin-top:26px;
}
.jam .price dl,
.jam .price dt,
.jam .price dd{
display:inline-block;
}
.jam .price dt{
background:#EEEDEB;
line-height:1;
padding:4px 0;
vertical-align:middle;
text-align:center;
font-size:11.5px;
color:#666666;
width:110px;
font-weight: bold;
margin-right:20px;
}
.jam .price dl{
display:block;
height:21px;
line-height:20px;
margin-right:20px;
}
.jam .price dd{
font-size:18px;
color:#990000;
}
.jam .price dd span{
font-size:11px;
color:#666666;
padding-left:6px;
}
@media screen and (max-width: 767px) {
.jam .con_01{
padding:20px 15px 30px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/jam/img_01.jpg) no-repeat top 80px center;
background-size:242px 152px;
height:auto;
border-bottom:1px solid #E3E3E3;
}
.jam .con_01 h2{
margin-bottom:0px;
padding-bottom:160px;
}
.jam .con_01 .text_area{
padding-left:0;
}
.jam .con_01 .text_area p{
margin-bottom:1.5em;
}
.jam .price dt{
line-height:1;
padding:4px 0;
font-size:10px;
width:80px;
margin-right:20px;
font-weight: bold;
}
.jam .price dl{
display:block;
height:21px;
line-height:20px;
margin-right:0px;
}
.jam .price dd{
font-size:13px;
}
.jam .price dd span{
font-size:8px;
padding-left:6px;
}
} .jam .btn_area{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/bg_01.jpg) no-repeat center;
padding: 50px 50px 44px;
}
.jam .btn_area .button_clear{
width:480px;
margin:0 auto 40px;
}
.jam .btn_area .button_clear a{
text-align: center;
}
.jam .btn_area .button_white a{
width:220px;
margin:0 auto;
}
.jam .reservation{
padding:45px 50px 0;
}
@media screen and (max-width: 767px) {
.jam .btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/main/sp_bg_01_b.jpg) center;
padding:20px 15px;
}
.jam .btn_area .button_clear{
width:auto;
float:none;
margin-bottom:20px;
}
.jam .btn_area .button_clear + .button_clear{
margin-left:0px;
}
.jam .btn_area .button_clear a{
text-indent:0px;
text-align:center;
letter-spacing:0;
}
.jam .btn_area .button_clear a span{
font-size:11px;
}
.jam .btn_area .button_white{
clear:both;
}
.jam .btn_area .button_white a{
width:auto;
}
.jam .reservation{
padding:30px 15px 0;
}
} .secret #main h2{
font-size:28px;
line-height:70px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/title_bg_01.png) no-repeat left center;
margin-bottom:30px;
padding-left:22px;
letter-spacing:0;
}
.secret #main h2 span{
color:#990000;
}
.secret .right_img_box, .left_img_box {
padding:50px 50px 70px;
border-bottom:1px solid #F0F0F0;
}
.secret .right_img_box p, .left_img_box p{
margin-bottom:1.5em;
}
.secret .right_img_box .img_area{
float:right;
padding-top:22px;
}
.secret .right_img_box .text_area{
float:left;
}
.secret .right_img_box .text_area p{
max-width:540px;
}
.secret .left_img_box .img_area{
float:left;
padding-top:22px;
}
.secret .left_img_box .text_area{
float:right;
}
.secret .left_img_box .text_area p{
max-width:540px;
}
.secret .con_01{
padding-top:0px;
}
.secret .con_03{
padding:30px 50px 70px;
border-bottom:1px solid #F0F0F0;
}
.secret .con_03 ul.img_box li{
float:left;
margin-right:50px;
margin-bottom:50px;
height:356px;
width:475px;
position:relative;
}
.secret .con_03 ul.img_box li:nth-child(2n){
margin-right:0;
}
.secret .con_03 ul.img_box li + li + li{
margin-bottom:0;
}
.secret .con_03 ul.img_box p{
position:absolute;
padding:20px;
background:rgba(255,255,255,0.75);
bottom:0;
font-weight:bold;
}
.secret .con_04 {
padding-bottom:100px;
border:0;
}
.secret .con_04 .text_area p{
font-size:15px;
font-weight:bold;
line-height:1.8;
}
@media screen and (max-width: 767px) {
.secret #main h2{
font-size:18px;
line-height:1.7;
min-height:40px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/title_bg_01.png) no-repeat left top;
background-size:40px;
margin-bottom:20px;
padding-left:13px;
letter-spacing:0;
padding-top:5px;
}
.secret #main h2 span{
color:#990000;
}
.secret .right_img_box, .left_img_box {
padding:30px 15px 30px;
}
.secret .right_img_box .img_area{
float:none;
padding-top:0px;
text-align:center;
}
.secret .right_img_box .text_area{
float:none;
}
.secret .right_img_box .text_area p{
max-width:auto;
}
.secret .left_img_box .img_area{
float:none;
padding-top:22px;
text-align:center;
}
.secret .left_img_box .text_area{
float:none;
}
.secret .left_img_box .text_area p{
max-width:auto;
}
.secret .con_01{
padding-top:20px;
}
.secret .con_03{
padding:30px 15px 30px;
}
.secret .con_03 ul.img_box li{
float:none;
margin: 0 auto 20px;
height:auto;
width:auto;
position:relative;
max-width:475px;
}
.secret .con_03 ul.img_box li:nth-child(2n){
margin-right:auto;
}
.secret .con_03 ul.img_box li + li + li{
margin-bottom:20px;
}
.secret .con_03 ul.img_box p{
position:absolute;
padding:15px 10px;
background:rgba(255,255,255,0.75);
bottom:0;
font-weight:bold;
}
.secret .con_04 {
padding-bottom:50px;
}
.secret .con_04 .text_area p{
font-size:11px;
font-weight:bold;
line-height:1.8;
}
} .secret .btn_area{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/bg_01.jpg) no-repeat center;
padding:90px 0;
}
.secret .btn_area .button_clear{
width:480px;
margin: 0 auto;
}
.secret .btn_area .button_clear a{
text-align: center;
}
.secret .reservation{
padding:45px 50px 0;
}
@media screen and (max-width: 767px) {
.secret .btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/bg_01.jpg) no-repeat center;
background-size:cover;
padding:45px 15px;
}
.secret .btn_area .button_clear{
width:auto;
}
.secret .reservation{
padding:30px 15px 0;
}
} .message_wrap{
}
.message_wrap .heading{
text-align: center;
font-size: 28px;
line-height: 1.8;
height: auto;
}
.message_inner{
padding:30px 50px 30px;
}
.message_image{
float: left;
width: 430px;
}
.message_image img{
max-width: 100%;
height: auto;
}
.message_txt{
float: right;
width: 540px;
}
.message_txt p{
margin-bottom:   1.5em;
}
.message_txt p:last-child{
margin-bottom: 0;
}
.message_txt .message_sign_img{
margin-top: 6px;
}
.message_txt .message_sign,
.message_txt .message_sign_img{
text-align: right;
margin-bottom: 0;
}
.message_sign_img img{
width: 240px;
height: auto;
}
@media screen and (max-width: 767px) {
.message_wrap .heading{
text-align: center;
font-size: 18px;
margin: 20px 0 0;
}
.message_inner{
padding:30px 15px 30px;
}
.message_image{
float: none;
width: 100%;
margin: 0 auto 20px;
}
.message_txt{
float: none;
width: 100%;
}
.message_sign_img img{
width: 140px;
}
} .about #main h2{
font-size:28px;
margin-bottom:24px;
}
.about .con_01{
padding:30px 50px 30px;
}
.about .text_area{
float:left;
font-size:15px;
line-height:1.8;
font-weight:bold;
}
.about .text_area p span{
color:#990000;
}
.about .img_area{
float:right;
margin-right:60px;
}
.about .btn_area{
text-align:center;
border-top:1px solid #F0F0F0;
margin-top:70px;
padding:50px 0 10px;
}
.about .btn_area div{
display:inline-block;
width:260px;
margin-right:5px;
}
.about .btn_area div{
}
.about .btn_area .bk_short{
width: 190px;
}
.about .btn_area .short02{
width: 220px;
}
.about .button_line a{
width: 220px;
}
.about p.sub_text_area {
font-size: 15px;
line-height: 1.8;
font-weight: bold;
padding: 0 50px;
}
@media screen and (max-width: 767px) {
.about #main h2{
font-size:18px;
margin-bottom:6px;
}
.about .con_01{
padding:30px 15px 30px;
}
.about .text_area{
float:none;
font-size:11px;
line-height:1.8;
font-weight:normal;
margin-bottom:30px;
}
.about .text_area p span{
color:#990000;
font-weight:bold;
}
.about .img_area{
float:none;
margin-right:0px;
text-align:center;
padding:0 40px;
}
.about .btn_area{
margin-top:35px;
padding:30px 0 0px;
margin-bottom:-10px;
}
.about .btn_area div{
display:block;
width:260px;
margin:0 auto 10px;
}
.about .btn_area .button_line a{
width:260px;
}
.about .btn_area .bk_short{
width: 260px;
}
.about .btn_area .short02{
width: 260px;
}
.about .button_line a{
width: 260px;
}
.about p.sub_text_area {
padding: 0 15px;
font-size: 11px;
line-height: 1.8;
font-weight: normal;
margin-bottom: 30px;
}
.about .text_area.sub p br {
display: none;
}
}
.awards_list_wrap,
.awards_list{
overflow: hidden;
}
.awards{
width: 968px;
overflow: hidden;
margin-top: 40px;
padding: 0 30px 34px 0;
border: 1px solid #CCC;
}
.awards:first-child{
margin-top: 30px;
}
.awardsinfo{
width: 688px;
text-align: left;
float: left;
}
.awards_img{
width: 250px;
margin-top: 50px;
height:auto;
float: right;
text-align: center;
}
.awards_img img{
width: 100%;
border:1px solid #EEEDEB;
}
.awards_cate{
width: 688px;
margin-bottom: 18px;
overflow: hidden;
}
.awards_cate li{
float: left;
background: #383838;
padding: 6px 14px;
margin-right: 10px;
font-size: 15px;
color: #FFF;
}
.awards_ttl{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_diamond.png) no-repeat 0 50%;
width: 668px;
font-size: 20px;
padding-left: 20px;
color: #000;
line-height: 1.8;
margin-bottom: 10px;
margin-left: 30px;
font-weight: bold;
}
.awards_txt{
font-size: 15px;
line-height: 1.8;
margin-left: 30px;
margin-bottom: 10px;
}
.awards_link{
padding-left: 20px;
margin-bottom: 0;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_link.png) no-repeat 0 50%;
margin-left: 30px;
}
.awards_link a{
text-decoration: underline;
}
.awards_link a:hover{
text-decoration: none;
}
.sp_awards_link{
width: 100%;
margin: 0 auto;
text-align: left;
}
.sp_awards_link a{
width: 80%;
display: block;
margin: 0 auto;
padding: 12px 5px 12px 34px;
background: #E8E8E8 url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_link.png) no-repeat 10px 50%;
text-decoration: none;
}
h2.bigcycle{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/title_bg_01.png) no-repeat left center;
margin-bottom: 30px;
padding-left: 22px;
letter-spacing: 0;
font-size: 28px;
line-height: 70px;
}
@media screen and (max-width: 767px) {
h2.bigcycle{
font-size: 18px;
line-height: 1.7;
min-height: 40px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/secret/title_bg_01.png) no-repeat left top;
background-size: 40px;
margin-bottom: 20px;
padding-left: 13px;
letter-spacing: 0;
padding-top: 5px;
}
.awards{
width: auto;
overflow: hidden;
margin-top: 40px;
padding: 0 14px 20px 0;
border: 1px solid #CCC;
}
.awards:first-child{
margin-top: 14px;
}
.awardsinfo{
width: auto;
text-align: left;
float: none;
}
.awards_img{
width: auto;
margin-left: 14px;
margin-top: 20px;
height:auto;
float: none;
text-align: center;
}
.awards_img img{
width: 100%;
}
.awards_cate{
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.awards_cate li{
float: left;
background: #383838;
padding: 6px 12px;
margin-right: 10px;
font-size: 15px;
color: #FFF;
}
.awards_ttl{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_diamond.png) no-repeat 0 50%;
width: auto;
font-size: 17px;
padding-left: 20px;
padding-right: 14px;
color: #000;
line-height: 1.8;
margin-bottom: 10px;
margin-left: 14px;
padding-left: 20px;
font-weight: bold;
}
.awards_txt{
font-size: 100%;
line-height: 1.8;
margin-left: 14px;
margin-bottom: 10px;
}
.awards_link{
padding-left: 20px;
margin-bottom: 0;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_link.png) no-repeat 0 50%;
margin-left: 14px;
}
.awards_link a{
text-decoration: underline;
}
.awards_link a:hover{
text-decoration: none;
}
} .info main{
float:left;
}
.info.event_info main{
float: none;
}
.info main a{
text-decoration: underline;
}
.info main .button_bk a{
text-decoration: none;
}
.info main a:hover{
text-decoration: none;
}
.info article{
padding:0 0 0 50px;
width:780px;
box-sizing:border-box;
}
.info.event_info article{
width: 1050px;
padding: 0 50px;
box-sizing:border-box;
}
.info h2.h2_01{
margin-bottom:15px;
border-bottom:1px solid #BFBFBF;
font-size:15px;
padding-bottom:25px;
margin-bottom:40px;
}
.info h2.h2_01 span{
font-size:26px;
border-bottom:1px solid #990000;
display:inline-block;
padding-bottom:20px;
margin:0 10px -26px 0px;
}
@media screen and (max-width: 767px) {
.info main{
float:none;
}
.info article{
width:100%;
}
.info.event_info article{
width: 100%;
padding: 0 15px;
}
.info h2.h2_01{
font-size:11px;
border-bottom:1px solid #990000;
padding:0 0 10px 0;
margin:20px 0 20px;
}
.info h2.h2_01 span{
font-size:18px;
display:block;
margin:0;
border:none;
padding:0;
}
.info article{
padding:0 15px;
}
.info .sidemenu_box{
padding-bottom: 0px;
}
}
.news_contents{
margin:60px 0;
}
.news_d_contents{
margin:0 0 20px;
}
.news_d_contents li,
.news_contents li{
border-bottom:1px dotted #B2B2B2;
padding-bottom:30px;
margin-bottom:30px;
}
.news_d_contents li{
border-bottom:none;
padding: 0;
margin: 0;
}
.news_contents .front{
margin-bottom:12px;
}
.news_d_contents .front{
overflow: hidden;
}
.news_d_contents .front p,
.news_contents .front p{
margin-bottom:12px;
padding:2px 10px 1px 10px;
box-sizing:border-box;
}
.news_d_contents p.label,
.news_contents p.label{
background:#EEEDEB;
text-align:center;
float:left;
margin:0 10px 0px 0;
}
.news_d_contents p.shop,
.news_contents p.shop{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin.jpg) no-repeat left center;
float:left;
padding:2px 4px 2px 14px;
margin-right:10px;
}
.news_d_contents p.day,
.news_contents p.day{
font-weight:bold;
color:#990000;
}
.news_d_contents .day:before,
.news_contents .day:before{
content:"| ";
}
.news_contents p.txt{
clear:both;
font-weight:bold;
}
.news_contents p.txt a{
text-decoration: underline;
}
.news_contents p.txt a:hover{
text-decoration: none;
}
.news_contents .text_area{
clear:both;
}
@media screen and (max-width: 767px) {
.news_d_contents{
margin-bottom: 2%;
}
.news_contents{
margin: 10% 0 60px;
}
.news_d_contents .label,
.news_contents .label{
font-size:9px;
}
.news_d_contents .front p,
.news_contents .front p{
padding:2px 6px 1px 6px;
}
.news_d_contents p.shop,
.news_contents p.shop{
font-size:9px;
margin-right:5px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_pin_b.png) no-repeat center left;
background-size:7px 10px;
padding:2px 4px 1px 10px;
}
.news_contents p.day{
font-size:9px;
}
}
.info .button_bk ul{
text-align:center;
margin:50px 0 0;
}
.info .button_bk ul li{
display:inline-block;
margin-right:10px;
border:none;
}
.info .button_bk ul li a{
padding:0 25px;
font-size:15px;
line-height:38px;
}
@media screen and (max-width: 767px) {
.info .button_bk ul{
margin:20px 0 30px;
}
.info .button_bk ul li{
margin:10px 0 0;
}
.info .button_bk ul li:nth-of-type(3){
display:none;
}
.info .button_bk ul li a{
padding:0 25px;
font-size:12px;
}
} .shop .naviArea{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
margin-bottom:14px;
}
.shop .naviArea ul{
background:#FAFAFA;
border:1px solid #fff;
text-align:center;
}
.shop .naviArea ul li{
display:inline-block;
margin-right:20px;
font-size:17px;
}
.shop .naviArea ul li a{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat 0px 50%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.shop .naviArea ul li a:hover{
text-decoration:none;
color:#AC2F2F;
}
.shop h2.h2_01{
border-bottom:1px solid #BFBFBF;
font-size:15px;
padding-bottom:16px;
margin-bottom:24px;
font-weight:normal;
}
.shop h2.h2_01 span{
font-size:26px;
border-bottom:1px solid #990000;
display:inline-block;
padding-bottom:10px;
margin:0 10px -17px 0px;
font-weight:bold;
}
.shop .shop_region{
margin-bottom:40px;
overflow:hidden;
}
.shop .shop_region ul li{
float:left;
margin-right:53px;
margin-bottom:40px;
width: 210px;
}
.shop .shop_region  ul li:nth-of-type(4n){
margin-right:0;
}
.shop .shop_region  ul li h3{
font-size:18px;
margin-bottom:10px;
}
.shop .shop_region ul li img{
margin-bottom:15px;
}
.shop .shop_region ul li dl dt{
float:left;
width:72px;
}
.shop .shop_region ul li dl{
clear:both;
font-weight:bold;
}
.shop .shop_region ul li dl dd{
cursor:text;
}
.shop .shop_region ul li dl dd a{
pointer-events:none;
}
.shop .button_bk{
margin:10px 0;
}
.shop .button_bk a{
font-size:13px;
line-height:32px;
}
.shop .prefectures_freearea .con_02 .note_area{
margin:30px 0;
}
.shop .prefectures_freearea .shop_list{
border: 1px solid gray;
padding: 36px 34px 12px;
width: 740px;
margin: 0 auto;
box-sizing:border-box;
}
.shop .prefectures_freearea .shop_list li{
margin-bottom:16px;
}
.shop .prefectures_freearea .shop_list li *{
display:inline-block;
}
.shop .prefectures_freearea .shop_list li .shop{
width: 100%;
height: 40px;
line-height: 40px;
line-height: 1.4;
padding-top: 9px;
letter-spacing: 0.14rem;
box-sizing: border-box;
background:#383838;
color:#FFFFFF;
font-size:19px;
text-align:center;
margin: 0 auto 18px;
}
.shop .prefectures_freearea .shop_list li .tel{
width: 378px;
padding-left: 90px;
box-sizing:border-box;
font-size:35px;
}
.shop .prefectures_freearea .shop_list li .tel a{
pointer-events:none;
text-decoration:none;
padding-left:30px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
letter-spacing: 0.05rem;
}
.shop .prefectures_freearea .shop_list li .sl_address{
font-size: 14.5px;
letter-spacing: 0.1rem;
height: 56px;
padding-top: 6px;
box-sizing:border-box;
font-weight: bold;
}
.shop .prefectures_freearea .button_bk a{
width: 450px;
margin: 0 auto;
background: #383838;
display: block;
line-height: 48px;
color: #FFF;
font-size: 18px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
}
.shop .prefectures_freearea .freearea_reserve_img img{
display: block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.shop .naviArea{
margin-bottom: 26px;
}
.shop .naviArea ul li a{
font-size:11px;
padding:15px 0 28px 0;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat center 52px;
background-size: 10px;
}
.shop .shop_region ul li{
float:left;
width:47%;
margin-right:5%;
}
.shop .shop_region ul li:nth-of-type(2n){
margin-right:0;
}
.shop h2.h2_01{
font-size:11px;
}
.shop h2.h2_01 span{
font-size:18px;
}
.shop .shop_region ul li h3{
font-size:15px;
}
.shop .shop_region ul li dl{
font-size:9px;
}
.shop .shop_region ul li dl dt{
width:32%;
}
.shop .button_bk a{
font-size:10px;
}
.shop .shop_region ul li dl dd a{
pointer-events:auto;
cursor:pointer;
text-decoration:none;
}
.shop .prefectures_freearea .shipping_area .shop_list {
margin-top: 0px;
}
.shipping_area{
margin-top: 38px;
}
.shop .prefectures_freearea .con_02 .note_area{
margin:20px 0;
}
.shop .prefectures_freearea .shipping_area .shop_list {
margin-top: 0px;
}
.shop .prefectures_freearea .shop_list li .sl_address{
width: auto;
height: auto;
padding-right: 0;
font-size: 11px;
text-align: center;
font-weight: normal;
padding-left: 0px;
box-sizing:border-box;
padding-top: 0;
letter-spacing: 0.05rem;
}
.shop .prefectures_freearea .shop_list{
margin-top: 20px;
border: none;
padding: 0;
width: auto;
}
.shop .prefectures_freearea .shop_list li{
margin-bottom:16px;
text-align:center;
}
.shop .prefectures_freearea .shop_list li *{
display:block;
height:auto;
}
.shop .prefectures_freearea .shop_list li .shop{
width:auto;
height:auto;
background:#FFF;
color:#000000;
font-size:14px;
text-align:center;
line-height:1.6;
padding-top:0;
padding-bottom: 9px;
border-bottom: 1px dotted #BFBFBF;
margin: 0 0 10px 0;
font-weight:bold;
letter-spacing: 0.1rem;
}
.shop .prefectures_freearea .shop_list li .tel{
width:initial;
background:none;
font-size:18px;
padding-left:0px;
margin-right:0px;
text-align:center;
margin:0 auto 4px;
display:inline-block;
}
.shop .prefectures_freearea .shop_list li .tel a{
pointer-events: auto;
padding-left: 0px;
background: none;
font-size: 17.5px;
}
.shop .prefectures_freearea .shop_list li .tel a:before{
content:"";
display:inline-block;
width: 10px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
background-size:10px 12px;
margin-right:5px;
}
.shop .prefectures_freearea .button_bk a{
width: auto;
background: #383838;
display: block;
line-height: 48px;
color: #FFF;
font-size: 11px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
}
}
.shop_detail main{
float:left;
}
.shop_detail article{
padding:0 0 0 50px;
width:780px;
box-sizing:border-box;
}
.shop_detail h2.detail{
border-bottom:1px solid #BFBFBF;
font-size:15px;
padding-bottom:16px;
margin-bottom:24px;
font-weight:normal;
}
.shop_detail h2.detail span{
font-size:28px;
border-bottom:1px solid #990000;
display:inline-block;
padding-bottom:10px;
margin:0 10px -17px 0px;
font-weight:bold;
}
.shop_detail .shop_photo{ margin:40px 0 50px;
overflow:hidden;
}
.shop_detail .shop_photo .bx-wrapper .shop_slider li{
text-align: center;
}
.shop_detail .shop_photo .thumbList{
margin:20px 0;
}
.shop_detail .shop_photo .thumbList ul li{
width:172px;
float:left;
margin-right:14px;
}
.shop_detail .shop_photo .thumbList ul li a.active{
opacity:0.5;
}
.shop_detail .shop_photo .thumbList ul li:last-child{
margin-right:0;
}
.shop_detail .shop_photo .thumbList ul li img{
width:100%;
}
.shop_detail .shop_information{
margin-bottom:100px;
}
.shop_detail .shop_information dl dt{
background:#990000;
color:#FFF;
width:80px;
float:left;
margin:0 12px 0 0;
text-align:center;
line-height: 1.3;
padding: 3px 0;
}
.shop_detail .shop_information dl dd{
overflow:hidden;
padding-right: 0px;
}
.shop_detail .shop_information dl dd{
cursor:text;
}
.shop_detail .shop_information dl dd a{
pointer-events:none;
}
.shop_detail .shop_information dl{
margin-bottom:36px;
width:50%;
float:left;
}
.shop_detail .shop_information dl.access{
width:100%;
}
.shop_detail .shop_information dl.access p{
margin-bottom:10px;
}
.shop_detail .shop_information .mapArea{
clear:both;
}
.shop_detail .shop_information .mapArea .box{
border:1px solid #F0F0F0;
text-align:center;
margin:0 0 20px 0;
}
.shop_detail .shop_information .button_bk a{
padding:0;
width:30%;
text-align:center;
font-size:13px;
font-weight:bold;
margin:0 auto;
line-height:36px;
}
.shop_detail .shop_information .button_white a{
padding:0;
width:30%;
text-align:center;
font-size:13px;
font-weight:bold;
margin:0 auto;
line-height:36px;
border: 1px solid gray;
}
.shop_detail .shop_information dl.dl_height2{
display:table;
}
.shop_detail .shop_information dl.dl_height2 dd,
.shop_detail .shop_information dl.dl_height2 dt{
display:table-cell;
vertical-align:middle;
}
.shop_detail .shop_information dl.dl_height2 dt{
vertical-align:top;
background: none;
float: none;
padding: 0;
}
.shop_detail .shop_information dl.dl_height2 dt .dl2_shopinfo_subttl{
display: block;
background:#990000;
color:#FFF;
width:80px;
float:left;
margin:0 12px 0 0;
text-align:center;
line-height: 1.3;
padding: 3px 0;
}
.shop_detail .shop_information dl.access p{
margin-bottom:10px;
}
.shop_detail .shop_information dl.access p:last-child{
margin-bottom:0px;
}
.shop_detail .shop_information .shop_event_bnr a{ width: 100%; margin: 30px auto 80px; font-size: 23px;
line-height: 80px;
}
@media screen and (max-width: 767px) {
.shop_detail .shop_information{
margin-bottom:46px;
}
.shop_detail #contents_wrap{
padding-bottom: 0;
}
.shop_detail #sidemenu_wrap{
display: none;
}
.shop_detail main{
float:none;
}
.shop_detail article{
width:100%;
padding:0 15px;
}
.shop_detail h2.detail span{
font-size:18px;
}
.shop_detail .shop_information dl{
width:100%;
margin-bottom:12px;
}
.shop_detail .shop_information dl.access dt{
float:left;
margin-bottom:8px;
}
.shop_detail .shop_information .button_bk a {
width:100%;
font-size:12px;
}
.shop_detail .shop_information .button_white a{
width:80%;
font-size:10px;
}
.shop_detail .shop_information .shop_event_bnr a{
font-size: 13px; margin: 0 auto 40px;
line-height: 60px;
}
div.bx-wrapper{
position:relative;
}
div.bx-controls-direction a.bx-prev{
display:block;
width:15px;
height:19px;
position:absolute;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_bk_left.png) no-repeat;
color:#fff;
top:45%;
left:-10px;
text-indent:-9999px;
}
div.bx-controls-direction a.bx-next{
display:block;
width:15px;
height:19px;
position:absolute;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_bk_right.png) no-repeat;
color:#fff;
top:45%;
right:-18px;
text-indent:-9999px;
}
.shop_detail .shop_information dl dd{
cursor:text;
line-height: 1.5;
}
.shop_detail .shop_information dl dd a{
pointer-events:auto;
cursor:pointer;
text-decoration:none;
}
.shop_detail .shop_photo .thumbList ul li a.active{
opacity:1;
}
.shop_detail .shop_photo{
margin: 40px 0 20px;
}
.shop_detail .shop_information dl.dl_height2,
.shop_detail .shop_information dl.dl_height2 dd,
.shop_detail .shop_information dl.dl_height2 dt{
display:block;
}
.shop_detail .shop_information dl.dl_height2 dt{
background: #990000;
float: left;
padding: 3px 0;
}
.shop_detail .shop_information dl.dl_height2 dt .dl2_shopinfo_subttl{
display: block;
background:none;
color:#FFF;
width:auto;
float:none;
margin:0;
padding: 0;
}
} .careers main{
float:left;
}
.careers article{
padding:0 0 40px 50px;
width:780px;
box-sizing:border-box;
}
.careers h2.h2_01{
border-top:4px solid #990000;
color:#AC2F2F;
font-size:28px;
padding:20px 0 20px 0 ;
}
.careers .naviArea{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
margin-bottom:50px;
}
.careers .naviArea ul{
overflow:hidden;
}
.careers .naviArea ul li{
float:left;
margin-right:40px;
padding:14px 0;
}
.careers .naviArea ul li a{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat left center;
padding-left:20px;
display:block;
font-size:16px;
text-decoration: underline;
}
.careers .naviArea ul li a:hover{
color:#AC2F2F;
text-decoration:none;
}
.careers section{
margin:20px 0 40px 0;
}
.careers section h3{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
padding-left:45px;
font-size:20px;
margin-bottom:20px;
line-height:36px;
height:36px;
}
.careers .region a{
text-decoration: none;
}
.careers a .txt{
text-decoration: underline;
}
.careers a:hover .txt{
text-decoration: none;
}
.careers section.region ul li{
border:1px solid #DEDEDE;
}
.careers section.region ul a{
margin-bottom:20px;
display: block;
overflow: hidden;
}
.careers section.region ul li .front{
background:#F7F7F7;
padding:20px;
box-sizing:border-box;
overflow:hidden;
}
.careers section.region ul li .front p{
float:left;
font-weight:bold;
font-size:17px;
}
.careers section.region ul li .front .label{
background:#990000;
padding:0 5px;
color:#FFF;
margin-left:20px;
font-size:13px;
margin-top:3px;
}
.careers section.region ul li .txt{
padding:20px;
box-sizing:border-box;
}
.careers section .detail_content table{
width: 100%;
}
.careers section .detail_content table,
.careers section .detail_content table th,
.careers section .detail_content table td{
border:1px solid #EEEDEB;
padding:10px;
box-sizing:border-box;
}
.careers section .detail_content table th{
background:#FAFAFA;
}
.careers section .detail_content{
margin-bottom:40px;
}
.careers_inqArea{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/careers_inqbg.jpg) no-repeat;
width:730px;
text-align:center;
text-shadow:1px 1px 8px #000;
padding:5px;
box-sizing:border-box;
}
.careers_inqArea .line_wrap{
border:1px solid rgba(255,255,255,0.60);
padding:40px 0 30px;
box-sizing:border-box;
}
.careers_inqArea p{
font-size:22px;
font-weight:bold;
letter-spacing:0.2em;
color:#FFF;
margin-bottom:10px;
}
.careers_inqArea ul{
margin:0 auto;
text-align:center;
}
.careers_inqArea ul li{
display:inline-block;
margin-right:30px;
vertical-align:middle;
}
.careers_inqArea ul li a{
color:#FFF;
display:block;
}
.careers_inqArea ul li.tel{
font-size:32px;
cursor:text;
}
.careers_inqArea ul li.tel a{
pointer-events:none;
}
.careers_inqArea ul li.mail{
font-size:19px;
}
.careers_inqArea ul li.mail a{
border:1px solid #F0F0F0;
padding:3px 40px;
box-sizing:border-box;
letter-spacing:2px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/icon_mail.png) no-repeat 20px center;
padding-left:55px;
transition:all 0.2s;
}
.careers_inqArea ul li.mail a:hover{
text-decoration:none;
background:rgba(255,255,255,0.40) url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/icon_mail.png) no-repeat 20px center;
}
.careers .naviArea02{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
margin-bottom:40px;
}
.careers .naviArea02 ul{
background:#FAFAFA;
border:1px solid #fff;
text-align:center;
}
.careers .naviArea02 ul li{
display:inline-block;
margin-right:20px;
font-size:17px;
}
.careers .naviArea02 ul li a{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat 0px 50%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.careers .naviArea02 ul li a:hover{
text-decoration:none;
color:#AC2F2F;
}
@media screen and (max-width: 767px) {
.careers .naviArea02 ul li a{
font-size:11px;
padding:15px 0 25px 0 ;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat center 36px;
background-size: 10px;
}
.careers .naviArea02 ul li{
width: 100%;
}
.careers .sidemenu_box{
padding-bottom: 0px;
}
.careers main{
float:none;
}
.careers article{
width:100%;
padding:0 15px;
}
.careers section.region ul li .front{
padding: 6px 10px 12px;
}
.careers h2.h2_01{
font-size:18px;
padding: 10px 0 20px 0;
}
.careers section.region ul li .txt{
padding: 12px 10px;
}
.careers section h3{
font-size:16px;
background-size:30px;
padding-left:40px;
margin-bottom:10px;
}
.careers .naviArea{
margin-bottom: 24px;
}
.careers .naviArea ul li a{
font-size:12px;
background-size: 10px;
}
.careers section.region ul li .front p{
font-size:16px;
font-size: 1.0rem;
width: 100%;
}
.careers section.region ul li .front .label{
font-size:10px;
font-size: 0.7rem;
margin-top:5px;
margin-left: 0;
width: auto;
}
.careers section table th{
width:100%;
float:left;
}
.careers section table td{
width:100%;
float:right;
}
.careers_inqArea{
width:100%;
background-size:cover;
}
.careers_inqArea .line_wrap{
padding:10px 0 10px;
box-sizing:border-box;
}
.careers_inqArea p{
font-size:13px;
}
.careers_inqArea ul {
text-align:center;
}
.careers_inqArea ul li{
margin:0;
}
.careers_inqArea ul li.tel{
font-size:18px;
}
.careers_inqArea ul li.tel a{
pointer-events:auto;
cursor:pointer;
text-decoration:none;
}
.careers_inqArea ul li.mail{
font-size:14px;
margin:10px 0 0 ;
}
.careers_inqArea ul li.mail a{
text-decoration:none;
}
} .inquiry h2.h2_01{
border-bottom:1px solid #BFBFBF;
font-size:15px;
padding-bottom:25px;
margin-bottom:40px;
}
.inquiry h2.h2_01 span{
font-size:26px;
border-bottom:1px solid #990000;
display:inline-block;
padding-bottom:20px;
margin:0 10px -26px 0px;
}
.inquiry article{
padding:0 50px;
}
.inquiry .con_01{
margin-bottom:70px;
}
.inquiry .con_01 h2 + p{
margin-bottom:30px;
}
.inquiry .con_01 .list_01{
padding:10px 0;
}
.inquiry .con_01 .list_01 li{
font-size:16px;
padding:10px;
font-weight:bold;
}
.inquiry .con_01 .note_area{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
padding:20px 0;
margin:30px 0;
}
.inquiry .con_01 .note_area h3{
margin-bottom:15px;
color:#990000;
font-weight:bold;
font-size:16px;
}
.inquiry .con_01 .list_02 li{
margin-left:1em;
text-indent:-1em;
margin-bottom:1em;
}
.inquiry .con_01 .list_02 li:last-child{
margin-bottom:0;
}
.inquiry .con_01 .button_bk a{
width:450px;
margin:0 auto;
}
.inquiry .con_02 .button_bk a{
width:450px;
margin:0 auto;
}
.inquiry .con_02 .note_area{
margin:30px 0;
}
.inquiry .con_02 .note_area h3{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
padding-left:45px;
font-size:20px;
margin-bottom:20px;
height:36px;
}
.inquiry .con_02.shipping_area .note_area h3{
background: none;
padding-left: 0;
margin-bottom:0;
width: 306px;
height: 37px;
background: #FFF;
text-align: center;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 21px;
}
.inquiry .con_02 .table_area{
margin:30px 0 40px;
}
.inquiry .con_02 .table_area h3{
font-size:18px;
border-bottom:1px solid #F0F0F0;
margin-bottom:20px;
}
.inquiry .con_02 .table_area table{
border:1px solid #F0F0F0;
width:100%;
color:#383838;
}
.inquiry .con_02 .table_area th,
.inquiry .con_02 .table_area td{
border:1px solid #F0F0F0;
padding:8px 5px;
font-size:13px;
}
.inquiry .con_02 .table_area th{
vertical-align:top;
background:#F7F7F7;
}
.inquiry .con_02 .table_area td{
text-align:center;
}
.inquiry .con_02 .list_03{
border:1px solid #F0F0F0;
margin:30px 0px 50px;
}
.inquiry .con_02 .list_03 li{
border-bottom:1px solid #F0F0F0;
text-align:center;
font-size:16px;
padding:10px;
letter-spacing:0.3em;
}
.inquiry .con_02 .list_03 li:last-child{
border:0;
}
.inquiry .shop_list{
border: 1px solid gray;
padding: 36px 34px 12px;
width: 740px;
margin: 0 auto;
box-sizing:border-box;
}
.inquiry .shop_list li{
margin-bottom:16px;
}
.inquiry .shop_list li *{
display:inline-block;
}
.inquiry .shop_list li .shop{
width: 100%;
height: 40px;
line-height: 40px;
line-height: 1.4;
padding-top: 9px;
letter-spacing: 0.14rem;
box-sizing: border-box;
background:#383838;
color:#FFFFFF;
font-size:19px;
text-align:center;
margin: 0 auto 18px;
}
.inquiry .shop_list li .shop span{
font-size:12px;
}
.inquiry .shop_list li .tel{
width: 378px;
padding-left: 90px;
box-sizing:border-box;
font-size:35px;
}
.inquiry .shop_list li .tel a{
pointer-events:none;
text-decoration:none;
padding-left:30px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
letter-spacing: 0.05rem;
}
.inquiry .shop_list li .sl_address{
font-size: 14.5px;
letter-spacing: 0.1rem;
height: 56px;
padding-top: 6px;
box-sizing:border-box;
font-weight: bold;
}
.inquiry .shop_list li .button_line{
float:right;
}
.inquiry .shop_list li .button_line a{
border:1px solid #000000;
height:42px;
line-height:42px;
width:160px;
text-align:center;
font-size:14px;
}
.inquiry .shop_list li .button_line a:hover{
text-decoration:none;
filter: alpha( opacity = 70 );
opacity: 0.7;
}
.inquiry .shop_list li .button_line a:before{
content:"";
display:inline-block;
width:6px;
height:12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_g_right.png) no-repeat center left;
padding-right:8px;
}
.inquiry .naviArea{
border-top:1px dotted #BFBFBF;
border-bottom:1px dotted #BFBFBF;
margin-bottom:40px;
}
.inquiry .naviArea ul{
background:#FAFAFA;
border:1px solid #fff;
text-align:center;
}
.inquiry .naviArea ul li{
display:inline-block;
margin-right:20px;
font-size:17px;
}
.inquiry .naviArea ul li a{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat 0px 50%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.inquiry .naviArea ul li a:hover{
text-decoration:none;
color:#AC2F2F;
}
@media screen and (max-width: 767px) {
.inquiry .con_02.shipping_area .note_area h3{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
width: 100%;
box-sizing:border-box;
height:initial;
text-align: left;
left: auto;
right: auto;
top: auto;
font-size: 16px;
background-size: 30px;
padding-left: 40px;
margin-bottom: 10px;
line-height: 36px;
}
.inquiry .shipping_area .shop_list {
margin-top: 0px;
}
.inquiry .shop_list li .sl_address{
width: auto;
height: auto;
padding-right: 0;
font-size: 11px;
text-align: center;
font-weight: normal;
padding-left: 0px;
box-sizing:border-box;
padding-top: 0;
letter-spacing: 0.05rem;
}
.inquiry .naviArea ul li a{
font-size:11px;
padding: 11px 0 22px 0;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_down.png) no-repeat center 33px;
background-size: 10px;
}
.inquiry .naviArea ul li{
width: 100%;
}
.inquiry h2.h2_01{
font-size:11px;
border-bottom:1px solid #990000;
padding:0 0 10px 0;
margin:20px 0 40px;
}
.shipping_area{
margin-top: 38px;
}
.inquiry h2.h2_01 span{
font-size:18px;
display:block;
margin:0;
border:none;
padding:0;
}
.inquiry article{
padding:0 15px;
}
.inquiry .con_01{
margin-bottom:30px;
}
.inquiry .con_01 h2 + p{
margin-bottom:15px;
}
.inquiry .con_01 .list_01{
padding:10px 0;
}
.inquiry .con_01 .list_01 li{
font-size:13px;
padding:8px;
}
.inquiry .con_01 .note_area{
padding:16px 0;
margin:20px 0;
}
.inquiry .con_01 .note_area h3{
margin-bottom:15px;
font-size:14px;
}
.inquiry .con_01 .list_02 li{
margin-left:1em;
text-indent:-1em;
margin-bottom:1em;
}
.inquiry .con_01 .list_02 li:last-child{
margin-bottom:0;
}
.inquiry .con_01 .button_bk a{
width:auto;
}
.inquiry .con_02 .button_bk a{
width:auto;
}
.inquiry .con_02 .note_area{
margin:20px 0;
}
.inquiry .con_02 .note_area span.red{
color:#990000;
}
.inquiry .con_02 .note_area h3{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
font-size:16px;
background-size:30px;
padding-left:40px;
margin-bottom:10px;
line-height:36px;
}
.inquiry .con_02 .list_03{
margin:20px 0px 30px;
}
.inquiry .con_02 .list_03 li{
text-align:center;
font-size:12px;
padding:6px;
letter-spacing:0.25em;
}
.inquiry .con_02 .postage dt{
position: relative;
padding: 10px 0;
vertical-align: middle;
border-bottom:1px solid #F0F0F0;
font-size:12px;
}
.inquiry .con_02 .postage dt::before,
.inquiry .con_02 .postage dt::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.inquiry .con_02 .postage dt::before{
right: 3px;
width: 4px;
height: 4px;
border-top: 1px solid #383838;
border-right: 1px solid #383838;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition:0.2s all;
}
.inquiry .con_02 .postage dt.open::before{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.inquiry .con_02 .postage dd{
display:none;
padding:10px 0;
border-bottom:1px solid #F0F0F0;
}
.inquiry .con_02 .postage th,
.inquiry .con_02 .postage td{
font-size:10px;
}
.inquiry .shop_list{
margin-top: 20px;
border: none;
padding: 0;
width: auto;
}
.inquiry .shop_list li{
margin-bottom:16px;
text-align:center;
}
.inquiry .shop_list li *{
display:block;
height:auto;
}
.inquiry .shop_list li .shop{
width:auto;
height:auto;
background:#FFF;
color:#000000;
font-size:14px;
text-align:center;
line-height:1.6;
padding-top:0;
padding-bottom: 9px;
border-bottom: 1px dotted #BFBFBF;
margin: 0 0 10px 0;
font-weight:bold;
letter-spacing: 0.1rem;
}
.inquiry .shop_list li .shop span{
font-size:12px;
}
.inquiry .shop_list li .tel{
width:initial;
background:none;
font-size:18px;
padding-left:0px;
margin-right:0px;
text-align:center;
margin:0 auto 4px;
display:inline-block;
}
.inquiry .shop_list li .tel a{
pointer-events: auto;
padding-left: 0px;
background: none;
font-size: 17.5px;
}
.inquiry .shop_list li .tel a:before{
content:"";
display:inline-block;
width: 10px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
background-size:10px 12px;
margin-right:5px;
}
.inquiry .shop_list li .button_line{
float:none;
text-align:center;
margin:20px 0 30px;
}
.inquiry .shop_list li .button_line a{
border:none;
height:38px;
line-height:38px;
width:200px;
font-size:11px;
display:inline-block;
background:#383838;
color:#FFF;
text-decoration:none;
}
.inquiry .shop_list li .button_line a:hover{
text-decoration:none;
filter: alpha( opacity = 70 );
opacity: 0.7;
}
.inquiry .shop_list li .button_line a:before{
content:"";
display:inline-block;
width:3px;
height:8px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_right.png) no-repeat center left;
background-size: 3px 6px;
padding-right:8px;
}
.inquiry .shop_list li:last-child .button_line{
margin-bottom:0;
}
}
.mb20{
margin-bottom: 20px;
}
.mb28_pc{
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
.mb20{
margin-bottom: 3%;
}
.mb28_pc{
margin-bottom: 0;
}
}
.mapArea .box iframe{
width:100%;
height:380px;
}
.pc_mt10{
margin-top:10px;
}
.pc_mb10{
margin-bottom:10px;
}
.sp_pt10{
padding-top:0px;
}
.pc_w480{
width: 480px;
}
.pc_w640{
width: 640px;
}
.pc_w608{
width: 608px;
}
.btop_line{
border-top: 1px solid #F0F0F0;
padding-top: 30px;
} @media screen and (max-width: 767px) {
.pc_w480{
width: auto;
}
.pc_w608{
width: auto;
}
.pc_w640{
width: auto;
}
.mapArea .box iframe{
width:100%;
height:200px;
}
.pc_mt10{
margin-top:0px;
}
.pc_mb10{
margin-bottom:0px;
}
.sp_pt10{
padding-top: 12px;
min-height: 23px!important;
}
.bx-viewport{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/top/sp_mvbg.jpg);
background-size: 100%;
}
.shop_photo .bx-viewport{
background-image: none;
}
} .all_shop_count span{
font-size:42px;
display: block;
line-height:1.2;
}
.shop_count span{
font-size:13px;
display: block;
}
.map47{
border:5px solid #f9fafb;
background-color: #FFF;
padding: 20px;
margin-bottom: 40px;
text-align: center;
}
.h_map47{
text-align: left;
margin-bottom: 10px;
}
.h_map47 span{
font-size: 110%;
font-weight: bold;
border-bottom: solid 1px;
}
.map47 .map47_mark{
text-align: left;
padding-left: 47px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/shop/redBox.jpg) no-repeat left;
}
.map47 .map47_mark.all-blue {
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/shop/blueBox.jpg);
}
.map47 .map47_mark.light-blue {
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/shop/light_blueBox.jpg);
}
.map47 .map47_mark.water-blue {
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/shop/water_blueBox.jpg);
}
.map47 img{
margin: 0 auto;
width: 394px;
}
.lang_choose{
width: 100%;
text-align: right;
padding: 0 50px;
box-sizing: border-box;
margin: -20px 0 20px;
}
.lang_choose_single{
width: 100%;
text-align: right;
padding: 0;
box-sizing: border-box;
margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
.lang_choose{
padding: 0 15px;
margin: 10px 0;
}
.lang_choose_single{
padding: 0 15px;
margin: 10px 0 2%;
}
.all_shop_count span{
font-size:90%;
display: block;
line-height:1.2;
}
.shop_count span{
font-size:8px;
display: block;
}
.map47{
margin-bottom: 15px;
}
.h_map47 span{
font-size: 140%;
}
.map47 .map47_mark{
font-size: 110%;
margin-bottom: 2%;
}
.map47 img{
width: 90%;
}
} .page_navigation{
text-align: center;
}
.page_navigation p{
margin: 6px 0;
font-weight: bold;
}
.page_navigation a {
display: block;
text-decoration: none;
}
.page_navigation img{
display: block;
margin: 0 auto;
}
.article47{
padding: 50px 0;
border-bottom: 1px solid #F0F0F0;
}
.article47 p{
text-align: center;
}
.article47 div p {
margin-bottom: 15px;
}
.article47 div p:last-child{
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.page_navigation li {
list-style: none;
display: inline-block;
text-align: center;
margin: -20px 0px 15px 0px;
padding: 10px 15px 15px 15px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_bk_bottom.jpg) no-repeat center bottom 5px;
width: auto;
max-width: 23%;
}
.goods_list .item_box .img_area img {
max-width: 100%;
}
.goods_list .item_ttl {
font-size: 25px;
padding: 30px 0 0 20px;
margin-bottom: 65px;
}
.item_box_wrap {
padding-top: 50px;
}
.goods_list .item_box .img_area {
width: 413px;
}
.goods_list .item_box .text_area {
width: 586px;
}
.page_navigation p{
margin: 6px 0;
font-size: 95%;
}
.PCnone{
display: none;
}
.article47:first-child{
padding: 0 0 50px 0;
}
.article47 > div{
background-color: #fafafa
}
.article47 > div > p{
padding: 5px;
}
.article47 > div > p:first-child{
padding-top: 30px;
}
.article47 > div > p:last-child{
padding-bottom:30px;
}
.heading{
font-size: 26px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01.png) 50% 50% no-repeat;
height: 70px;
margin:0 0 30px 0;
line-height: 70px;
font-weight: bold;
}
}
@media screen and (max-width: 767px) {
.page_navigation li{
margin: 0px;
display: inline-block;
width: 45%;
padding: 0px 2%;
vertical-align: top;
}
.page_navigation li:nth-child(n+3){
margin: 5px 0 0 0;
}
.page_navigation li > div{
border: none;
padding: 0;
background-position: left bottom 7px;
width: auto;
max-width: 136px;
text-align: left;
}
.page_navigation p {
padding-left: 10px;
}
.item_box_wrap {
padding-top: 20px;
}
.goods_list .item_ttl {
font-size: 16px;
padding: 25px 0 0 0px;
margin-bottom: 0;
}
.SPnone{
display: none;
}
.article47{
padding: 10px 15px;
border-bottom:none;
}
.article47:nth-child(even){
background-color: #fafafa;
}
.heading{
font-size: 20px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01.png) 50% 50% no-repeat;
background-size: 50px;
height: 70px;
margin: 0 0 10px 0;
line-height: 70px;
font-weight: bold;
font-size:18px;
}
.longHeading{
line-height: 25px;
height: 50px;
margin: 0 0 25px 0;
}
} .quality .heading{
text-align: center;
font-size: 32px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01.png) 50% 50% no-repeat;
height: 70px;
margin: 0 0 0 0;
line-height: 70px;
font-weight: bold;
}
.quality .sub_heading{
text-align: center;
font-size: 20px;
height: 70px;
margin: 0 0 30px 0;
line-height: 70px;
font-weight: bold;
}
.quality .con_01{
padding:30px 50px 30px;
}
.quality .text_area{
font-size:15px;
line-height:1.8;
font-weight:bold;
}
.quality .text_area p span{
color:#990000;
}
.quality .text_area_left{
float:left;
font-size:15px;
line-height:1.8;
font-weight:bold;
}
.quality .text_area_left p span{
color:#990000;
}
.quality .img_area{
float:right;
margin-right:30px;
}
.quality .btn_area{
text-align:center;
border-top:1px solid #F0F0F0;
margin-top:70px;
padding:50px 0 10px;
}
.quality .btn_area div{
display:inline-block;
width:260px;
margin-right:5px;
}
.quality .btn_area div{
}
.quality .btn_area .bk_short{
width: 190px;
}
.quality .btn_area .short02{
width: 220px;
}
.quality .button_line a{
width: 220px;
}
.quality p.sub_text_area {
font-size: 15px;
line-height: 1.8;
font-weight: bold;
padding: 0 50px;
}
.quality .text_area .button_bk{
margin:10px 0;
}
.quality .measure_list{
list-style: inside;
margin: 30px 0;
line-height: 2.3;
}
@media screen and (min-width: 768px) {
.quality #main h2{
font-size: 26px;
border-bottom: 1px solid #BFBFBF;
padding-bottom: 25px;
margin-bottom: 40px;
}
.quality .text_area .button_bk a{
font-size:13px;
line-height:32px;
}
.quality .text_area .button_bk a{
width: 330px;
}
.quality .h2_span{
border-bottom: 1px solid #990000;
display: inline-block;
padding-bottom: 20px;
margin: 0 10px -26px 0px;
}
.page_txt_link{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_right.png) no-repeat 0px 49%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.page_txt_link:hover{
text-decoration:none;
color:#AC2F2F;
}
}
@media screen and (max-width: 767px) {
.quality .heading{
font-size: 20px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/title_bg_01.png) 50% 50% no-repeat;
background-size: 50px;
height: 70px;
margin: 0 0 0 0;
line-height: 70px;
font-weight: bold;
font-size: 18px;
}
.quality .sub_heading{
text-align: center;
font-size: 13px;
height: 30px;
margin: 0 0 0 0;
line-height: 30px;
font-weight: bold;
}
.quality #main h2{
font-size:18px;
margin: 20px 0 40px;
}
.quality .con_01{
padding:30px 15px;
border-bottom: 1px solid #F0F0F0;
}
.quality .con_01:nth-child(6){
border-bottom: none;
}
.quality .text_area,.quality .text_area_left{
float:none;
font-size:11px;
line-height:1.8;
font-weight:normal;
}
.quality .text_area p span,.quality .text_area_left p span{
color:#990000;
font-weight:bold;
}
.quality .img_area{
float:none;
margin-right:0px;
text-align:center;
padding:0 40px;
}
.quality .btn_area{
margin-top:35px;
padding:30px 0 0px;
margin-bottom:-10px;
}
.quality .btn_area div{
display:block;
width:260px;
margin:0 auto 10px;
}
.quality .btn_area .button_line a{
width:260px;
}
.quality .btn_area .bk_short{
width: 260px;
}
.quality .btn_area .short02{
width: 260px;
}
.quality .button_line a{
width: 260px;
}
.quality p.sub_text_area {
padding: 0 15px;
font-size: 11px;
line-height: 1.8;
font-weight: normal;
margin-bottom: 30px;
}
.quality .text_area.sub p br {
display: none;
}
.quality .h2_span{
border-bottom: 1px solid #990000;
display: block;
padding-bottom: 10px;
}
.page_txt_link{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_right.png) no-repeat 0px 49%;
display: block;
padding: 18px 20px 18px;
text-decoration: underline;
}
} .event h2.h2_01 span {
font-size: 26px;
border-bottom: 1px solid #990000;
display: inline-block;
padding-bottom: 20px;
margin: 0 10px -26px 0px;
}
.prefectureslist_wrap{
width: 100%;
padding: 0;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 30px;
}
.classification_wrap{
width: 100%;
display: table;
box-sizing: border-box;
border: 1px solid #F0F0F0;
border-bottom: none;
}
.classification_wrap:last-child{
border-bottom: 1px solid #F0F0F0;
}
.classification_wrap .classification{
width: 175px;
text-align: center;
vertical-align: middle;
display: table-cell;
box-sizing: border-box;
background: #F7F7F7;
border-right: 1px solid #F0F0F0;
font-weight: bold;
padding: 2px 10px;
}
.classification_list{
width: calc(100% - 425px);
vertical-align: middle;
display: table-cell;
box-sizing: border-box;
padding: 18px 16px 8px;
}
.classification_list ul{
width: 100%;
}
.classification_list ul li{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.classification_list ul li:last-child{
margin-right: 0;
}
.classification_list ul li a{
text-decoration: underline;
}
.classification_list ul li a:hover{
text-decoration: none;
}
.event .h2_01{
margin-bottom: 15px;
border-bottom: 1px solid #BFBFBF;
font-size: 15px;
padding-bottom: 25px;
margin-bottom: 40px;
}
.event .btn_area{
text-align: center;
padding-top: 30px;
border-top: 1px solid #F0F0F0;
margin-top: 0px;
margin-bottom: 10px;
}
.event .btn_area div {
display: inline-block;
width: auto;
margin: 20px auto 0;
}
.event .btn_area .btn_area{
text-align: center;
border-top: 1px solid #F0F0F0;
margin-top: 70px;
padding: 50px 0 10px;
}
.event .btn_area .button_bk a {
padding: 6px 24px;
}
.prefectureslist_wrap .text_area{
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.event h2.h2_01{
font-size: 11px;
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: 1px solid #900;
}
.event h2.h2_01 span {
font-size: 18px;
padding-bottom: 0;
margin: 4px 0 1px 0;
display: block;
border: none;
}
.event .news_contents{
margin-bottom: 0;
}
.prefectureslist_wrap {
margin-bottom: 0px;
}
.classification_wrap{
width: 100%;
box-sizing: border-box;
background: none;
display: block;
padding: 0;
background: #F0F0F0;
margin: 0 auto 20px;
border-bottom: 1px solid #F0F0F0;
}
.classification_wrap .classification{
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px 0;
position: relative;
}
.classification_wrap .classification p{
font-size: 13px;
}
.classification_list{
width: 100%;
display: none;
padding: 15px;
box-sizing: border-box;
animation: fadeIn 0.3s ease 0s 1 normal;
}
.classification_wrap.active .classification_list{
display: block;
}
.classification_wrap.active .classification{
border-bottom:1px solid #F0F0F0;
}
.classification_list ul li{
width: 100%;
border:1px solid #CCC;
box-sizing: border-box;
margin-bottom: 8px;
border-radius: 3px;
float: none;
}
.classification_list ul li:last-child{
margin-bottom: 0;
}
.prefectureslist_wrap ul li a{
font-size: 13px;
color: #313131;
display: block;
width: 100%;
box-sizing: border-box;
height: 34px;
background: #FFF;
text-align: center;
padding-top: 6px;
border-radius: 3px;
text-decoration: none;
}
.event .btn_area .button_bk a {
padding: 0px 24px;
}
.classification_wrap .classification::after{
content: '';
width: 5px;
height: 5px;
border: 0px;
border-top: solid 2px #4b4b4b;
border-right: solid 2px #4b4b4b;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 38%;
right: 20px;
opacity: 0.8;
}
.classification_wrap.active .classification::after{
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 46%;
}
.event .btn_area{
padding-top: 0;
margin-bottom: 0;
border-top: none;
}
.event .wp-pagenavi{
margin: 20px 0;
}
} .shoplist_wrap{
margin-bottom:40px;
overflow:hidden;
}
.shoplist_col{
width: 100%;
box-sizing: border-box;
border: 1px solid #F0F0F0;
border-bottom: none;
display: table;
}
.shoplist_col:last-child{
border-bottom: 1px solid #F0F0F0;
}
.shoplist_name{
width: 175px;
text-align: left;
vertical-align: middle;
display: table-cell;
box-sizing: border-box;
background: #F7F7F7;
border-right: 1px solid #F0F0F0;
font-weight: bold;
padding: 30px 10px;
}
.shoplist_infowrap{
width: calc(100% - 425px);
vertical-align: middle;
display: table-cell;
box-sizing: border-box;
padding: 18px 16px;
}
.shoplist_detailbtn{
width: 248px;
padding: 22px 24px;
text-align: right;
vertical-align: middle;
display: table-cell;
box-sizing: border-box;
}
.shoplist_info{
width: 100%;
overflow: hidden;
display: table;
}
.shoplist_info li{
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
padding-right: 28px;
}
.shoplist_info li,
.shoplist_info li a{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1.5;
text-decoration: none;
}
.shoplist_adress{
width: 100%;
margin-bottom: 6px;
}
.shoplist_tel{
width: 164px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_redtel.png) no-repeat left center;
background-size: auto 14px;
padding-left: 18px;
}
.shoplist_time{
width: 210px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_time.png) no-repeat left center;
background-size: auto 14px;
padding-left: 18px;
}
.shoplist_hol{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_hol.png) no-repeat left center;
padding-left: 52px;
padding-right: 0!important;
}
.shoplist_detailbtn a{
background: #383838;
display: block;
color: #FFF;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.04em;
text-align: center;
transition: all 0.2s;
text-decoration: none;
padding: 10px 0;
}
.shoplist_detailbtn a::before{
content: "";
display: inline-block;
width: 6px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_right.png) no-repeat center left;
padding-right: 8px;
}
.shoplist_detailbtn a:hover{
opacity: 0.7;
}
.print_btn{
width: 100%;
text-align: right;
margin: 0 0 30px 0;
overflow: hidden;
text-align: right;
display: block;
}
.print_btn a{
width: 260px;
background:#383838;
display:block;
line-height: 40px;
color:#FFF;
font-size: 15px;
text-align:center;
transition:all 0.2s;
text-decoration:none;
float: right;
}
.print_btn a:hover{
text-decoration:none;
filter: alpha( opacity = 70 );
opacity: 0.7;
}
.print_btn a:before{
content:"";
display:inline-block;
width:6px;
height:12px;
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/arrow_w_right.png) no-repeat center left;
padding-right:8px;
}
.mobile_order_btn_wrap {
margin: 10px 0;
}
.mobile_order_btn {
display: inline-block;
background: #00B900;
padding: 5px 15px 5px 25px;
text-align: center;
font-size: 14px;
line-height: 1.5;
color: #FFF;
position: relative;
text-decoration: none;
}
.mobile_order_btn::before{
content: "";
display: block;
position: absolute;
left: 8px;
top: calc(50% - 3px);
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.shop_detail .mobile_order_btn_wrap {
text-align: center;
margin: 0 auto 40px auto;
}
.mobile_order_btn.btn_large {
padding: 15px 35px 15px 55px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.mobile_order_btn.btn_large::before {
left: 15px;
top: calc(50% - 5px);
width: 8px;
height: 8px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.print_btn{
display: none;
}
.shoplist_col{
display: block;
}
.shoplist_name{
width: 100%;
text-align: left;
display: block;
border-right: none;
font-weight: bold;
padding: 10px 10px;
font-size: 15px;
}
.shoplist_infowrap{
width: 100%;
text-align: left;
display: block;
padding: 12px 15px;
}
.shoplist_detailbtn{
width: 100%;
text-align: center;
display: block;
}
.shoplist_info{
width: 100%;
display: block;
}
.shoplist_info li{
display: block;
text-align: left;
padding: 2px 0 0 18px;
margin: 0 0 8px 0;
width: 100%;
}
.shoplist_info .shoplist_hol{
padding-left: 52px;
margin-bottom: 2px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_hol_sp.png) no-repeat left center;
background-size: 43px auto;
}
.shoplist_adress,
.shoplist_info li,
.shoplist_info li a{
font-size: 12px;
}
.shoplist_detailbtn{
padding: 0 15px 20px;
}
.shoplist_detailbtn a{
font-size: 12px;
padding: 10px 0;
}
.shoplist_detailbtn a::before{
width: 6px;
height: 9px;
padding-right: 6px;
background-size: 5px auto;
}
.shop_detail .mobile_order_btn_wrap {
margin: 20px auto 40px auto;
}
.mobile_order_btn.btn_large {
padding: 15px 35px 15px 55px;
font-size: 15px;
}
} .shoplist-event-wrap {
text-align: center;
}
.shoplist-event-wrap .shop_event_bnr a {
width: 500px;
margin: 30px auto 40px;
font-size: 23px;
line-height: 80px;
}
.shoplist-event-wrap .shop_event_text p {
width: 500px;
margin: 30px auto 40px;
border: 1px double #990000;
padding: 30px;
}
@media screen and (max-width: 767px) {
.shoplist-event-wrap .shop_event_bnr a{
width: 80%;
font-size: 13px;
margin: 0 auto 30px;
line-height: 60px;
}
.shoplist-event-wrap .shop_event_text p {
width: 80%;
font-size: 13px;
margin: 0 auto 30px;
padding: 20px 0;
}
} .sidemenu_toggle p.region{
width: calc(100% - 20px);
background: none;
color: #990000;
border-bottom: 1px solid #D7D7D7;
margin: 20px 10px 4px;
box-sizing: border-box;
padding: 0 0 6px 10px;
font-weight: bold;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.sidemenu_toggle p.region::after {
content: '';
width: 4px;
height: 4px;
border: 0px;
border-top: solid 2px #990000;
border-right: solid 2px #990000;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 28%;
right: 12px;
opacity: 0.8;
}
.sidemenu_toggle p.region.region_on::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 35%;
}
.sidemenu_toggle p.region:nth-child(2){
margin-top: 0;
}
.sidemenu_toggle ul{
display: none;
animation: fadeIn 0.3s ease 0s 1 normal;
}
.sidemenu_toggle ul.active{
display: block;}
.sidemenu_toggle .region_child{
margin-top: 8px;
}
.sidemenu_toggle .region_child a{
padding: 5px 0 5px 40px;
line-height: 1.7;
}
@keyframes fadeIn {
0% {opacity: 0.4}
100% {opacity: 1}
} .fee_table_wrap{
margin-top: 14px;
overflow: hidden;
}
.fee_table_wrap table{
margin-top: 2px;
margin-bottom: 10px;
border: 1px solid #F0F0F0;
max-width: 100%;
color: #383838;
}
.fee_table_wrap table th {
vertical-align: middle;
background: #F7F7F7;
border: 1px solid #F0F0F0;
padding: 8px;
font-size: 13px;
}
.fee_table_wrap table td {
border: 1px solid #F0F0F0;
padding: 8px;
font-size: 13px;
text-align:left;
} @media screen and (max-width: 767px) {
.fee_table_wrap table{
width: 100%;
}
.fee_table_wrap table th,
.fee_table_wrap table td {
font-size: 100%;
}
}
.coming_shop_count {
font-size: 30px;
margin: 10px 0 0;
font-weight: bold;
}
.mark_coming_soon {
background: #97000A;
width: 104px;
font-size: 13px;
color: #FFF;
text-align: center;
padding: 2px 0 1px;
margin: 0 0 5px;
}
@media screen and (max-width: 767px){
.coming_shop_count {
font-size: 16px;
margin: 5px 0 0;
font-weight: normal;
}
.mark_coming_soon {
width: 80px;
font-size: 10px;
padding:2px 0;
margin: 0 0 3px;
}
} .con_wrap {
padding: 30px 50px 30px;
}
.h2_02 {
border-bottom:1px solid #BFBFBF;
font-size:15px;
padding-bottom:25px;
margin-bottom:40px;
}
.h3_01{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
padding-left: 45px;
font-size: 20px;
margin-bottom: 20px;
height: 36px;
}
.faq .h3_01{
margin: 42px 0 -2px 0;
}
.question_list{
margin-bottom: 58px;
}
.question_list:last-child{
margin-bottom: 38px;
}
.h2_02.pc_mb20 {
margin-bottom: 20px;
}
.h2_02 span{
font-size:26px;
border-bottom:1px solid #990000;
display:inline-block;
padding-bottom:20px;
margin:0 10px -26px 0px;
}
.mceContentBody p {
margin-bottom: 10px;
}
.mceContentBody a {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_right.png) no-repeat 0px 49%;
display: inline-block;
padding: 18px 20px 18px;
text-decoration: underline;
}
.button_bk.min a {
padding: 0 25px;
font-size: 15px;
line-height: 38px;
display: inline-block;
vertical-align: top;
}
.telnum_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 43px;
}
.telnum_wrap .tel a {
font-size: 34px;
pointer-events: none;
padding-left: 30px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
}
@media all and (-ms-high-contrast: none){
.telnum_wrap .tel a {
padding-top: 10px;
}
}
.tel_attention {
line-height: 1.4;
font-size: 16px;
letter-spacing: 0.1em;
margin-left: 30px;
}
.list_style_diamond {
border-top: 1px dashed #CCCCCC;
padding-top: 35px;
}
.list_style_diamond li {
padding-left: 25px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_diamond.png) no-repeat top 5px left;
margin-bottom: 23px;
font-size: 16px;
}
.question_list li {
border-bottom: 1px dashed #CCCCCC;
}
.question_list a {
display: block;
padding: 28px 25px 28px 40px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_q.png) no-repeat 8px center;
text-decoration: underline;
font-size: 16px;
transition: 0.4s;
}
.faq .button_bk{
margin-top:50px;
}
@media screen and (min-width: 960px) {
.mceContentBody a:hover {
text-decoration: none;
color: #AC2F2F;
}
.question_list a:hover {
text-decoration: none;
color: #AC2F2F;
}
}
@media screen and (max-width: 767px) {
.con_wrap {
padding: 30px 15px;
border-bottom: 1px solid #F0F0F0;
}
.h2_02 {
font-size: 11px;
padding-bottom: 16px;
margin-bottom: 25px;
}
.h2_02 span {
padding-bottom: 10px;
margin: 0 10px -17px 0px;
font-size: 18px;
}
.h3_01{
display: inline-table;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/careers/ttl_bg.png) no-repeat left center;
font-size: 14px;
background-size: 30px;
padding-left: 40px;
margin-bottom: 10px;
line-height: 34px;
}
.faq .h3_01 {
margin: 0px 0 -5px 0;
}
.question_list,
.question_list:last-child{
margin-bottom: 28px;
}
.button_bk.min a {
font-size: 11px;
}
.telnum_wrap {
display: block;
text-align: center;
padding-bottom: 25px;
}
.telnum_wrap .tel {
margin-bottom: 10px;
}
.telnum_wrap .tel a {
font-size: 18px;
background: none;
padding-left: 0;
pointer-events: auto;
}
.telnum_wrap .tel a:before {
content: "";
display: inline-block;
width: 10px;
height: 12px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_tel.png) no-repeat center left;
background-size: 10px 12px;
margin-right: 5px;
}
.tel_attention {
font-size: 11px;
margin-left: 0;
line-height: 1.6;
}
.list_style_diamond {
padding-top: 25px;
}
.list_style_diamond li {
padding-left: 20px;
font-size: 11px;
background-size: 10px;
background-position: 0px 2px;
margin-bottom: 15px;
}
.question_list a {
font-size: 11px;
padding: 20px 10px 20px 36px;
background-position: 8px center;
background-size: 16px;
}
.faq .button_bk{
margin-top:20px;
}
.faq .telnum_wrap .tel a{
text-decoration: none;
font-weight: bold;
}
}
.faq .mceContentBody a{
padding-top: 0;
padding-bottom: 0;
}
.jam article {
padding: 20px 50px;
}
.jam .con_01 {
padding: 0px 0px 80px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/jam/img01.jpg) no-repeat left top 10px;
background-size: 413px;
}
.jam .item_box .img_area {
float: left;
margin-bottom: 50px;
width: 413px;
}
.jam .item_box .text_area {
width: 586px;
float: left;
font-size: 15px;
}
.jam .item_box .img_area img {
max-width: 100%;
}
.jam .item_box .item_ttl {
height: 71px;
line-height: 71px;
font-size: 28px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/goods_list/title_bg_01.png) no-repeat left center;
padding-left: 22px;
margin-bottom: 50px;
}
.jam .item_box .text_area p {
width: 564px;
margin-left: 22px;
letter-spacing: 0.03em;
margin-bottom: 50px;
}
@media screen and (max-width: 767px){
.jam article {
padding: 15px;
}
.jam .con_01 {
background-size: 242px;
background-position: top 70px center;
padding-bottom: 55px;
border-bottom: none;
}
.jam .con_01 h2 {
padding-bottom: 190px;
}
.jam .item_box {
margin-bottom: 40px;
}
.jam .item_box .item_ttl {
height: 40px;
line-height: 40px;
font-size: 18px;
background-size: 40px;
padding-left: 13px;
margin-bottom: 20px;
}
.jam .item_box .img_area {
width: 100%;
float: none;
margin-bottom: 0;
}
.jam .item_box .text_area {
width: 100%;
float: none;
position: relative;
font-size: 11px;
margin-top: -20px;
}
.jam .item_box .text_area p {
width: auto;
margin-left: 0px;
margin-bottom: 20px;
}
}
.head_txtarea{
margin-bottom: 20px;
}
.artlist_wrap{
width: 100%;
overflow: hidden;
letter-spacing: -1em;
margin-top: 20px;
}
.artlist_col{
width: 168px;
display: inline-block;
letter-spacing: 0;
margin-right: 18px;
margin-top: 30px;
vertical-align: top;
}
.artlist_col:nth-child(1),
.artlist_col:nth-child(2),
.artlist_col:nth-child(3),
.artlist_col:nth-child(4){
margin-top: 0;
}
.artlist_col:nth-child(4n){
margin-right: 0;
}
.artlist_img{
width: 168px;
height: 126px;
border: 1px solid #BBB;
text-align: center;
margin-bottom: 10px;
box-sizing: border-box;
}
.artlist_img img{
width: 100%;
height: auto;
}
.artlist_cate{
width: 168px;
text-align: center;
padding: 4px 4px 3px;
box-sizing: border-box;
font-size: 13px;
color: #B20000;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
background: #eee;
letter-spacing: 0.06em;
}
.artlist_txt{
font-size: 13px;
}
.artlist_txt p:last-child{
margin-bottom: 0;
}
@media screen and (max-width: 767px){
.artlist_wrap{
margin: 30px auto 40px;
}
.head_txtarea{
margin: 20px 0;
}
.artlist_col:nth-child(3),
.artlist_col:nth-child(4){
margin-top: 30px;
}
.artlist_col{
width: calc( calc(100% - 16px) / 2);
margin-right: 16px;
}
.artlist_cate{
width: 100%;
font-size: 12px;
}
.artlist_col:nth-child(2n){
margin-right:   0;
}
.artlist_img{
width: 100%;
height:  calc( calc( calc(100% - 46px) / 2) * 0.75);
}
} .pride_area{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_bg.png);
padding: 60px 0;
position: relative;
top: -40px;
text-align: center;
line-height: 1.8;
font-weight: bold;
margin-bottom: -80px;
}
.pride_area .main_title{
width: 100%;
padding: 40px auto;
text-align: center;
position: relative;
left: -35px;
margin: 10px auto 90px;
}
.pride_area_01{
width: 800px;
height: auto;
background-color: #FFF;
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
text-align: center;
margin: 0 auto 80px;
padding: 20px 0 30px;
}
.pride_area_01 img{
margin-bottom: 20px;
}
.pride_area_02,.pride_area_03,
.pride_area_04,.pride_area_05,.pride_area_06{
text-align: left;
}
.pride_area_03,.pride_area_04,
.pride_area_05,.pride_area_06{
width: 1100px;
height: 335px;
}
.pride_area_text img{
margin-bottom: 30px;
}
.pride_area_02{
width: 1100px;
height: 480px;
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_pcbg_02.jpg);
}
.pride_area_03{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_pcbg_03.jpg);
}
.pride_area_04{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_pcbg_04.jpg);
}
.pride_area_05{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_pcbg_05.jpg);
}
.pride_area_06{
background-image: url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/pride/pride_pcbg_06.jpg);
}
.pride_area_02 .pride_area_text{
padding: 50px 0 0 60px;
}
.pride_area_03 .pride_area_text{
padding: 50px 0 0 140px;
}
.pride_area_05 .pride_area_text{
padding: 40px 0 0 140px;
}
.pride_area_04 .pride_area_text,
.pride_area_06 .pride_area_text{
padding: 40px 0 0 360px;
}
.pride_area_07{
margin: 120px auto 100px;
}
@media screen and (max-width: 767px) {
.pride_area{
padding: 30px 15px;
top: -10px;
font-weight: normal;
margin-bottom: -50px;
}
.pride_area p{
font-size: 12px;
text-align: left;
}
.pride_area .main_title{
position: relative;
left: -15px;
margin: 0 auto 50px;
padding: 0;
}
.pride_area .main_title img{
width: 70vw;
max-width: 300px;
}
.pride_area_01{
width: auto;
text-align: center;
padding: 15px 15px 25px;
margin-bottom: 55px;
}
.pride_area_01 img{
width: 155px;
height: auto;
margin: 10px auto 25px;
}
.pride_area_02,.pride_area_03,.pride_area_04,
.pride_area_05,.pride_area_06{
width: 100%;
height: auto;
margin: 60px auto 0;
background-image: none;
}
.pride_area_text img{
margin-bottom: 20px;
height: 63px;
}
.pride_area_02 .pride_area_text,.pride_area_03 .pride_area_text,
.pride_area_04 .pride_area_text,.pride_area_05 .pride_area_text,
.pride_area_06 .pride_area_text{
padding: 0;
}
.pride_area_07{
margin: 100px auto 120px;
}
.pride_area_07 img{
width : 75vw;
max-width: 300px;
margin: 0 auto;
}
} .shoplist_first{
border-bottom: 1px solid #F0F0F0;
margin: 30px 0 50px 0;
}
_:-ms-fullscreen, :root .shoplist_first {
margin-top: 50px;
}
_:-ms-lang(x)::backdrop, .shoplist_first {
margin-top: 50px;
}
.abs_btn{
position: relative;
}
.abs_btn .print_btn{
position: absolute;
top: -3px;
right: 0;
width:260px;
height:40px;
}
.arrow_none{
background: none!important;
padding: 0!important;
margin-right: 20px!important;
}
@media screen and (max-width: 767px){
.shoplist_first{
margin-bottom: 59px;
}
} .h2_02 .privacy {
font-size: 35px;
}
.privacy_p {
font-size: 17px;
margin-bottom: 30px;
}
.privacy_p.right {
text-align: right;
}
.handling_p {
font-size: 17px;
margin-bottom: 50px;
}
.privacy_list {
margin-left: 1.5em;
}
.privacy_list li {
font-size: 17px;
margin-bottom: 30px;
list-style: decimal;
}
.privacy_ul {
margin-left: 1.5em;
margin-bottom: 50px;
}
.privacy_ul li {
font-size: 17px;
list-style: disc;
}
.h3_02 {
font-size: 17px;
font-weight: bold;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.h2_02 .privacy {
font-size: 20px;
}
.privacy_p {
font-size: 14px;
margin-bottom: 15px;
}
.handling_p {
font-size: 14px;
margin-bottom: 25px;
}
.privacy_list li {
font-size: 14px;
margin-bottom: 15px;
}
.privacy_ul {
margin-left: 1.5em;
margin-bottom: 25px;
}
.privacy_ul li {
font-size: 14px;
list-style: disc;
}
.h3_02 {
font-size: 14px;
margin-bottom: 15px;
}
} .order .con_01{
padding: 30px 50px;
}
.order .heading {
text-align: center;
}
.form-layout {
max-width: 740px;
margin: 0 auto;
padding: 40px;
background: #F5F5F5;
}
.inq_box {
margin-bottom: 30px;
padding: 0 0 30px 0;
border-bottom: #CCC 1px solid;
}
.inq_box input[type="radio"] {
margin: 0 4px 0 0;
vertical-align: middle;
}
.inq_box input[type="text"],
.inq_box input[type="tel"],
.inq_box input[type="email"],
.inq_box textarea {
box-sizing: border-box;
appearance: none;
width: 100%;
border: #CCC 1px solid;
border-radius: 2px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.5;
}
.mwform-radio-field-text,
.mwform-checkbox-field-text {
vertical-align: middle;
line-height: 1.4;
}
.mwform-radio-field label,
.mwform-checkbox-field label {
cursor: pointer;
display: inline-block;
}
.mw_wp_form .horizontal-item {
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0;
}
.h_inq{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/img/common/parts/icon_diamond.png) no-repeat 0 50%;
font-size: 17px;
padding-left: 20px;
color: #000;
line-height: 1.8;
margin-bottom: 10px;
font-weight: bold;
position: relative;
}
.input_inq p {
font-size: 15px;
margin: 0 0 15px 0;
}
.must {
display: inline-block;
vertical-align: 20%;
background: #CC0000;
padding: 4px 8px;
margin: 0 0 0 15px;
color: #FFF;
font-size: 12px;
line-height: 1.0;
}
.error_message {
color: #CC0000;
font-weight: bold;
}
.form_col2 {
display: flex;
gap: 20px;
}
.form_col2_box {
width: 100%;
max-width: 300px;
}
.mw_wp_form_confirm .form_col2 {
justify-content: flex-start;
}
.mw_wp_form_confirm .form_col2_box {
width: auto;
}
.input_inq p.form_col2_label {
font-size: 15px;
margin-bottom: 10px;
}
.agree_box {
max-width: 460px;
border: #CCC 1px solid;
background: #FFF;
padding: 30px;
margin: 0 auto 30px auto;
text-align: center;
}
.h_agree {
margin-bottom: 15px;
position: relative;
}
.agree_box a {
text-decoration: underline;
font-size: 13px;
}
.agree_box a:hover {
text-decoration: none;
}
.btn_box {
text-align: center;
}
.form-link {
margin-bottom: 20px;
}
.btn-form {
box-sizing: border-box;
max-width: 300px;
margin: 0 auto;
padding: 0 30px;
appearance: none;
border: #383838 1px solid;
background: #FFF;
display: inline-block;
line-height: 54px;
color: #383838;
font-size: 17px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
cursor: pointer;
font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}
.btn-form:hover {
background: #F5F5F5;
}
.btn-submit {
box-sizing: border-box;
max-width: 300px;
margin: 0 auto;
padding: 0 30px;
appearance: none;
border: #383838 1px solid;
background: #383838;
display: inline-block;
line-height: 54px;
color: #FFF;
font-size: 17px;
text-align: center;
transition: all 0.2s;
text-decoration: none;
cursor: pointer;
font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}
.btn-submit:hover {
background: #666;
}
.only-confirm {
display: none;
}
.mw_wp_form_confirm .only-confirm {
display: block;
}
.mw_wp_form_confirm .confirm-hidden,
.mw_wp_form_confirm .must {
display: none;
}
.mw_wp_form_confirm .form-txt {
display: none;
}
.mw_wp_form_confirm .h_inq {
padding-right: 0;
}
.grecaptcha-badge {
opacity: 0;
visibility: hidden;
}
.recaptcha_policy {
margin: 10px 0 0 0;
text-align: center;
font-size: 11px !important;
color: #444 !important;
}
.recaptcha_policy a {
font-size: 11px !important;
text-decoration: underline;
}
.mw_wp_form .error {
font-size: 14px;
line-height: 1.4;
margin-top: 5px;
}
p.item-notice {
font-weight: bold;
color: red;
}
@media screen and (max-width: 767px) {
.order .con_01 {
padding: 30px 15px;
}
.order .heading {
text-align: center;
margin-bottom: 20px;
}
.form-layout {
padding: 25px 15px;
}
.inq_box {
margin-bottom: 20px;
padding: 0 0 20px 0;
}
.h_inq{
background-position: 0 4px;
font-size: 14px;
padding: 0 40px 0 20px;
margin-bottom: 20px;
line-height: 1.4;
}
.input_inq p {
font-size: 13px;
margin: 0 0 15px 0;
}
.mw_wp_form_confirm .input_inq {
font-size: 15px;
}
.must {
display: inline-block;
position: absolute;
top: 1px;
right: 0;
padding: 3px 6px;
font-size: 11px;
}
.error_message {
font-size: 13px;
}
.form_col2 {
gap: 10px;
}
.input_inq p.form_col2_label {
font-size: 13px;
margin-bottom: 10px;
}
.mwform-radio-field-text,
.mwform-checkbox-field-text {
font-size: 14px;
}
.agree_box {
padding: 20px;
}
.h_agree {
font-size: 14px;
margin-bottom: 15px;
}
.agree_box a {
font-size: 12px;
}
.mw_wp_form .error {
font-size: 13px;
}
}#pageslide { display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;  width: 247px;
padding: 0; background-color: #393939;
color: #FFF;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}