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

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
.container { width:1200px; margin:0 auto; padding:0 0 60px;}
.side { width:250px; float:left;}
.main { width:750px; float:right;}
.main.oneColumn { width:1200px; float:none;}
.main .bnrArea { margin-bottom:50px;}
.main .bnrArea li { margin-bottom:20px;}
.main .bnrArea li:last-of-type { margin-bottom:0;}

.bgLineTitle { background:url(../img/lineTitleBG.gif) 0 0 repeat-x #fff; font-size:1.8em; padding:12px 10px 17px; letter-spacing:0.12em; font-weight:bold; text-align:center; position:relative; margin-bottom:30px;}
.bgLineTitle:after { content:''; background:url(../img/lineTitleLine.gif) 0 0 no-repeat; width:720px; height:6px; display:block; position:absolute; bottom:0; left:0;}
.borderTitle { border:1px solid #3e3e3e; font-size:1.2em; font-weight:bold; padding:10px 15px; margin-bottom:30px;}
.borderTitle.brd_TB{border-left: none; border-right:none;}

.pageTitle { background: url(../img/meshBg.png) 0 0 repeat #222; }
.pageTitle .inner { width:1000px; margin:0 auto; background:url(../img/pageTitleBG01.png) top -50px right no-repeat; display:table; height:150px;}
.pageTitle .inner .tx { display:table-cell; padding-right:500px; vertical-align:middle; font-family: 'Noto Serif Japanese'; font-size:3.0em; color:#fff; line-height:1.2;}

.contBlock { margin-bottom:50px;}
.contBlock.narrow { padding:0 50px;}
.contDesc { text-align:center; margin:30px 0;}
.catch { font-size:1.8em; line-height:1.3; margin:0 0 40px; font-weight:bold;}

.commonContact { background:url(../img/wagaraBG.gif) 0 0 repeat; padding:0 10px 10px;}
.commonContact .title { font-size:1.8em; padding:12px 0 15px; letter-spacing:0.15em; text-align:center; font-weight:bold;}
.commonContact .boxBody { background:#fff; padding:20px 40px;}
.commonContact .numberArea { width:350px; float:left;}
.commonContact .numberArea .tel { margin-bottom:15px;}
.commonContact .numberArea .fax { margin-bottom:15px;}
.commonContact .numberArea .desc { margin-bottom:5px;}
.commonContact .navArea { width:240px; float:right;}
.commonContact .navArea li { margin-bottom:10px;}
.commonContact .navArea li:last-of-type { margin-bottom:0;}


.commonImageNav ul li { width:48%; float:left; border:1px solid #cbcbcb; margin-bottom:20px; background:#fff;}
.commonImageNav ul li:nth-of-type(2n) { float:right;}
.commonImageNav ul li a { display:table; color:#3e3e3e;}
.commonImageNav ul li a .image { display:table-cell; vertical-align:middle; padding:10px;}
.commonImageNav ul li a .tx { display:table-cell; vertical-align:middle; padding:10px 25px 10px 10px; font-size:1.2em; font-weight:bold; position:relative; width:100%;}
.commonImageNav ul li a .tx .fa { position:absolute; right:10px; top:50%; margin-top:-5px; font-size:1em;}


.commonTextNav ul li { width:48%; float:left; border:1px solid #3e3e3e; margin-bottom:20px; background:#fff;}
.commonTextNav ul li:nth-of-type(2n) { float:right;}
.commonTextNav ul li a { display:block; color:#3e3e3e; padding:15px 30px 15px 15px; text-decoration:none; position:relative;}
.commonTextNav ul li a:hover { text-decoration:underline;}
.commonTextNav ul li a .tx { font-weight:bold; font-size:1.2em; text-align:center;}
.commonTextNav ul li a .tx .fa { position:absolute; right:10px; top:50%; margin-top:-8px; font-size:1em;}

.catDesc { padding:20px; background:#f7f7f2; line-height:1.8; margin-bottom:40px;}
.catDesc .image { float:left; margin-right:20px;}

.spDisplay { display:none!important;}

.completeTxt { margin:40px 0 60px; padding:0 /*200px*/150px;}
.completeTxt .tx01 { font-size:1.2em; line-height:1.8; text-align:center; margin-bottom:30px;}
.completeTxt.maincolumn{padding:0;}
.completeTxt.maincolumn .borderBox{margin: 0 100px;line-height: 1.8;}
.borderBox { padding:20px; border:1px solid #e94609; border-radius:3px; }

.bggrayTitle{background: #e6e6e6;padding: 10px 10px 10px 15px; font-weight: bold;font-size:1.2em ;margin-bottom: 20px;}

/* 商品画像*/
/* M size*/
.commonThumbnail { width:220px; height:160px; display:table; table-layout:fixed; box-sizing:border-box;}
.commonThumbnail .inner { width:220px; height:160px; display:table-cell; text-align:center; vertical-align:middle; }
.commonThumbnail img { max-width:100%; max-height:100%;}
/* S size*/
.commonThumbnail.small { width:50px; height:50px;}
.commonThumbnail.small .inner { width:50px; height:50px;}
/* L size*/
.commonThumbnail.large { width:360px; height:360px;}
.commonThumbnail.large .inner { width:360px; height:360px;}

/*----------------------------------------------------------------------------------------------
 side
----------------------------------------------------------------------------------------------*/



.side .bnr { margin-bottom:40px;}

.side .catNav { margin-bottom:30px;}
.side .catNav .title { padding:10px; border:3px double #3e3e3e; font-size:1.2em; text-align:center; letter-spacing:0.08em; position:relative; margin-bottom:5px;}
.side .catNav .title .fa { position:absolute; top:50%; right:15px; margin-top:-8px;}
.side .catNav ul li { border-bottom:1px dotted #ccc;}
.side .catNav ul li a { padding:15px 40px 15px 20px; display:block; color:#3e3e3e; text-decoration:none; position:relative;}
.side .catNav ul li a:hover { text-decoration:underline;}
.side .catNav ul li a .fa { position:absolute; top:50%; right:10px; margin-top:-5px; font-size:0.8em;}

/*toggle*/
.side .catNav.toggle .title { cursor:pointer;}
.side .catNav .title .fa { display:none;}
.side .catNav.toggle .title .fa { display:inline-block;}
.side .catNav.toggle ul { display:none;}
.side .catNav.toggle.active ul { display:block;}



/*----------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------*/
.header{ border-top:4px solid #fcbac9; border-bottom:1px solid #fd7e9c;}
.header .inner{ width:990px; margin:0 auto; padding:30px 0;}
.header .logo{ display:inline-block; float:left; margin-top:23px;}
.header .logo a{ display:block; transition:0.2s;}
.header .logo a:hover{ opacity:0.6;}

.main_nav { width:706px; float:right;}
.main_nav ul li{ display:inline-block; float:left; border-right:1px dashed #d6d6d6;}
.main_nav ul li.nav01{ border-left:1px dashed #d6d6d6;}
.main_nav ul li a{ transition:0.2s; display:block; width:140px; height:98px; text-indent:-9999px; background:url(../images/nav.gif) 0 0 no-repeat;}
.main_nav ul li a:hover{ opacity:0.6;}
.main_nav ul li.nav01 a{ background-position:0 0;}
.main_nav ul li.nav02 a{ background-position:-142px 0;}
.main_nav ul li.nav03 a{ background-position:-283px 0;}
.main_nav ul li.nav04 a{ background-position:-424px 0;}
.main_nav ul li.nav05 a{ background-position:-565px 0;}

.nav { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.nav > ul { width:1000px; margin:0 auto;}
.nav > ul > li { display:table; box-sizing:border-box; position:relative; float:left; border-left:1px solid #cdcdcd; height:60px; width:142px; padding-top:3px;}
.nav > ul > li:last-of-type { border-right:1px solid #cdcdcd;}
.nav > ul > li > a { display:table-cell; vertical-align:middle; text-decoration:none; text-align:center; height:57px; transition:0.3s; color:#3e3e3e; border-bottom:3px solid #fff;}
.nav > ul > li > a .fa { display:none;}
.nav > ul > li > a:hover { border-color:#fd7e9c;}
.nav > ul > li > a .tx { font-size:1.1em; font-weight:bold; line-height:1.3;}

.breadCrumb { padding:15px 0;}
.breadCrumb ul { width:1000px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.breadCrumb ul li { font-size:1em; display:inline-block; float:left;}
.breadCrumb ul li:after { content:'>'; margin:0 10px 0 8px; line-height:1;}
.breadCrumb ul li:last-of-type:after { content:''; margin:0;}

/*----------------------------------------------------------------------------------------------
 footer
----------------------------------------------------------------------------------------------*/
.footer { background:#f7f7f2;}
.footer .inner { width:1000px; padding:30px 0 40px; margin:0 auto; box-sizing:border-box;}
.footer .infoArea { width:500px; float:left;}
.footer .logo { margin-bottom:30px;}
.footer .fcontact { background:#fff; padding:30px 40px; display:inline-block;}
.footer .fcontact .tel { margin-bottom:10px;}
.footer .fcontact .fax { margin-bottom:10px;}
.footer .navArea { width:500px; float:right; padding-top:20px;}
.footer .fnav { margin-bottom:20px;}
.footer .fnav li { display:inline-block; width:30%; margin-right:1.5%; margin-bottom:15px;}
.footer .fnav li:nth-of-type(3n) { margin-right:0;}
.footer .fnav li a { color:#3e3e3e;}
.footer .fnav li a:hover { text-decoration:underline;}
.footer .fnav li a .fa { display:none;}
.footer .bottomPart { background:#202020; padding:30px 0; text-align:center;}
.footer .bottomPart .address { color:#fff; margin-bottom:10px;}
.footer .bottomPart .address .tx01 { margin-right:10px;}
.footer .bottomPart .copyright { color:#7c7c7c;}


/*----------------------------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------------------------*/
.mainImage { height:480px; background: url(../images/bg_dot_pink.gif) 0 0 repeat #f9aaca; margin-bottom:80px;}
.mainImage:after { content:''; height:40px; display:block; background:#f4f4f4;}
.mainImage .slider { width:1200px; height:480px; margin:0 auto;}
.mainImage .slider .slick-dots { bottom:-33px;}
.mainImage .slider .slick-dots li button::before { content:''; border-radius:100%; background:#fff; border:1px solid #cdcdcd; width:14px; height:14px; box-sizing:border-box; opacity:1;}
.mainImage .slider .slick-dots li.slick-active button::before { background:#f9aaca; border-color:#f9aaca;}
.mainImage .slider .sliderPrev { position:absolute; top:50%; left:-80px; margin-top:-30px; font-size:60px; color:#f9aaca; opacity:0.2; transition:0.3s;}
.mainImage .slider .sliderNext { position:absolute; top:50%; right:-80px; margin-top:-30px; font-size:60px; color:#f9aaca; opacity:0.2; transition:0.3s;}
.mainImage .slider .sliderPrev:hover, .mainImage .slider .sliderNext:hover { opacity:0.5;}
@media screen and (max-width:1200px){
	.mainImage .slider .sliderPrev, .mainImage .slider .sliderNext { display:none!important;}
}

.sceneList { margin-bottom:-30px;}
.sceneList li { width:220px; float:left; margin-right:30px; margin-bottom:30px; text-align:center;}
.sceneList li:nth-of-type(3n) { margin-right:0;}
.sceneList li a { text-decoration:none; display:block;}
.sceneList li .thumbnail { margin-bottom:10px;}
.sceneList li .name { font-size:1.2em; margin-bottom:10px; text-decoration:underline; font-weight:bold;}
.sceneList li a:hover .name { text-decoration:none;}
.sceneList li .sub { color:#3e3e3e;}

.newsList .item { border-bottom:1px dotted #ccc;}
.newsList .item a { display:block; text-decoration:none;}
.newsList .item .date { display:inline-block; width:140px; float:left; padding:15px 0 15px 15px;}
.newsList .item .name { display:table; padding:15px;}
.newsList .item a:hover .name { text-decoration:underline;}

.detail_post_param .date {
  display: inline-block;
  float: right;
  font-size: 15px;
}


/*----------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------*/
.container{ width:990px; margin:0 auto; padding:0 0 30px;}
.container .main{width:710px; float:left;}
.container .side{width:250px; float:right;}
.page_title{ background:#f4f4f4; padding:35px 0; }
.page_title .inner{ width:1040px; margin:0 auto;}
.page_title .ttl{ font-size:300%; color:#9a1111;}

.ttl01{ border-radius:100px; background:#fd7e9c; padding:8px 15px; position:relative; margin-bottom:20px;}
.ttl01 .icon30{ margin-top:-10px; margin-right:5px;}
.ttl01 .ttl_txt{ display:inline-block; font-size:20px; font-weight:bold; color:#fff;}
.ttl01 .sub_txt{ display:inline-block; color:#fff; margin-left:15px;}
.ttl01 .btn{ background:#fff; color:#fd7e9c; position:absolute; right:6px; top:5px;}

.ttl01.member{ background:#5ebef5;}
.ttl01.member .btn{ color:#5ebef5;}

.page_ttl{ padding:20px; background:#f1f1f1; border-radius:6px; margin-bottom:30px;}
.page_ttl .icon30{ float:left; margin-right:8px;}
.page_ttl .txt{ display:table; font-size:24px;}

.page_desc{ padding:0 20px; margin-bottom:20px; line-height:1.7;}

.inner_padding{ padding:0 20px;}

.radius_box{ border:2px solid #e6e6e6; border-radius:6px; padding:20px;}

/* wordpressエディタからの入力内容表示*/
.entry_area{ word-wrap: break-word;line-height:1.7;}
.entry_area ul{ margin-left:15px;}
.entry_area ul li{ list-style: disc outside none; margin-bottom:8px; }

.line_ttl{ font-size:20px; font-weight:bold;border-left:4px solid #fd7e9c; padding-left:10px; line-height:1.2; margin-top:20px; margin-bottom:20px;}
.line_ttl::after{ content:""; display:block; border-bottom:1px solid #e6e6e6; border-top:5px solid #fff; margin-left:-15px; margin-top:5px;}
.inner_padding .line_ttl{ margin-left:-20px; margin-right:-20px;}
.line_ttl .member_work{ color:#989898; margin-left:5px; font-size:13px; font-weight:normal;}
.line_ttl .member_work::before{ content:'［';}
.line_ttl .member_work::after{ content:'］';}



.pdf_box_inline{ border-radius:6px; padding:15px 0 10px; background:#f4f4f4; margin-bottom:30px;}
.pdf_box_inline ul{ text-align:center;}
.pdf_box_inline ul li{ display:inline-block; margin:0 15px 5px;}
.pdf_box_inline ul li a{  background:url(../images/icon_pdf.gif) 0 0 no-repeat; background-size:auto 20px; padding-left:25px; display:inline-block; min-height:20px; }

/* カラー指定（一般）*/
.public_cont .page_ttl{ background:#fdebef;}
.public_cont .entry_area .sub_ttl{ font-size:20px; font-weight:bold; margin-bottom:5px; color:#fd7e9c;}
.public_cont .pdf_box_inline{ background:#fdebef;}

/* カラー指定（会員）*/
.member_cont .page_ttl{ background:#e3f2fa;}
.member_cont .entry_area .sub_ttl{ font-size:20px; font-weight:bold; margin-bottom:5px; color:#5ebef5;}
.member_cont .line_ttl{ border-left:4px solid #5ebef5;}
.member_cont .pdf_box_inline{ background:#f1f8fc;}


.cont_block{ margin-bottom:50px;}
.cont_item{ margin-bottom:30px;}
.btn_box{ margin-top:20px; text-align:center; background:url(../images/bg_graymesh.gif) 0 0 repeat; padding:20px;}
.btn_box .btn:first-child{ margin-right:20px;}
.btn_box2{ margin-top:30px;}

.cont_img{ margin-bottom:40px;}

.stripe_box{ border-radius:6px; padding:10px; background:url(../images/bg_line_gray.gif) 0 0 repeat;}
.stripe_box .inner{ border-radius:6px; border:1px solid #d3d2d2; background:#fff; padding:20px;}

/* ページ送り*/
.pagenav{ margin-top:60px; text-align:center; margin-bottom:30px;}
.pagenav span,
.pagenav .page{ border-radius:100%; color:#fff; width:30px; display:inline-block; height:30px; vertical-align:top; line-height:30px; box-sizing:border-box;}
.pagenav span{ margin-right:10px; background:#fd7e9c; }
.pagenav .page{ margin-right:10px; background:#bbb; text-decoration:none; transition:0.2s;}
.pagenav .page:hover{ background:#fd7e9c;}
.pagenav .previouspostslink{ color:#fd7e9c; line-height:30px; margin-right:15px;}
.pagenav .nextpostslink{ color:#fd7e9c; line-height:30px; margin-left:5px;}

.post_list .item{ border-bottom:1px dashed #d6d6d6; display:table; width:100%;}
.post_list .item .date{ display:table-cell; padding:20px 0 20px 10px; width:130px;}
.post_list .item .ttl{ display:table-cell; padding:20px 10px 20px 0;}
.post_list .item .label_wrap{ display:table-cell; padding:20px 15px 20px 0; width:65px;}
.post_list .item .label_wrap .label{ display:block;}

/*----------------------------------------------------------------------------------------------
 パンくずリスト
----------------------------------------------------------------------------------------------*/
.breadcrumb{ padding:20px 0; width:990px; margin:0 auto; }

.breadcrumb ul li{ display:inline-block; font-size:12px; padding-right:5px; color:#444;}
.breadcrumb ul li:after{ content:">"}
.breadcrumb ul li:last-child{ padding:0;}
.breadcrumb ul li:last-child:after{ content:"";}
.breadcrumb ul li a{ padding-right:15px; text-decoration:none;}
.breadcrumb ul li a:hover{ text-decoration:underline;}

/*----------------------------------------------------------------------------------------------
 ページトップ
----------------------------------------------------------------------------------------------*/
.pagetop{ bottom:20px; right:20px; position:fixed; text-align:center;}
.pagetop a{ width:60px; height:60px;color:#fff; padding:10px 0; display:block; text-decoration:none; background:#ebebeb; box-sizing:border-box;}
.pagetop .fa{ display:block; line-height:1; font-size:60px; line-height:1; margin-top:-13px;}
.pagetop a:hover{ background:#f1f1f1;}

/*----------------------------------------------------------------------------------------------
 サイドカラム
----------------------------------------------------------------------------------------------*/
.login_btn{ margin-bottom:30px;}
.login_btn .btn{ display:block; padding:20px 10px; font-size:18px; font-weight:bold;}
.login_btn .btn .icon30{ margin-right:5px;}

.public_box_group{ margin-bottom:30px;}
.public_box_group .box{ padding:10px 10px; border:2px solid #fd7e9c;}
.public_box_group .box:first-of-type{ border-top-right-radius:6px;border-top-left-radius:6px;}
.public_box_group .box:last-of-type{ border-bottom-right-radius:6px; border-bottom-left-radius:6px;}
.public_box_group .box+.box{ border-top:0;}

.public_box_group .box.office_info{ padding:15px 20px;}
.public_box_group .box.office_info .btn.radius{ position:relative; font-size:18px; font-weight:bold; margin-bottom:10px;}
.office_info .name{ font-size:18px; font-weight:bold; color:#fd7e9c; margin-bottom:5px;}
.office_info .address{ font-size:12px; margin-bottom:5px;}
.office_info .tel{ font-weight:bold; color:#fd7e9c;}

.member_box{ margin-bottom:30px;}
.member_box .box_ttl{ background:#5ebef5; color:#fff; padding:8px 10px; font-weight:bold; border-radius:6px 6px 0 0;}
.member_box .box_body{ padding:10px 10px; border:2px solid #5ebef5; border-top:0; border-radius:0 0 6px 6px;}

.sidenav li{ border-bottom:1px dashed #d6d6d6;}
.sidenav li:last-of-type{ border-bottom:0;}
.sidenav a{ display:block; padding:6px 30px 6px 6px; text-decoration:none; color:#583730; position:relative;}
.sidenav a .arrow{ position:absolute; right:6px; top:50%; margin-top:-6px; color:#c8c8c8;}
.sidenav a:hover{ text-decoration:underline;}


.bnr_area .item{ margin-bottom:30px}

/*----------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------*/
.footer{ margin-top:90px;}
.footer .copyright{ text-align:center; color:#fff; padding:25px 0; background:#fd7e9c;}

/*----------------------------------------------------------------------------------------------
 記事詳細
----------------------------------------------------------------------------------------------*/
.postnav{ border-top:1px dashed #c8c8c8; padding:60px 20px 0; margin-top:60px;}
.postnav a{ color:#fd7e9c;}
.postnav a.prev{ float:left;}
.postnav a.next{ float:right;}
.youtube_area{ margin-top:30px;/* clear:both;*/}
.youtube_area iframe{ max-width:100%;}
.pdf_link{ margin-top:30px;/* clear:both;*/}
.pdf_link ul{ margin-left:0!important;}
.pdf_link li{ margin-bottom:5px!important; list-style:none outside none!important;}
.pdf_link li a{ background:url(../images/icon_pdf.gif) 0 0 no-repeat; padding-left:40px; display:inline-block; min-height:30px; }

/*----------------------------------------------------------------------------------------------
 組織・役員一覧
----------------------------------------------------------------------------------------------*/

.member_list .name{ margin-bottom:5px; font-weight:bold;}
.member_list .work{ color:#989898; margin-left:5px; font-size:12px; font-weight:normal;}
.member_list .work::before{ content:'［';}
.member_list .work::after{ content:'］';}

.member_list .telfax span{ margin-right:10px}



/*----------------------------------------------------------------------------------------------
 会員情報変更
----------------------------------------------------------------------------------------------*/
.btn_area_wide{ margin:40px 0; text-align:center;}
.btn_area_wide .btn{ width:500px;}

/*----------------------------------------------------------------------------------------------
 ログイン
----------------------------------------------------------------------------------------------*/
/* .common_form_wrap{ width:550px; margin:30px auto;} */
.common_form_wrap{ width:80%; margin:10px auto;}
.common_form_wrap .form_inner{ background:#f1f8fc; padding:30px 30px 20px;}
.common_form_wrap table{ width:100%;}
.common_form_wrap table th,.common_form_wrap table td{ padding-bottom:10px;}
.common_form_wrap table th{ vertical-align:middle; text-align:right; padding-right:15px; font-weight:bold;}
.common_form_wrap .form_inner input[type="text"],
.common_form_wrap .form_inner input[type="password"]{ width:100%;}
.common_form_wrap .form_inner .btn_area{ margin-top:10px;}
.common_form_wrap .form_inner .btn{ width:100%;}


/*----------------------------------------------------------------------------------------------
 サイトマップ
----------------------------------------------------------------------------------------------*/
/* .sitemap_nav{ margin-top:-15px;}
.sitemap_nav li{ border-bottom:1px dashed #c8c8c8;}
.sitemap_nav li a{ display:block; position:relative; text-decoration:none; padding:15px 15px 15px 30px; color:#583730;}
.sitemap_nav li a:hover{ background:#f4f4f4;}
.sitemap_nav li a .arrow{ position:absolute; left:10px; top:50%; margin-top:-7px; color:#c8c8c8;} */


.sitemap_nav li a {
	display: flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none; /* お好み */
  }
  
  .sitemap_nav li img {
	width: 40px;      /* アイコン画像サイズ調整 */
	height: auto;
	margin-right: 8px;
  }
  
  .sitemap_nav li .tx {
	margin: 0 8px;
	font-size: 1rem;
	line-height: 1.2;
  }
  
  .sitemap_nav li i {
	margin-left: auto; /* 右端に寄せる場合 */
	font-size: 1rem;
  }

/*----------------------------------------------------------------------------------------------
 パンフレット・チラシダウンロード
----------------------------------------------------------------------------------------------*/

.pdf_download ul li{ padding:15px 160px 15px 30px; color:#583730; position:relative; border-bottom:1px dashed #c8c8c8;}
.pdf_download ul li .arrow{ position:absolute; left:10px; top:50%; margin-top:-7px; color:#c8c8c8;}
.pdf_download ul li a{ position:absolute; right:10px; top:50%; margin-top:-10px; background:url(../images/icon_pdf.gif) 0 0 no-repeat; padding-left:25px; display:inline-block; min-height:20px; background-size:auto 20px;}

/*----------------------------------------------------------------------------------------------
 会員ログイン関連
----------------------------------------------------------------------------------------------*/
.login_message .message{ background:#e7f8cf; color:#6eba00; padding:5px 10px; margin:20px 0;}
.login_message .error{ background:#ffe8e8; color:#dd0000; padding:5px 10px; margin:20px 0;}



@media screen and (max-width: 667px){
	
	.top_mainimage .inner{ width:100%; background-size:110% auto; background-position:center center; }
	.container,
	.breadcrumb,
	.header .inner
	{ padding-left:10px; padding-right:10px; box-sizing:border-box;}
}

/*----------------------------------------------------------------------------------------------
 商品一覧
----------------------------------------------------------------------------------------------*/
.listParam { margin-bottom:20px;}
.listParam .desc { display:inline-block; float:left; margin-top:5px;}
.listParam .selectWrap { float:right;}
.productList {}
.productList .item { width:220px; margin-right:30px; margin-bottom:50px; float:left;}
.productList .item:nth-of-type(3n) { margin-right:0;}
.productList .item .image { border:1px solid #b5b5b5; margin-bottom:6px;}
.productList .item .name { font-size:1.15em; text-align:center; margin-bottom:8px;}
.productList .item .price { text-align:right; margin-bottom:8px;}
.productList .item .price .tx { margin-right:3px;}
.productList .item .option { text-align:right;}
.productList .item .option input[type='number'] { width:70px; height:30px; display:inline-block; padding-right:2px;}
.productList .item .option .btn { font-size:0.9em; height:30px; margin-left:10px; padding:7px 10px; line-height:1;}
/* 
.pageNav { margin-bottom:80px; text-align:center; background:#f7f7f2; padding:20px;}
.pageNav.type02 { background:none; padding:0; margin:50px 0;}
.pageNav li { display:inline-block; margin-right:8px; vertical-align:top;}
.pageNav li:last-of-type { margin-right:0;}
.pageNav li a, .pageNav li.current span { display:inline-block; padding:0 11px; font-size:1.1em; border-radius:3px; background:#fff; border:1px solid #cdcdcd; color:#3e3e3e; box-sizing:border-box; height:36px; line-height:36px;}
.pageNav li.current span { background:#666; border-color:#666; color:#fff;}
.pageNav a { text-decoration:none; transition:0.3s;}
.pageNav a:hover { background:#f2f2f2;}
.pageNav li.prev a, .pageNav li.next a { background:none; border:0; font-size:2em; padding:0;}
.pageNav li.prev a:hover, .pageNav li.next a:hover { opacity:0.7;}
 */
/*----------------------------------------------------------------------------------------------
 商品詳細
----------------------------------------------------------------------------------------------*/
.productDetail { margin-bottom:50px;}
.productDetail .itemTitle { padding:15px 20px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; font-size:2.2em; font-weight:bold; color:#202020; margin-bottom:30px; line-height:1.2;}
.productDetail .itemSubTitle { padding:15px 20px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; font-size:1.2em; font-weight:bold; color:#202020; margin-bottom:30px; line-height:1.2;}
.productDetail .imageGallery { width:360px; float:left; }
.productDetail .imageGallery .itemImage ul.slick-dots { bottom:auto; position:inherit;}
.productDetail .imageGallery .itemImage ul.slick-dots li { display:inline-block; width:60px; height:60px; margin:0 10px 0 0; opacity:0.5;}
.productDetail .imageGallery .itemImage ul.slick-dots li:last-of-type { margin-right:0;}
.productDetail .imageGallery .itemImage ul.slick-dots li .thumbnail { display:table; table-layout:fixed; height:60px; width:60px;border:1px solid #cbcbcb; box-sizing:border-box; }
.productDetail .imageGallery .itemImage ul.slick-dots li .thumbnail .inner { display:table-cell; height:60px; width:60px; vertical-align:middle; text-align:center;}
.productDetail .imageGallery .itemImage ul.slick-dots li img { max-width:100%; max-height:100%;}
.productDetail .imageGallery .itemImage ul.slick-dots li.slick-active { opacity:1;}

.productDetail .info { width:330px; float:right;}
.productDetail .info .price { margin-bottom:20px; font-size:1.4em; font-weight:bold; color:#e94609; line-height:1; text-align:right;}
.productDetail .info .price .number { font-size:1.2em;}
.productDetail .info .desc { line-height:1.6; margin-bottom:20px;}
.productDetail .info .option { text-align:right; padding-bottom:30px; border-bottom:1px dotted #cbcbcb; margin-bottom:30px;}
.productDetail .info .option .quantity input[type="number"] { width:80px; height:40px; margin-right:10px;}
.productDetail .info .option .btn { padding:0 15px;}
.productDetail .info .subInfo .item { margin-bottom:10px;}

/* 商品画像ポップアップ*/
.mfp-fade.mfp-bg { opacity:0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;}


/* 地図ページコンテナ */
 .map_container {
	display: flex;
	width: 100%;
	height: 100%;
  }
  
  .map_container .mapside {
	width: 250px;   /* 左側は固定幅 */
	height: 1000px;
	background-color: #f0f0f0; /* 確認用 */
  }
  
  .map_container .mapmain {
	flex: 1;        /* 残りの幅を全部取る */
	background-color: #e0e0ff; /* 確認用 */
  }


.bnr_area{}
.bnr_area .item{ margin-bottom:30px}
.bnr_area .item .bnr_btn{ padding:10px 30px 10px 10px; border-radius:6px; background:#fd7e9c; color:#fff; text-decoration:none; transition:0.2s; font-size:15px; display:block; line-height:1.3; position:relative;}
.bnr_area .item .bnr_btn:hover{ opacity:0.7;}
.bnr_area .item .bnr_btn .arrow{ position:absolute; right:10px; top:50%; margin-top:-8px;}
.bnr_area .item img{ max-width:100%;}


.banner-container {
    display: flex;
    flex-wrap: wrap; /* バナーを折り返して表示 */
    justify-content: center; /* 中央揃え */
    gap: 15px; /* バナー間のスペース */
    padding: 20px;
    background-color: #f9f9f9; /* 背景色を設定（お好みで変更可能） */
}

.banner-item {
    flex: 1 1 calc(25% - 30px); /* 幅を自動調整し、列を揃える */
    max-width: 200px; /* バナーの最大幅 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 軽い影を追加 */
    border-radius: 8px; /* 角丸を付ける */
    overflow: hidden; /* 枠から画像がはみ出さないようにする */
    background: white;
}

.banner-item img {
    width: 100%; /* 画像をアイテム全体に合わせる */
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* ホバー時の効果を加える */
}

.banner-item a:hover img {
    transform: scale(1.05); /* 画像を拡大 */
}