@charset "UTF-8";
/* CSS Document */

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{background:none repeat scroll 0 0 transparent;border:0 none;margin:0;outline:0 none;padding:0;vertical-align:baseline}


body{font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;background:#fff;color:#000}

.nbt{overflow: hidden;}

p{
line-height:1.8;
}

a{
color:#031cff;

}

a:hover{
opacity:0.8;
transition:0.5s;
}

a:active{
color:#031cff;	
}

li{
list-style:none;
}

.mb50{
margin-bottom:50px;
}

/* font color */
.red{
color: #d9333f;	
}

.yellow{
color:#ffde00;
}

.under{
border-bottom: solid 3px #d9333f;
}

.under_red{
background:#d9333f;
padding:3px;
color:#fff;
font-weight:bold;
}


/* header */
@media(min-width:768px){
.header_colum{
top:0;
left:0;
width: 100%;
height: 80px;
background: #fff;
border-bottom: 1px solid #ccc;
z-index:1;
}

.header_inner{
width:1080px;
margin:12px auto 0;	
}

.header_l{
width:820px;
float:left;

}

.header_wrap{
display:flex;

}

.header_item{
width:200px;
}

.logo{
width:150px;
margin-top:10px;
margin-left:20px;
}

.caption{
font-weight:normal;
font-size:11px;	
margin-top:43px;
}

.header_r{
width:200px;
align-items:right;
text-align:right;
float:right;
margin-right:40px;
}

.container{
width:1116px;
margin:auto;
margin-bottom:0px;
background:#fff;
}

.container2{
width:1116px;
margin:auto;
margin-bottom:0px;
background-image: url("https://nbt-co.jp/media/wp-content/uploads/2026/01/back-1.png");
background-repeat: repeat;
}

.container3{
width:1116px;
margin:auto;
margin-bottom:0px;
}
}

/*　開閉メニュー */

.open_menu{
width:100%;
margin:0 auto;
text-align:center;
align-items:center;
}

.open_menu1{
text-align:left;
font-size:13px;
}

.open_menu_wrap{
max-width:1116px;
height:500px;
margin:80px auto 0;
display:flex;
}

.open_menu_item{
width:20%;
border-right: 1px solid #ccc;
padding:10px 25px;
color:#fff;
}

.open_menu_item a{
color:#fff;
text-decoration:none;
}

.open_menu_item h3{
color:#efec02;
}

nav {
display: block;
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
background: #474dcd;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 3;
opacity: 0;
}
.open nav {
left: 0;
opacity: 1;
}
nav .inner {
padding: 25px;
}
nav .inner ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
position: relative;
margin: 0;
border-bottom: 1px solid #333;
}
nav .inner ul li a {
display: block;
color: #333;
font-size: 14px;
padding: 1em;
text-decoration: none;
transition-duration: 0.2s;
}
nav .inner ul li a:hover {
background: #e4e4e4;
}

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

.toggle_btn {
display: block;
position: relative;
top: 35px;
margin-left:170px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index:99999;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #333;
border-radius: 4px;
transition: all .5s;
z-index:99999;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #333;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}

@media screen and (max-width: 767px) {
	
.toggle_btn {
display: block;
position: absolute;
top: 100px;
right: 15px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index:99999;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #333;
border-radius: 4px;
transition: all .5s;
z-index:99999;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #333;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}
	
#mask {
display: none;
transition: all .5s;
z-index: 2;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #dadbf5;
opacity: .8;
z-index: 2;
cursor: pointer;
}
}

#mask {
display: none;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
z-index: 2;
cursor: pointer;
}


@media(min-width:768px){
/* pickup */
.pickup_container{
width:100%;
background:#474dcd;
margin-top:20px;
}

.pickup{
width:1080px;
margin:auto;
margin-bottom:0px;
background:#474dcd;
color:#fff;
}

.pickup_wrap{
display:flex;
}

.item3{
margin-right:-18px;		
}

.pickup_item{
width:348px;
margin-right:18px;
margin-top:18px;
margin-bottom:18px;
}

.pickup_item img{
max-width:100%;	
}

.pickup_item h3{
font-weight:bold;
font-size:18px;
line-height:1.8;
}

.pickup_item a{
color:#fff;
text-decoration:none;
}

.pickup_item p{
font-size:12px;
overflow-wrap: break-word;	
}


/*  maincontents　*/

.main_contents{
width:100%;
}
	
.main_contents_wrap{
margin:60px auto 0;
max-width:100%;
background:#fff;
padding:0 20px;
}

	
.single_contents{
width:100%;
background:#fff;
}

.main_contents_wrap{
margin:60px auto 0;
width:1080px;
background:#fff;
}

.post_contents{
margin-bottom:40px;
}

.post_contents_wrap{
margin:30px auto 0;
width:1080px;
background:#fff;
}

.block_img{
position:relative;
display:block;
max-width:100%;
margin:auto;
}

.block_img img{max-width:95%;}

.img_frame{
max-width:735px;
border: solid 1px #ccc; 
padding: 5px;
}

.block_caption{
font-size:11px;
text-align:center;
margin-bottom:30px;
}

.main_contents_l{
width:255px;
margin:0 40px 0 0;
float:left;
}

.main_contents_c{
width:450px;
margin-top:0px;
margin-right:40px;
float:left;

}

.contents_cat{
width:785px;
margin-top:0px;
float:left;
margin-bottom:80px;
}

.main_contents_r{
width:295px;
margin-top:0px;
float:left;
}

.contents_cat h2{
font-weight:bold;
font-size:24px;
padding: 0 5px 0 5px;/*上下 左右の余白*/
color:#000;
background: transparent;
border-bottom: solid 2px #031cff;
margin-bottom:20px;
}

.contents_cat a{
color:#000;
text-decoration:none;
}

.main_contents h2{
font-weight:bold;
font-size:14px;
padding: 0 5px 0 5px;/*上下 左右の余白*/
color:#000;
background: transparent;
border-bottom: solid 2px #031cff;
margin-bottom:20px;
}
	
.single_contents h2{
font-weight:bold;
font-size:14px;
padding: 0 5px 0 5px;/*上下 左右の余白*/
color:#000;
background: transparent;
border-bottom: solid 2px #031cff;
margin-bottom:20px;
}

.category_list{
margin-left:8px;
padding-bottom:20px;
}

.category_list li{
padding:3px 0;
font-size:11px;
}

.category_list li a{
color:#000;
text-decoration:none;
}

.category_list li a:hover{
color:#d9333f;
text-decoration:none;
}

.category_list2{
margin-left:8px;
margin-bottom:20px;
}

.category_list2 li{
padding:3px 0;
font-size:11px;
}

.category_list2 li a{
color:#000;
text-decoration:none;
}

.category_list2 li a:hover{
color:#d9333f;
text-decoration:none;
}

.suggest_wrap{
display:flex;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.suggest_wrap h3{
font-size:16px;
font-weight:bold;
}

.suggest_wrap .color01{
color:#000;
text-decoration:none;
}

.suggest_wrap .color02{
color:#666;
text-decoration:none;
}

.suggest_wrap a:hover{
opacity:0.8;
transition:0.3;
}

.suggest_wrap a:active{
opacity:0.8;
}

.suggest_wrap{

color:#000;
font-size:11px;
}

.suggest_item{
width:142px;
margin-top:10px;	
margin-bottom:10px;
}

.suggest_item2{
width:278px;
margin-top:10px;
margin-left:20px;
}

.suggest_wrap img{
width:142px;	
}

.suggest_item2 p{
margin-top:6px;
}

/* カテゴリ */

.cat_wrap{
display:flex;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.cat_wrap h3{
font-size:16px;
font-weight:bold;
}

.cat_wrap .color01{
color:#000;
text-decoration:none;
}

.cat_wrap .color02{
color:#666;
text-decoration:none;
}

.cat_wrap a:hover{
opacity:0.8;
transition:0.3;
}

.cat_wrap a:active{
opacity:0.8;
}

.cat_wrap{
color:#000;
font-size:11px;
}

.cat_item{
width:155px;
margin-top:10px;	
margin-bottom:10px;
}

.cat_item2{
width:700px;
margin-top:10px;
margin-left:20px;
}

.cat_wrap img{
width:155px;	
}

.cat_item2 h3{
font-size:20px;
margin-top:6px;
}

.cat_item2 p{
font-size:13px;
margin-top:6px;
}


.ad_banner{
width:100%;
margin:0 auto;
text-align:center;
align-items:center;
}

.ad_banner img{
width:260px;
}

.more{
width:285px;
display:flex;
}

.more2 a{
text-decoration:none;	
}

.more_wrap{
display:flex;
width:100%;
text-align:right;
align-items:right;
color:#666;
font-size:11px;
vertical-align:middle;
justify-content: right;
margin-top:8px;
}

.icon{
width:20px;
float:right;
}

.icon_r{
width:11px;
fill:#474dcd;
}

.icon_text{
width:60px;
text-decoration:none;
}

.ranking_h2{
margin-top:20px;
}

.update_day{
color:#666;
margin-top:5px;
font-weight:normal;
font-size:10px;
text-align:right;
float:right;
}

.ranking_wrap{
display:flex;
border-bottom: solid 1px #ccc;
}

.ranking_item{
width:60px;
margin-top:10px;
margin-bottom:10px;
}

.ranking_no{
background:#efec02;
text-align:center;
align-items:center;
color:#000;
font-weight:bold;
font-size:7px;
width:26px;
height:22px;
vertical-align:middle;
position:absolute;
z-index:1;
}

.ranking_no p{
margin-top:3px;
}

.ranking_item2{
width:208px;
margin-top:10px;
margin-left:20px;
margin-bottom:10px;
}

.ranking_wrap img{
width:60px;	
}

.ranking_wrap h3{
font-size:14px;
font-weight:bold;
}

.ranking_wrap a{
color:#000;
text-decoration:none;
}

.ranking_wrap p{
font-size:11px;
}

.new_h2{
margin-top:20px;
clear:both;
}

.new_wrap{
display:flex;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.new_wrap:hover{

}

.new_item{
width:60px;
margin-top:10px;
margin-bottom:10px;
}

.new_item2{
width:200px;
margin-top:10px;
margin-left:20px;
margin-bottom:10px;
}

.new_wrap img{
width:60px;	
}

.new_wrap h3{
font-size:14px;
font-weight:bold;
}

.new_wrap a{
color:#000;
text-decoration:none;
}

.new_wrap p{
font-size:11px;
}

.special_h2{
margin-top:20px;
}

.special_wrap{
display:flex;
border-bottom: solid 1px #ccc;
}

.special_wrap:hover{

}

.special_item{
width:60px;
margin-top:10px;
margin-bottom:10px;
}

.special_item2{
width:200px;
margin-top:10px;
margin-left:20px;
margin-bottom:10px;
}

.special_wrap img{
width:60px;	
}

.special_wrap h3{
font-size:14px;
font-weight:bold;
}

.special_wrap a{
color:#000;
text-decoration:none;
}

.special_wrap p{
font-size:11px;
}

.clear{
clear: both;
}

.l-wrapper_06 {
margin: 0 auto;
width: 1080px;
display:flex;
clear:both;
}

.card_06 {
width:170px;
background: #fff;
margin-right:12px;
border-radius: 5px;
overflow-wrap: break-word;
}

.card_06_6 {
margin-right:-12px;
}

.card-img_06 {
border-radius: 5px;
max-width: 170px;
}

.card-content_06 {
padding: 6px 5px 20px;
}

.card-content_06 a{
text-decoration:none;
}

.card-title_06 {
font-size: 12px;
color:#000;
font-weight:bold;
overflow-wrap: break-word;
}

.card-text_06 {
color: #777;
font-size: 11px;
line-height: 1.5;
margin-bottom: 0.2em;
overflow-wrap: break-word;
}

.card-link_06 {
text-align: center;
border-top: 1px solid #eee;
padding: 20px;
}

.card-link_06 a {
text-decoration: none;
color: #4f96f6;
margin: 0 10px;
}
.card-link_06 a:hover {
color: #6bb6ff;
}

.card-content_06 p {
margin-bottom:0;
}

.gourmet{
margin-top:50px;
margin-bottom:40px;
}

.sub_contents{
width:1080px;
clear:both;
margin:0 auto;
}

.gourmet h2{
padding: 50px 0 5px 0;
font-size:16px;
}

.facility h2{
padding: 40px 0 5px 0;
font-size:16px;
}

.facility{
margin-bottom:50px;	
}

/*　shop　*/
.shop_contents_wrap{
margin:60px auto 0;
width:1080px;
background:#fff;
}

.shop_caption{
max-width:100%;
font-size:12px;
padding:15px 0;
margin:20px 0;
padding-bottom:50px;
border-bottom: solid 1px #ccc;
}

.shop_main{
width:745px;
margin:0 40px 0 0;
float:left;
}

.shop_img{
max-width:100%;
margin-top:30px;
}

.shop_contents{
width:100%;
}

.shop_contents h2{
padding:20px 0 20px 0px;
font-size:18px;
font-weight:bold;
border-bottom: solid 1px #fff;
}

.shop_info{
width:100%;
}

.shop_contents table{
background:#474dcd;
padding:10px;
border-collapse:  collapse; 
}

.shop_contents td{
border: solid 1px #ccc;
}

.shop_contents a{
color:#efec02;
}
	
.shop_contents a:hover{
opacity:0.8;
}

.purple{
width:140px;
background:#474dcd;	
color:#fff;
font-weight:bold;
font-size:13px;
padding:8px;
}

.white{
color:#fff;
font-size:13px;
padding:8px;
}

.yelloe{
color:#efec02;
}

.reserve_h2{
margin-top:20px;
}

.side_contents h2{
font-weight:bold;
font-size:14px;
padding: 0 5px 20px 5px;
color:#000;
background: transparent;
border-bottom: solid 1px #ccc;
margin-bottom:20px;	
}

.side_contents a{
text-decoration:none;
}

.table_top{
padding-top:50px;
}

.reserve_button{
clear:both;
display: flex;
align-items: center;
width:260px;
height:50px;
border: solid 1px #ccc;
margin:0 auto;
text-align:center;
background:#00fa9a;
font-size:13px;
color:#000;
font-weight:bold;
}

.reserve_button p{
margin: 0 auto;
}

/*　footer　*/
.sub_footer{
width:100%;
}

.sub_footer_wrap{
width:100%;
margin:0 auto 50px;
text-align:center;
align-items:center;
}

footer{
background:#f5f5f5;
}

.footer_wrap{
width:1080px;
margin: 0 auto;
padding-top:20px;
padding-bottom:20px;
}

.footer_navi{
width:1080px;
margin: 0 auto;
display:flex;
}

.footer_item{
width:270px;
}

.footer_item a{
color:#5e5e5e;
text-decoration:none;
}

.footer_item li{
font-size:11px;
padding:4px 0;
}

.sub_footer{
width:1080px;
margin: 0 auto;
display:flex;
}

.sub_footer_item1{
width:150px;
}

.sub_footer_item2{
width:930px;
font-size:11px;
}

.share_wrap{
width:300px;
display:flex;
}

.sub_footer_item2 img{
width:35px;
margin-right:10px;
}

.footer_line{
margin-top:50px;
background:#333;
width:100%;
height:64px;
}

.info{
text-align:center;
padding:30px 10px 10px 10px;
font-size:11px;
}

.info a{
color:#404040;
text-decoration:none;
}

.company{
text-align:center;
color:#fff;
font-size:11px;
padding-top:25px;
}

/*　投稿　*/

.main_post{
width:745px;
margin:0 40px 0 0;
background:#fff;
float:left;	
}

.main_post h1{
color:#000;
}

.main_post h2{
color:#000;
font-weight:bold;
font-size:18px;
padding: 0 5px 0 5px;
background: transparent;
border-bottom: solid 3px #031cff;
margin-bottom:20px;
}

.posts h3{
color:#000;
font-weight:bold;
font-size:18px;
padding: 0 5px 0 5px;
background: transparent;
border-left: solid 3px #d9333f;
margin-bottom:30px;
}

.posts .answer{
margin-bottom:60px;	
}

.main_post img{
max-width:100%;
}

.post_box{
max-width:100%;
background:#f5f5f5;
font-size:18px;
font-weight:bold;
padding:15px;
margin-top:-10px;
}

.post_caption{
max-width:100%;
font-size:12px;
padding:15px 0;
margin:20px 0;
}

#index{
max-width:100%;
background:#F5F5F5;
font-size:12px;
font-weight:bold;
padding:15px;
margin-bottom:30px;
}

.index{
font-size:14px;
color:#000;
margin-bottom:5px;
}

.index_item li{
padding:5px 0;
}

.index_item a{
color:#404040;
text-decoration:none;
}

.check_point{
max-width:100%;
color:#db2327;
border: 2px solid #db2327;
padding:20px;
border-radius:5px;
margin-top:30px;
}

.ranking{
margin-bottom:40px;
}

.review_wrap{
margin:30px 0;	
}

.box_01{
display:inline-block;
border:2px solid #dcdcdc; 
padding:15px;
margin-bottom:16px;
}

.post_share_wrap{
max-width:100%;
background:#f5f5f5;
border-radius:5px;
padding:10px;
display:flex;
justify-content: space-between;
margin:50px 20px 10px 20px;
}

.post_share_wrap a{
color:#fff;
text-decoration:none;
}

.twitter_share{
width:200px;
padding:10px;
font-size:14px;
font-weight:bold;
color:#fff;
background:#000;
border-radius:5px;
text-align:center;
align-items:center;
}

.facebook_share{
width:200px;
padding:10px;
font-size:14px;
font-weight:bold;
color:#fff;
background:#176bfb;
border-radius:5px;
text-align:center;
align-items:center;
}

.pinterest_share{
width:200px;
padding:10px;
font-size:14px;
font-weight:bold;
color:#fff;
background:#e30c2c;
border-radius:5px;
text-align:center;
align-items:center;
}

.category_list{
font-size:11px;
margin-bottom:20px;
}

.under_box{
width:100%;
height:20px;
}

/* 会社情報　*/

.info_container{
width:770px;
margin:0 auto;
}

.info_contents{
margin:80px 0px;
width:100%;	
}

.info_contents img{
max-width:100%;
}

.info_contents h1{
font-size:32px;
font-weight:normal;
}

.info_contents h2{
font-size:16px;
padding-bottom:6px;
}

.info_contents p{
font-size:12px;
line-height:1.5;
}

.service_contents{
margin:80px 0px;
width:100%;	
}

.service_contents img{
max-width:100%;
}

.service_contents h1{
font-size:32px;
font-weight:normal;
border-bottom: solid 1px #ccc;
padding-bottom:10px;
}

.service_contents h2{
font-size:16px;
padding-bottom:6px;
}

.service_caption{
font-size:32px;
font-weight:normal;
padding-top:10px;
padding-bottom:50px;
}

.service_contents p{
font-size:13px;
line-height:1.5;
}

.service_info{
padding-bottom:50px;
clear:both;
}

.service_info strong{
font-size:18px;
}

a.btn_23 {
display: block;
text-align: center;
vertical-align: middle;
text-decoration: none;
width: 120px;
margin: auto;
padding: 1rem 4rem;
font-weight: bold;
border: 2px solid #d9333f;
color:#d9333f;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
}
a.btn_23::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #d9333f;
transform: translateX(-100%);
transition: all .3s;
z-index: -1;
opacity:1;
}
a.btn_23:hover::before {
transform: translateX(0);
}
a.btn_23:hover {
color: #fff;
}

.merit{
position:absolute;
display:flex;
justify-content:space-between;
}

.merit_item{
width:120px;
height:60px;
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
font-size:13px;
font-weight:bold;
color:#fff;
text-align:center;
padding:10px;
margin-right:10px;
}

.merit_item p{
position: relative;
top: 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
text-align:center;
}

.underline {
background: linear-gradient(90deg, #1D262E 0%, #063761 50%, #1D262E 100%);
background-repeat: no-repeat;
width: 100px
height: 1px
}

.mediainfo_container{
width:770px;
margin:0 auto;
}

.mediainfo_contents{
margin:0px;
padding:80px 30px 0px;
width:100%;
height:150px;
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
color:#fff;
}

.mediainfo_contents2{
margin:0px;
padding:50px 30px 0px;
width:100%;
color:#000;
font-size:18px;
}

.mediainfo_contents h1{
font-size:32px;
font-weight:normal;
}

.mediainfo_contents p{
font-size:18px;
font-weight:normal;
}

.gradation {
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
}
}
/* Responsive */

@media(min-width:768px){
.sp{
display: none !important;
}
}
@media(max-width:767px){
.pc{
 display: none !important;
}
}

@media screen and (max-width: 767px){
		
/* header SP */

.sp_caption{
width:100%;
margin:0 auto;
text-align:center;
}	
	
.header_colum{
top:0;
left:0;
width: 100%;
height: 80px;
background: #fff;
border-bottom: 1px solid #ccc;
z-index:1;
}

.header_inner{
width:100%;
margin:12px auto 0;	
}

.header_wrap{
display:flex;
width:100%
}
	
.header_l{
width:70%;
float:left;
}
	
.header_r{
width:20%;
float:right;	
}

.header_item{
width:150px;
}

.logo{
width:150px;
margin-top:10px;
margin-left:20px;
}

.caption{
font-weight:normal;
font-size:11px;	
margin-top:43px;
}

.header_r{
width:30%;
align-items:right;
text-align:right;
float:right;
margin-right:40px;
}

.container{
width:100%;
margin:auto;
margin-bottom:0px;
}	
	
/* pickup */
.pickup_container{
width:100%;
background:#474dcd;
margin-top:20px;
}

.pickup{
width:100%;
margin:auto;
margin-bottom:0px;
background:#474dcd;
color:#fff;
}
	
.pickup_wrap{
display:block;
margin:0 auto;
align-items:center;
text-align:center;
}

.pickup_item{
width:100%;
padding-top:20px;
margin:20px auto;
}

.pickup_item img{
max-width:94%;	
}	
	
.pickup_item h3{
text-align:left;
font-size:16px;
padding:5px 20px 3px;
}	

.pickup_item p{
text-align:left;
font-size:13px;
padding:0px 20px 8px;
}
	
.pickup_item a{
color:#fff;
text-decoration:none;
}

.main_contents_c_title{
width:100%;
margin:0 auto;
text-align:center;
align-items:center;
}	
	
.main_contents_c{
width:91%;
padding:0 20px;
}
	
.main_contents_c h2{
position: relative;
display: inline-block;
margin-bottom: 1em;
font-size:20px;
}

.main_contents_c h2:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 60px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #031cff;
}	

.suggest_wrap{
display:flex;
justify-content:left;
width:100%;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.suggest_wrap h3{
font-size:16px;
font-weight:bold;
width:100%;
}

.suggest_wrap .color01{
color:#000;
text-decoration:none;
}

.suggest_wrap .color02{
color:#666;
text-decoration:none;
}

.suggest_wrap a:hover{
opacity:0.8;
transition:0.3;
}

.suggest_wrap a:active{
opacity:0.8;
}

.suggest_wrap{
color:#000;
font-size:11px;
}

.suggest_item{
max-width:25%;
margin-top:10px;	
margin-bottom:10px;
margin-right:10px;
}

.suggest_item2{
max-width:70%;
margin-top:10px;
}

.suggest_wrap img{
max-width:100%;
margin-right:5px;
}

.suggest_item2 p{
margin-top:6px;
}
	
.sub_contents{
width:100%;
clear:both;
margin:-80px auto 0;
white-space:nowrap;
overflow:scroll;
padding-left:20px
}
	
.main_contents_r{
width:91%;
padding:0 20px;
}

	

.ad_banner{
width:100%;
margin:25px auto;
text-align:center;
align-items:center;
}

.ad_banner img{
width:70%;
}
	
.ad_banner2{
width:100%;
margin:25px auto 0px;
text-align:center;
align-items:center;
}

.ad_banner2 img{
width:70%;
}

.ranking_wrap{
display:flex;
justify-content:left;
width:100%;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}	
	
.ranking_wrap h3{
font-size:16px;
font-weight:bold;
width:100%;
}	
	
.ranking_item{
max-width:25%;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}

.ranking_no{
background:#efec02;
text-align:center;
align-items:center;
color:#000;
font-weight:bold;
font-size:7px;
width:26px;
height:22px;
vertical-align:middle;
position:absolute;
z-index:10;
}

.ranking_no p{
margin-top:3px;
}

.ranking_item2{
max-width:70%;
margin-top:10px;
margin-bottom:10px;
}

.ranking_wrap img{
max-width:100%;	
}

.ranking_wrap a{
color:#000;
text-decoration:none;
}

.ranking_wrap p{
font-size:11px;
}
	
.special_h2{
margin-top:20px;
}

.special_wrap{
display:flex;
justify-content:left;
width:100%;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.special_wrap h3{
font-size:16px;
font-weight:bold;
width:100%;
}	
		
.special_wrap:hover{

}

.special_item{
max-width:25%;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}

.special_item2{
max-width:70%;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}

.special_wrap img{
max-width:100%;	
}

.special_wrap h3{
font-size:16px;
font-weight:bold;
}

.special_wrap a{
color:#000;
text-decoration:none;
}

.special_wrap p{
font-size:11px;
}	
	
.more{
width:285px;
display:flex;
}

.more2 a{
text-decoration:none;	
}

.more_wrap{
display:flex;
width:100%;
text-align:right;
align-items:right;
color:#666;
font-size:11px;
vertical-align:middle;
justify-content: right;
margin-top:8px;
}

.icon{
width:20px;
float:right;
}

.icon_r{
width:11px;
fill:#474dcd;
}

.icon_text{
width:60px;
text-decoration:none;
}
	
.gourmet{
margin-top:50px;
margin-bottom:40px;
}

.gourmet h2{
padding: 50px 0 5px 0;
font-size:16px;
}	
	
.l-wrapper_06 {
margin: 0 auto;
width: 1080px;
display:flex;
clear:both;
}

.card_06 {
width:170px;
background: #fff;
margin-right:12px;
border-radius: 5px;
}

.card_06_6 {
margin-right:-12px;
}

.card-img_06 {
border-radius: 5px;
max-width: 170px;
}

.card-content_06 {
padding: 6px 5px 20px;
}

.card-content_06 a{
text-decoration:none;
}

.card-title_06 {
font-size: 12px;
color:#000;
font-weight:bold;
}

.card-text_06 {
color: #777;
font-size: 11px;
line-height: 1.5;
margin-bottom: 0.2em;
overflow-wrap: break-word;
}

.card-link_06 {
text-align: center;
border-top: 1px solid #eee;
padding: 20px;
}

.card-link_06 a {
text-decoration: none;
color: #4f96f6;
margin: 0 10px;
}
.card-link_06 a:hover {
color: #6bb6ff;
}

.card-content_06 p {
margin-bottom:0;
}

/*　footer　*/
.sub_footer{
width:100%;
}

.sub_footer_wrap{
width:100%;
margin:0 auto 50px;
text-align:center;
align-items:center;
}

footer{
background:#f5f5f5;
}

.footer_wrap{
width:100%;
margin: 0 auto;
padding-top:20px;
padding-bottom:20px;
}

.footer_navi{
width:100%;
margin: 0 auto;
display:flex;
padding:20px;
}

.footer_item{
width:45%;
}

.footer_item a{
color:#5e5e5e;
text-decoration:none;
}

.footer_item li{
font-size:11px;
padding:4px 0;
}

.sub_footer{
width:100%;
margin: 0 auto;

}

.sub_footer_item1{
width:150px;
}

.sub_footer_item2{
width:930px;
font-size:11px;
}

.share_wrap{
width:300px;
display:flex;
}

.sub_footer_item2 img{
width:35px;
margin-right:10px;
}

.footer_line{
margin-top:50px;
background:#333;
width:100%;
height:64px;
}

.info{
text-align:center;
padding:30px 10px 10px 10px;
font-size:11px;
}

.info a{
color:#404040;
text-decoration:none;
}

.company{
text-align:center;
color:#fff;
font-size:11px;
padding-top:25px;
}
	
.footer_info{
max-width:100%;
padding:0 20px;
font-size:13px;
}

.share_wrap_sp{
width:100%;
display:flex;
padding:0 20px;
}

.share_wrap_sp img{
width:35px;
margin-right:10px;
}	

.logo_wrap{
padding-top:50px;
max-width:100%;
margin:0 auto;
text-align:center;
align-items:center;
}
	
/*投稿ページ*/

.single_contents{
max-width:100%;
padding: 0 20px;
background:#fff;
}

.main_contents_r h2{
position: relative;
display: inline-block;
margin-bottom: 1em;
font-size:20px;
}

.main_contents_r h2:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 60px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #031cff;
}		
	
.single_contents h2{
font-weight:bold;
font-size:14px;
padding: 0 5px 0 5px;/*上下 左右の余白*/
color:#000;
background: transparent;
border-bottom: solid 2px #031cff;
margin-bottom:20px;
}

.post_contents_wrap{
margin:0px auto 0;
max-width:100%;
background:#fff;
}

.block_img{
position:relative;
display:block;
max-width:100%;
margin:auto;
}

.block_img img{max-width:95%;}

.img_frame{
max-width:100%;
border: solid 1px #ccc; 
padding: 5px;
}

.block_caption{
font-size:11px;
text-align:center;
margin-bottom:30px;
}	
	
.main_post{
max-width:100%;
margin:0;
background:#fff;
}

.main_post h1{
color:#000;
font-size:16px;
}

.main_post h2{
color:#000;
font-weight:bold;
font-size:16px;
padding: 0 5px 0 5px;
background: transparent;
border-bottom: solid 3px #031cff;
margin-bottom:20px;
}

.posts h3{
color:#000;
font-weight:bold;
font-size:18px;
padding: 0 5px 0 5px;
background: transparent;
border-left: solid 3px #d9333f;
margin-bottom:30px;
}

.posts .answer{
margin-bottom:60px;	
}

.main_post img{
max-width:100%;
}

.post_box{
max-width:100%;
background:#F5F5F5;
font-size:18px;
font-weight:bold;
padding:15px;
margin-top:-10px;
}

.post_caption{
max-width:100%;
font-size:12px;
padding:15px 0;
margin:20px 0;
}	
	
#index{
max-width:100%;
background:#F5F5F5;
font-size:12px;
font-weight:bold;
padding:15px;
margin-bottom:30px;
}

.index{
font-size:14px;
color:#000;
margin-bottom:5px;
}

.index_item li{
padding:5px 0;
}

.index_item a{
color:#404040;
text-decoration:none;
}	

.post_contents{
padding-bottom:40px;
}
	
.post_contents p{
padding-bottom:18px;
}
	
.box_01{
display:inline-block;
border:2px solid #dcdcdc; 
padding:15px;
margin-bottom:16px;
}

.post_share_wrap{
max-width:100%;
background:#f5f5f5;
border-radius:5px;
padding:10px;
display:flex;
justify-content: space-between;
margin:50px 20px 10px 20px;
}

.post_share_wrap a{
color:#fff;
text-decoration:none;
}

.twitter_share{
width:28%;
padding:10px;
font-size:12px;
font-weight:bold;
color:#fff;
background:#000;
border-radius:5px;
text-align:center;
align-items:center;
}

.facebook_share{
width:28%;
padding:10px;
font-size:12px;
font-weight:bold;
color:#fff;
background:#176bfb;
border-radius:5px;
text-align:center;
align-items:center;
}

.pinterest_share{
width:28%;
padding:10px;
font-size:12px;
font-weight:bold;
color:#fff;
background:#e30c2c;
border-radius:5px;
text-align:center;
align-items:center;
}
	
.category_list{
margin-left:8px;
padding-bottom:20px;
font-size:11px;
}

.category_list li{
padding:3px 0;
font-size:11px;
}

.category_list li a{
color:#000;
text-decoration:none;
}

.category_list li a:hover{
color:#d9333f;
text-decoration:none;
}
	
.main_contents_r{
max-width:100%;
padding:0 20px;
}

.ranking_h2{
margin-top:20px;
}

.update_day{
color:#666;
margin-top:5px;
font-weight:normal;
font-size:10px;
text-align:right;
float:right;
}	
	
.special_h2{
margin-top:20px;
}	
	
/*ABOUT NBT MEDIA*/	

.container2{
width:100%;
margin:auto;
margin-bottom:0px;
}
	
.mediainfo_container{
max-width:100%;
margin:0 auto;
padding:0 20px;
}

.mediainfo_contents{
margin:0px;
padding:70px 15px 0px;
max-width:100%;
height:150px;
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
color:#fff;
}
	
.mediainfo_contents2{
margin:0px;
padding:50px 0px;
max-width:100%;
color:#000;
font-size:16px;
}

.mediainfo_contents h1{
font-size:24px;
font-weight:bold;
}

.mediainfo_contents p{
font-size:16px;
font-weight:normal;
}
	
/* 会社情報　*/

.info_container{
width:100%;
margin:0 auto;
}

.info_contents{
margin:80px 0px;
max-width:100%;	
padding:0 20px;
}

.info_contents img{
max-width:100%;
}

.info_contents h1{
font-size:24px;
font-weight:normal;
}

.info_contents h2{
font-size:14px;
padding-bottom:6px;
}

.info_contents p{
font-size:12px;
line-height:1.5;
}	
	
.container3{
width:100%;
margin:auto;
margin-bottom:0px;
}	
	
.underline {
background: linear-gradient(90deg, #1D262E 0%, #063761 50%, #1D262E 100%);
background-repeat: no-repeat;
width: 100px
height: 1px
}

.mediainfo_container{
max-width:100%;
margin:0 auto;
padding:0 20px;
}

.mediainfo_contents{
margin:0px;
padding:80px 30px 0px;
max-width:100%;
height:150px;
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
color:#fff;
}

.mediainfo_contents2{
margin:0px;
padding:50px 30px 0px;
max-width:100%;
color:#000;
font-size:18px;
}

.mediainfo_contents h1{
font-size:24px;
font-weight:normal;
}

.mediainfo_contents p{
font-size:16px;
font-weight:normal;
}

.gradation {
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
}
	
.service_contents img{
max-width:100%;
}

.service_contents h1{
font-size:24px;
font-weight:normal;
border-bottom: solid 1px #ccc;
padding-bottom:10px;
}

.service_contents h2{
font-size:16px;
padding-bottom:6px;
}
	
.service_caption{
font-size:24px;
font-weight:normal;
padding-top:10px;
padding-bottom:50px;
}

.service_contents p{
font-size:13px;
line-height:1.5;
}

.service_info{
padding-bottom:50px;
}

.service_info strong{
font-size:18px;
}

a.btn_23 {
display: block;
text-align: center;
vertical-align: middle;
text-decoration: none;
width: 150px;
margin: auto;
padding: 1rem 4rem;
font-weight: bold;
border: 2px solid #d9333f;
color:#d9333f;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
}
a.btn_23::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #d9333f;
transform: translateX(-100%);
transition: all .3s;
z-index: -1;
opacity:1;
}
a.btn_23:hover::before {
transform: translateX(0);
}
a.btn_23:hover {
color: #fff;
}

.merit{
width:95%;
position:absolute;
display:flex;
justify-content:left;
}
	
.merit2{
width:95%;
position:absolute;
display:flex;
justify-content:left;
}
	
.merit3{
width:95%;
position:absolute;
display:flex;
justify-content:left;
}

.merit_item{
width:38%;
height:60px;
background-image: linear-gradient(90deg, #3222f0e8, #00068c);
font-size:13px;
font-weight:bold;
color:#fff;
text-align:center;
padding:10px;
margin-right:10px;
}

.merit_item p{
position: relative;
top: 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
text-align:center;
}

.underline {
background: linear-gradient(90deg, #1D262E 0%, #063761 50%, #1D262E 100%);
background-repeat: no-repeat;
width: 100px
height: 1px
}	
	
.contents_cat{
width:93%;
margin-top:50px;
padding:0 20px;
margin-bottom:80px;
}
	
/* カテゴリ */

.cat_wrap{
display:flex;
border-bottom: solid 1px #ccc;
padding-bottom:18px;
}

.cat_wrap h3{
font-size:16px;
font-weight:bold;
}

.cat_wrap .color01{
color:#000;
text-decoration:none;
}

.cat_wrap .color02{
color:#666;
text-decoration:none;
}

.cat_wrap a:hover{
opacity:0.8;
transition:0.3;
}

.cat_wrap a:active{
opacity:0.8;
}

.cat_wrap{
color:#000;
font-size:11px;
}

.cat_item{
width:25%;
margin-top:10px;	
margin-bottom:10px;
}

.cat_item2{
width:70%;
margin-top:10px;
margin-left:20px;
}

.cat_wrap img{
width:100%;	
}

.cat_item2 h3{
font-size:20px;
margin-top:6px;
}

.cat_item2 p{
font-size:13px;
margin-top:6px;
}
	
	
	
	
/*　shop　*/
.shop_contents_wrap{
margin:60px auto 0;
max-width:100%;
background:#fff;
padding:0 20px;
}

.shop_caption{
max-width:100%;
font-size:12px;
padding:15px 0;
margin:20px 0;
padding-bottom:50px;
border-bottom: solid 1px #ccc;
}

.shop_main{
max-width:100%;
margin:0;
}

.shop_img{
max-width:100%;
margin-top:30px;
}

.shop_contents{
max-width:100%;
}

.shop_contents h2{
padding:20px 0 20px 0px;
font-size:16px;
font-weight:bold;
border-bottom: solid 1px #fff;
}

.shop_info{
width:100%;
}

.shop_contents table{
background:#474dcd;
padding:10px;
border-collapse:  collapse; 
}

.shop_contents td{
border: solid 1px #ccc;
}

.shop_contents a{
color:#efec02;
}
	
.shop_contents a:hover{
opacity:0.8;
}

.purple{
width:30%;
background:#474dcd;	
color:#fff;
font-weight:bold;
font-size:13px;
padding:8px;
}

.white{
color:#fff;
font-size:13px;
padding:8px;
}

.yelloe{
color:#efec02;
}

.reserve_h2{
margin-top:20px;

}

.side_contents h2{
font-weight:bold;
font-size:18px;
padding: 0 5px 20px 5px;
color:#000;
background: transparent;
border-bottom: solid 1px #ccc;
margin-bottom:20px;	
}

.side_contents a{
text-decoration:none;
}

.table_top{
padding-top:50px;
}

.reserve_button{
clear:both;
display: flex;
align-items: center;
width:150px;
height:50px;
border: solid 1px #ccc;
margin:0 auto;
text-align:center;
background:#00fa9a;
font-size:13px;
color:#000;
font-weight:bold;
}

.reserve_button p{
margin: 0 auto;
}	

.open_menu{
width:100%;
margin:0 auto;
text-align:center;
align-items:center;
}

.open_menu1{
text-align:left;
font-size:13px;
}

.open_menu_wrap{
max-width:100%;
height:auto;
margin:80px auto 0;
padding:0 20px;
justify-content:left;
display:flex;
font-size:13px;
color:#fff;
}

.open_menu_wrap02{
max-width:100%;
height:auto;
margin:80px auto 0;
padding:0 20px;
justify-content:left;
display:flex;
font-size:13px;
color:#fff;
}
	
.open_menu_wrap03{
max-width:100%;
height:auto;
margin:80px auto 0;
padding:0 20px;
justify-content:left;
display:flex;
font-size:13px;
color:#fff;
}
	
.open_menu_item{
width:40%;
border-right: 1px solid #ccc;
padding:10px 25px;
color:#fff;
}

.open01{	
width:40%;
border-right: 1px solid #ccc;
padding:10px 20px;
color:#fff;
text-align:left;
}
	
.open02{	
width:40%;
border-right: 1px solid #ccc;
padding:10px 20px;
color:#fff;	
text-align:left;
}
	
.open03{	
width:40%;
border-right: 1px solid #ccc;
padding:10px 20px;
color:#fff;	
text-align:left;
}
	
.open_menu a{
color:#fff;
text-decoration:none;
}

.open_menu h3{
color:#efec02;
}
	
.open_logo_wrap{
width:100%;
margin:50px auto 0px;
align-items:center;
text-align:center;
color:#fff;
}
	
.card-title_06 {
font-size: 12px;
color:#000;
font-weight:bold;
overflow-wrap: break-word;
}

.card-text_06 {
color: #777;
font-size: 11px;
line-height: 1.5;
margin-bottom: 0.2em;
overflow-wrap: break-word;
}	
	

	
	
	
}