@charset "utf-8";
/* @import url("../common/fontawesome/css/all.min.css"); */

/* 共通 */
html { font-size:62.5%;}
body { width:100%; font-size:1.4rem; font-family: "游ゴシック", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; color:#000;}
.wrapper { overflow: hidden;}
header, section, footer { width:100%; clear:both; margin:0; padding:0; display: block;}
h1 { line-height:1;}
ul { list-style: none;}

/* スマートフォン */
img { width:100%; height:auto;}

.kv { width:100%; background:#eeefec; text-align:center; margin-bottom:56px; font-size:0;}
.kv img { width:100%; max-width:1280px; height:auto;}
.kv .innerbox { position:relative; width:90%; max-width:960px; margin:0 auto;}

/* SP表示・PC非表示 */
.sp { display:block;}
.pc, .gloval_footer > .sitemap { display:none;}

/* header */
.gloval_header { width:100%; margin:0 auto; position:relative;}
.gloval_header h1 { width:70%; max-width:326px; padding:14px 0;}
.gloval_header h1 img { width:100%; max-width:326px; height:auto;}
.nav_wrap { position:absolute; top:14px; right:0;}
.sp_header { position:relative; background:#fff; width:100%;}

/* toggle-panel */
#panel-btn { display:inline-block; position:relative; width:40px; height:40px; margin:0; background:rgba(137,83,44,.7);}
.home #panel-btn { margin:-4px 0 0;}
#panel-btn-icon { display:block; position:absolute; top:50%; left:50%; width:18px; height:2px; margin:-1px 0 0 -9px; background:#fff; transition:.2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display:block; content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-left:-9px; background:#fff; transition:.3s;}
#panel-btn-icon:before { margin-top:-6px;}
#panel-btn-icon:after { margin-top:4px;}
#panel-btn .close { background:transparent;}
#panel-btn .close:before, #panel-btn .close:after { margin-top:0;}
#panel-btn .close:before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#panel-btn .close:after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}

#panel { display:none; width:100%; margin:0 auto 20px; padding:20px 0; background:#fff;}
.sp_nav_ul { display:flex; flex-wrap:wrap;}
.sp_nav_ul li { display:flex; flex-direction:column; justify-content:center; width:50%; text-align:left; padding:4px;}
.sp_nav_ul li a { display:block; padding:10px; color:#000; font-size:1.3rem; line-height:1.2; text-decoration:none;}
.sp_nav_ul li a.twolines { padding:2px 0 2px 10px;}
.sp_nav_ul li a.twolines span { display:inline-block; vertical-align:middle;}
.sp_nav_ul li a::before { content:""; background:url("../images/link.svg") no-repeat; background-size:13px 13px; padding-left:1.2em;}

.breadcrumbs { width:90%; margin:0 auto 10px;}
.breadcrumbs ul { display:table; font-size:12px; line-height:1.2;}
.breadcrumbs ul li { margin:0 4px 0 0; float:left; color:#999;}
.breadcrumbs ul li::after { content:" / "; margin:0 0 0 4px; color:#ccc;}
.breadcrumbs ul li:last-child::after { content:"";}
.breadcrumbs a { color:#999; text-decoration:none;}

/* footer */
.gloval_footer .sitemap { background:#8a532c; font-size:0; color:#fff;}
.gloval_footer .sitemap .inner_box { padding:20px 0 30px;}
.gloval_footer .sitemap dl { /*display:inline-block;*/ vertical-align:top;}
.gloval_footer .sitemap a { color:#fff; text-decoration:none;}
.gloval_footer .sitemap a:hover { text-decoration:underline;}

.gloval_footer .address .inner_box { padding:28px 0 30px;}
.gloval_footer .address h2 { margin:0; padding:0; display:inline-block; vertical-align: middle; background:none;}
.gloval_footer .address h2 img { width:70%; max-width:276px; height:auto; margin-bottom:6px;}
.gloval_footer address { font-size:10px; line-height:1.4; font-style:normal; display:inline-block; vertical-align: middle; margin:/*-7px*/ 0 0 4px 0;}
.gloval_footer .address li { font-size:1.1rem; line-height:1.6; text-align:left; display:inline-block; margin-left:2rem; position:relative;}
.gloval_footer .footer_nav li::before { content:""; display:inline-block; width:14px; height:14px; background:url("../images/footer/link.svg") no-repeat; background-size:14px 14px; position:absolute; top:0; left:-1.6em;}
.gloval_footer p { clear:both; border-top:1px solid #c2c5c5; padding-top:.8rem; line-height:1.2;}
.footer_nav a { color:#000; text-decoration:none;}
.footer_nav a:hover { text-decoration:underline;}

/* fonts */
p { font-size:1.3rem; line-height:1.8;}

.c_ccc { color:#ccc;}
.c_f00 { color:#f00;}
.c_e51702 { color:#e51702;}
.fw_bold { font-weight:bold;}

.smalltxt { font-size:50%;}

.home h3 { font-size:1.6rem; line-height:1.4; font-weight:bold;}
.home .lead { font-family: 'Noto Serif JP', serif; font-size:1.4rem; line-height:1.4; text-align:center; letter-spacing:0; font-weight:400;}

.pages h3 { border-left:8px solid #8a532c; padding:0 0 0 2px;}
.pages h3 .h3_inner { border-left:2px solid #8a532c; display:inline-block; font-size:28px; line-height:1.4; color:#8a532c; font-family: 'Noto Serif JP', serif; }

/* box */
.w100 { width:100%;}
.inner_box { width:90%; margin:0 auto; padding:30px 0;}
section.topfff .inner_box { width:90%; margin:0 auto;}
.gloval_header > .inner_box { padding:0;}

/* dl */
.newslist { font-size:0; border-top:1px dotted #969696;}
.newslist dt { float:left; width:92px; font-size:12px; padding:16px 0 15px 1em; line-height:1.4;}
.newslist dd { font-size:12px; color:#8a532c; padding:16px 1em 15px 92px; border-bottom:1px dotted #969696; line-height:1.4;}
.newslist a { color:#8a532c; text-decoration:none;}

/* background */
.bg_f3ece5 { background:#f3ece5;}

.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mr40 { margin-right:40px;}
.ta_c { text-align:center;}
.ta_r { text-align:right;}

section a { color:#000; text-decoration:underline;}

.table_container {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom:30px;
}
table th { white-space: nowrap;}

/* #page_top */
#page_top {
  width: 56px;
  height: 56px;
  position: fixed;
  right: 20px;
  bottom: -110px;
  opacity: 0.7;
background:#8a532c;
color:#fff;
  border-radius:50%;
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
#page_top a{
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 26px;
  color: #fff;
  position: absolute;
  width: 26px;
  height: 26px;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 9px;
  color: #fff;
  position: absolute;
  top: 32px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.f_ootsuka { font-family: 'Kosugi', sans-serif;}
.sitemap_page > .sitemap { display:block !important;}


/* フッタバナー＋モーダル 210917追加 */

.footer_bnr210917 ul { width:100%; max-width:250px; margin:30px auto; display:flex; justify-content:space-around;}
.footer_bnr210917 li { width:40%; max-width:100px;}
.footer_bnr210917 li img { width:100%; height:auto;}

.footer_bnr210917 p { border-top:none !important;}

.footer_bnr210917 .close-icon i {
	color: #333 ;
  text-decoration:none;
  font-size:3rem;
}
 
.footer_bnr210917 .close-icon:hover i {
	cursor: pointer !important;
	color: #f00 ;
}
.footer_bnr210917 a.button-link { text-decoration:none; cursor:pointer;}

#modal-overlay {
	z-index: 10000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.footer_bnr210917 .modal-content {
	width:90%;
  height:50%;
  min-width:280px;
	margin: 0;
	padding: 20px;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100000;
  text-align:center;
  border-radius:6px;
}

.footer_bnr210917 .button-link.ex-link { width:90%; height:50%;}
.footer_bnr210917 .modal-content p, .modal-content.ex-link p.close-icon { width:100%; text-align:right;}
.footer_bnr210917 .modal-content.ex-link .ex-link-txt { text-align:left; margin-bottom:20px;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn { display:block; padding:16px 10px; color:#fff; background:#8a532c; text-decoration:none; position:relative; line-height:1;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn:hover { opacity:0.8;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn::before { content:""; background:url("../images/link_w.svg") no-repeat; background-size:contain; display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:4px; margin-top:-1px;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content:'\f35d'; font-size:1.3rem; position:absolute; top:16px; right:16px;}




@media screen and (min-width:798px) {
.footer_bnr210917 .modal-content {
	width: 60% ;
  height:60%;
  min-height:200px;
	margin: 0 ;
	padding: 20px ;
	/*border: 2px solid #aaa ;*/
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100000;
  text-align:center;
  border-radius:6px;
}
.footer_bnr210917 .modal-content.product-img { width:60%; height:60%; max-height:440px; padding:20px;}

.footer_bnr210917 .modal-content .close-icon { width:100%; text-align:right;}
.footer_bnr210917 .modal-content.ex-link { width:40%; height:40%; min-width:280px; padding:30px;}
}