@charset "utf-8";
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; }#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;
}

@media only screen and (max-width:767px) {
.viewPC { display: none; }
img {
max-width: 100%;
}
}
@media only screen and (min-width : 768px ){
.viewSP { 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: 0.01em;
position:relative;
width:100%;
min-width:1100px;
}
.serif{
font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
} @media screen and (max-width: 767px) {
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 13px;
}
}  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 0 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/en/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 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/en/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:5px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/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/en/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/en/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:106px;
color:#000;
font-size:30px;
text-align:left;
text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.3), 0px 0px 14px rgba(255, 255, 255, 0.3);
transition:all 0.2s;
text-decoration:none;
box-sizing:border-box;
border:1px solid #F0F0F0;
background:rgba(255, 255, 255, 0.5) url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/arrow_round_bk_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/en/img/common/parts/arrow_round_bk_01.png) no-repeat right 14px center;
} @media screen and (max-width: 767px) {
.button_clear a{
display:block;
line-height:48px;
font-weight: bold;
font-size:11px;
background:rgba(255, 255, 255, 0.5) url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/arrow_round_bk_01.png) no-repeat right 14px center;
background-size:12px 12px;
}
.button_clear a:hover{
background:rgba(255,255,255,0.40) url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/arrow_round_w_01.png) no-repeat right 7px center;
background-size:12px 12px;
}
} #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;
}
.h_langbtn{
display: inline-block;
position: absolute;
border-radius: 2px;
top: 92px;
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/en/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
border-radius: 2px;
transition: all 0.2s;
}
.h_langbtn a:hover{
background: #747373 url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
text-decoration: none;
}
.header_msg{
padding: 8px 10px;
border-top: 3px solid #981F23;
border-bottom: 3px solid #981F23;
line-height: 1.2;
position: absolute;
top: 14%;
right: 0;
}
.header_msg p:first-child{
margin-bottom: 8px;
}
.h_mainmsg{
font-size: 21px;
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/en/img/common/parts/arrow_w_down.png) no-repeat center bottom 4px;
padding-bottom:15px;
transition:0.1s all;
}
#header nav ul.viewPC li:hover{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/arrow_w_down.png) no-repeat center bottom 0px;;
}
#header nav ul.viewPC li a{
display:block;
color:#FFF;
text-align:center;
width:122px;
height:22px;
line-height:22px;
font-size:18px;
border-right:1px solid #FFF;
text-shadow: 0px 0px 18px #000000,0px 0px 18px #000000;
}
#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 #FFF;
} @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 #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/en/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/en/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/en/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/en/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/en/img/common/parts/icon_sp_close.png) no-repeat right 15px center;
background-size:19px 20px;
}
.h_langbtn{
top: 20px;
left: 3%;
}
.h_langbtn a{
color: #333;
background: #FFF url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/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/en/img/common/parts/icon_arrow_thin_bk.png) no-repeat 7px 50%;
text-decoration: none;
}
.header_msg{
display: none;
}
} #wrap{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/main/bg_02.jpg) repeat-x top 56px left;
padding-bottom:80px;
}
.inner{
padding:0 50px;
box-sizing:border-box;
}
@media screen and (max-width: 767px) {
.inner{
padding:0 15px;
box-sizing:border-box;
}
} #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;
}
#wrap{
padding-top: 1px;
padding-bottom: 0;
}
} #main{
display:block;
} #footer {
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/footer/footer_bg.jpg) center center;
border-top:3px solid #3E2A23;
height:246px;
color:#FFFFFF;
min-width:1100px;
}
#footer .inner {
width: 1100px;
margin: 0 auto;
padding:0;
}
#footer .inner .viewPC .logo_area{
width: 145px;
margin: 52px auto 0;
}
#footer .inner p{
text-align:center;
font-size:12px;
}
#footer .inner .f_langbtn{
text-align: center;
margin: 10px auto 30px;
}
#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/en/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/en/img/common/parts/icon_arrow_thin.png) no-repeat 8px 46%;
text-decoration: none;
} @media screen and (max-width: 767px) {
#footer {
background: #EEEDEB;
border-top:2px solid #3E2A23;
height:auto;
color:#FFFFFF;
min-width:auto;
}
#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/en/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/en/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;
padding-bottom: 3px;
}
#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;
}
} .mt20{
margin-top: 20px;
}
.mt_30_sp{
margin-top: 0;
}
.mt_30{
margin-top: -30px;
}
.sp_none{
display: inline;
}
.pc_none{
display: none;
}
.btnone{
border-top: none!important;
}
.top > .inner{
width:100%;
min-width:1100px;
margin:0 auto;
padding:0;
text-align: center;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/main/bg_01.png) no-repeat center top; 
} @media screen and (max-width: 767px) {
.mt_30_sp{
margin-top: -30px;
position: relative;
}
.pc_none{
display: inline;
}
.sp_none{
display: none;
}
.top > .inner{
width:auto;
min-width: auto;
}
}  .top .visual{
width: 1100px;
margin: 0 auto 62px;
position:relative;
} @media screen and (max-width: 767px) {
.top .visual{
width: auto;
margin: 0 auto;
position:relative;
}
} .top #main {
width:1100px;
background:#FFF;
margin:0 auto;
border-top: #E8E8E8 10px solid;
}
.top section{
border-top: #F0F0F0 1px solid;
padding: 60px 50px;
}
article section:last-child{
border-bottom: none;
}
#main article{
border-top: #F0F0F0 10px solid;
} @media screen and (max-width: 767px) {
#main article{
border-top: #F0F0F0 6px solid;
}
.top #main {
width:auto;
background:#FFF;
margin:0;
border-top: none;
}
.top section{
border-top: #F0F0F0 1px solid;
padding: 20px 15px 30px;
}
}
@media screen and (max-width: 767px) {
#main .top_msg{
border-top: none;
}
.top_msg{
background: #141414;
padding: 6% 15px 7%;
color: #FFF;
}
.top_msg{
line-height: 1.4;
font-size: 13px;
text-align: center;
}
.top_msg p{
margin-bottom: 14px;
}
.top_msg p:last-child{
margin-bottom: 0;
}
.top_mainmsg{
font-size: 16px;
font-weight: bold;
}
} .top_goodslist{
padding:0 0 20px;
}
.top_goodslist h2{
height:71px;
line-height:71px;
font-size:22px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/title_bg_01.png) no-repeat left center;
padding-left:22px;
color: #333;
margin-bottom:40px;
}
.item_box .img_area{
float:left;
margin-bottom:50px;
}
.item_box .text_area{
float:left;
font-size:15px;
}
.item_box .text_area p{
width:564px;
margin-left:22px;
letter-spacing:0.03em;
margin-bottom:26px;
}
.item_box .price {
margin-top: 20px;
float:right;
}
.item_box ul{
width: 280px;
margin-top: 0px;
}
.item_box ul li{
width: 280px;
text-align: right;
display:inline-block;
padding: 2px 0px 2px 14px;
margin-top: 3px;
background: #EEEDEB;
color: #900;
}
.item_box .price_jam ul,
.item_box .price_jam ul li{
width: 372px;
}
.goods-list.btn_area{
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/top/bg_02.jpg) no-repeat center;
}
@media screen and (max-width: 767px) {
.goods-list.btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/top/bg_02.jpg) no-repeat center;
}
}
@media screen and (max-width: 767px) {
.item_box .img_area{
float: none;
margin-bottom: 0;
}
.item_box .text_area{
float:none;
font-size:13px;
}
.top_goodslist h2{
height: auto;
min-height:40px;
box-sizing:border-box;
line-height: 1.5;
font-size: 18px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/title_bg_01.png) no-repeat left top;
background-size: 40px;
padding-left: 13px;
margin-bottom: 18px;
margin-top: 18px;
padding-top: 8px;
padding-bottom: 0px;
}
.item_box .text_area p{
width:100%;
margin-left:0;
letter-spacing:0.03em;
margin-bottom:16px;
}
.item_box .price {
margin-top: 10px;
float:none;
}
.item_box ul{
width: auto;
margin-top: 0px;
text-align: right;
}
.item_box ul li{
width: 280px;
text-align: right;
display:inline-block;
padding: 2px 8px 2px 8px;
margin-top: 3px;
background: #EEEDEB;
color: #900;
font-size: 11px;
font-weight: bold;
}
.item_box .price_jam ul,
.item_box .price_jam ul li{
box-sizing: border-box;
width: 100%;
font-size: 11px;
font-weight: bold;
}
.mt_30{
margin-top: -18px;
}
} .subttl_col{
margin-top: 66px;
position: relative;
padding: 0 26px;
margin: 66px auto 70px;
text-align: center;
}
.subttl_col span{
font-size: 30px;
font-weight: bold;
color: #333;
line-height: 1.2;
letter-spacing: 0.05em;
padding: 0 4px;
}
.subttl_col:before,
.subttl_col:after{
content: "";
display: inline-block;
width: 12px;
height: 1px;
background: #333;
top: 48%;
margin-bottom: 10px;
margin-right: 10px;
left: 0;
}
.subttl_col:after{
margin: 0 0 10px 10px;
}
.top_reason h3{
height:71px;
line-height:71px;
font-size:22px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/title_bg_01.png) no-repeat left center;
padding-left:22px;
color: #000;
margin-bottom:40px;
}
.top_reason .right_img_box,
.left_img_box {
padding:50px 50px 70px;
border-bottom:1px solid #F0F0F0;
}
.top_reason .right_img_box p, .left_img_box p{
margin-bottom:1.5em;
}
.top_reason .right_img_box .img_area{
float:right;
padding-top:0;
}
.top_reason .right_img_box .text_area{
float:left;
}
.top_reason .right_img_box .text_area p{
max-width:540px;
}
.top_reason .left_img_box .img_area{
float:left;
padding-top:30px;
}
.top_reason .left_img_box .text_area{
float:right;
}
.top_reason .left_img_box .text_area p{
max-width:540px;
}
.top_reason .con_01{
padding-top:0px;
}
.subttl_col.sp_none{
display: block;
}
.subttl_col.pc_none{
display: none;
}
@media screen and (max-width: 767px) {
.top_reason p{
font-size:13px;
}
.subttl_col{
margin-top: 66px;
position: relative;
padding: 0 26px;
margin: 30px auto 4px;
text-align: center;
}
.subttl_col span{
width:100%;
display: inline-block;
font-size: 20px;
font-weight: bold;
color: #000;
line-height: 1.3;
letter-spacing: 0.05em;
padding: 0;
}
.subttl_col.sp_none{
display: none;
}
.subttl_col.pc_none{
display: block;
}
.subttl_col:before,
.subttl_col:after{
content: "";
display: inline-block;
width: 12px;
height: 1px;
background: #333;
top: 50%;
left: 17%;
margin:0;
position: absolute;
}
.subttl_col:after{
margin: 0;
top: 48%;
right: 17%;
left:auto;
}
.top_reason h3{
height: auto;
min-height: 40px;
box-sizing: border-box;
line-height: 1.4;
font-size: 18px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/common/parts/title_bg_01.png) no-repeat left top;
background-size: 40px;
padding-left: 13px;
margin-bottom: 18px;
margin-top: 18px;
padding-top: 8px;
padding-bottom: 0px;
}
.top_reason .right_img_box, .left_img_box {
padding:30px 15px 30px;
}
.top_reason .right_img_box .img_area{
float:none;
padding-top:0px;
text-align:center;
}
.top_reason .right_img_box .text_area{
float:none;
}
.top_reason .right_img_box .text_area p{
max-width:auto;
}
.top_reason .left_img_box .img_area{
float:none;
padding-top:22px;
text-align:center;
}
.top_reason .left_img_box .text_area{
float:none;
}
.top_reason .left_img_box .text_area p{
max-width:auto;
}
.top_reason .con_01{
padding-top:6px;
}
} .top_recipe .con_03{
padding:0 50px 70px;
border-bottom:1px solid #F0F0F0;
}
.top_recipe .con_03 ul.img_box li{
float:left;
margin-right:50px;
margin-bottom:50px;
height:356px;
width:475px;
position:relative;
}
.top_recipe .con_03 ul.img_box li:nth-child(2n){
margin-right:0;
}
.top_recipe .con_03 ul.img_box li + li + li{
margin-bottom:0;
}
.top_recipe .con_03 ul.img_box p{
position:absolute;
padding:20px;
background:rgba(255,255,255,0.75);
bottom:0;
font-weight:bold;
}
@media screen and (max-width: 767px) {
.top_recipe .subttl_col:before{
left: 16%;
}
.top_recipe .subttl_col:after{
right: 16%;
}
.top_recipe .con_03 ul.img_box li{
float:none;
margin: 0 auto 20px;
height:auto;
width:auto;
position:relative;
max-width:475px;
}
.top_recipe .con_03 ul.img_box li:nth-child(2n){
margin-right:auto;
}
.top_recipe .con_03 ul.img_box li + li + li{
margin-bottom:20px;
}
.top_recipe .con_03 ul.img_box p{
position:absolute;
padding:15px 10px;
background:rgba(255,255,255,0.75);
bottom:0;
font-weight:bold;
}
.top_recipe .con_03{
padding:30px 15px 30px;
}
} .btn_area{
height: 262px;
background: url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/top/bg_01.jpg) no-repeat center;
}
.btn_area .button_clear{
width:480px;
margin: 76px auto 0;
}
.btn_area .button_clear a{
text-align: center;
}
@media screen and (max-width: 767px) {
.btn_area{
background:url(//nogaminopan.com/wp/wp-content/themes/nogami02/en/img/top/bg_01.jpg) no-repeat center;
background-size:cover;
padding:45px 15px;
height:auto;
}
.btn_area .button_clear{
width:auto;
margin: 0 auto;
}
}