@charset "utf-8";

/* 全体の背景
---------------------------------------*/
body { color: #ccc; background-color: #fff; }

/* 文字色
---------------------------------------*/
body{ color:#333; }
#article h2 a{ color: #fff!important; }


/* リンク文字色
---------------------------------------*/
a{ color:#000; }
a:hover{ text-decoration:underline; color: #666; }
#article h2 a,
#article h3 a { text-decoration: none; }
#article h2 a:hover{ text-decoration: none; }


/* ヘッダH1テキスト
---------------------------------------*/
#header h1 a,
#header p a,
#header h1 a:hover,
#header p a:hover { color:#666 }
#header { background-color: #fff; }

/* サーチbox
---------------------------------------*/
.search-box { padding-top: 20px; }
#ContentQ{ background-color: #333; border: 1px solid #999; color: #FFF; }

/* Gメニュー
---------------------------------------*/
#GlovalNav{ border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #C00; background-image: url(../img/gmenu_barbg.png); border-top-color: #222; }
#Gloval Nav .colored{background-image: url(../img/gmenu_barbg_colored.jpg);}

#GlovalNav ul { border-left-color: #000; border-right-color: #414141; }
#GlovalNav ul a{ color:#fff; background-image: url(../img/gmenu_bg.png); }
#GlovalNav ul li.colored a{background-image: url(../img/gmenu_bg_colored.jpg); }

#GlovalNav ul a:hover{ background-image: url(../img/gmenu_bg_on.png);  }
#GlovalNav ul li.colored a:hover{ background-image: url(../img/gmenu_bg_on.png); }
/* スライダー背景
---------------------------------------*/
#Home #MainSlider { background-image: url(../img/slider/bg_main.jpg); background-repeat: repeat-x; background-position: center center; background-size:cover; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,.3)inset; -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.3)inset; -ms-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.3)inset; -o-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.3)inset; box-shadow: 0px 0px 10px 3px rgba(0,0,0,.3)inset; }

/* メインコンテンツ
---------------------------------------*/
#article h2{ color: #fff; border-left-color: #555; border-top-color: #555; border-right-color: #555; border-bottom-color: #555; background-image: url(../img/title_bg.jpg); }
#article h3 { color: #000; }
#article h4 { color: #FC0!important; }
#article h1 { color:#fc0; background-color:#000; border: 2px solid #999; }
.herotext { color:#FFF; background-color: #000; border: 2px solid #FC0; }
.box_red { background-color: #900; color: #FFF; padding: 15px!important; }
#Home #news .body { background-color: #eee; border-color: #ccc!important;  }
#Home #news .body a { text-decoration: none; }
#Home #news .body a:hover { text-decoration: none; }
span.toph3 { color:#900!important;}

/* フッタ
---------------------------------------*/
#footer { background-color: #000000; border-top-color: #C00; }
#FootNav li{ border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; }
#Copyright{ color: #999999; padding-bottom: 1em; }

/* リンク
---------------------------------------*/
#footer a, .PageTop a, .Pankuzu a { text-decoration: none; }
.PageTop a:hover, .Pankuzu a:hover { text-decoration: underline; }
#footer a:hover { color: #999; }

/* テーブル
---------------------------------------*/
table {background-color:#f9f9f9;}
th{background-color:#eee;}

/* サイドメニュー
---------------------------------------*/
#aside h2 { border-bottom-color: #C00; }
.widget-text, .widget-local-navi { background-color: #555; }
.SubNav li a, .widget-local-navi li a{ color:#FFFFFF; background-image: url(../img/sidenavi_bg.gif); border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; }
.SubNav li a:hover, .widget-local-navi li a:hover { background-image: url(../img/sidenavi_bg_on.gif); }


/* サイド店舗情報部分
---------------------------------------*/
.shopInfo { background-color: #000000; }
.shopInfo .data { background-color: transparent; }
.shopInfo .data h2{  background-color: #FC3!important; color: #300; }
.shopInfo .tel { color: #F90; }

/* box for blog-widget
※ブログ関連のCSSは後から読み込まれるためこれらには!importantが必須。
----------------------------------------------- */
.widget-blog-calendar, .blog-widget { background-color: #000!important;border: 5px solid #555!important;color:#CCCCCC}
.widget-blog-calendar a { color:#CCCCCC; text-decoration:underline;}
.widget-blog-calendar a:hover { color:#fff;}
.widget h2{ background-color:transparent!important;}
.widget.blog-widget ul a { color: #ccc!important; }
.widget.blog-widget ul a:hover { background-color: #666!important; }
.widget-blog-calendar table {background-color: transparent!important;}
.widget-blog-calendar th {	border-bottom:none!important;background-color: #555!important; }
.widget-blog-calendar .sunday { color:#FF0066!important; }
.widget-blog-calendar .saturday { color:#0099FF!important; }
.widget-blog-calendar .today { background-color:#666!important; }
.blogcate { color: #000; }


/* トップページ
----------------------------------------------- */
#article .herotext h2 { font-size: 95%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; color: #FFF; }
.herotext img { display: block; margin-bottom: 5px; }

/* サイド
----------------------------------------------- */
.SideBn li.contact img { display: block; }
.SideBn a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity:1.0;}

/* gmap
----------------------------------------------- */
#Company .gm-style-iw { width: 211px!important; }


@media screen and (max-width:770px){


}

@media screen and (max-width:480px){

/* フッタリンク
---------------------------------------*/
#FootNav li a { color: #FFF; background-color: #555; }
#FootNav li a:hover { color: #000; background-color: #ccc; }

}

/* 2026-09 コーポレートサイト修正 */
/* 文字の太さに合わせた、右上向き矢印の外部リンクマーク */
.external-mark { position:relative; display:inline-block; box-sizing:border-box; width:12px; height:12px; margin:0 3px 0 2px; border:0; font-size:0; line-height:0; vertical-align:middle; top:-1px; opacity:1; background:linear-gradient(currentColor,currentColor) left bottom / 9px 2px no-repeat, linear-gradient(currentColor,currentColor) left bottom / 2px 9px no-repeat, linear-gradient(currentColor,currentColor) left 3px / 4px 2px no-repeat, linear-gradient(currentColor,currentColor) 7px bottom / 2px 4px no-repeat; }
.external-mark::before { content:""; position:absolute; width:10px; height:2px; background:currentColor; left:3px; top:4px; transform:rotate(-45deg); }
.external-mark::after { content:""; position:absolute; box-sizing:border-box; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; right:0; top:0; }
.external-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#GlovalNav ul { display:flex; }
#GlovalNav ul li { flex:1; min-width:0; }
#GlovalNav ul a { float:none; min-width:0; padding:0 3px; font-size:14px; white-space:nowrap; }
.corporate-information { margin-bottom:2em; }
#article .corporate-information h2 { background:linear-gradient(#777,#080808); border-left:4px solid #cc0000; color:#fff; padding:8px 10px; font-size:16px; margin:0 0 16px; }
.information-body { display:flex; gap:20px; align-items:flex-start; }
.information-image { width:172px; height:auto; flex-shrink:0; }
.information-copy { flex:1; min-width:0; }
.information-copy p { margin:0 0 1em; line-height:1.8; }
.new-site-link { font-weight:bold; }
.heading-en { font-size:0.65em; font-weight:normal; }
.philosophy-lead { font-size:24px; font-weight:bold; padding:16px 0; }
.philosophy-section { margin:2em 0; line-height:1.9; }
#article .employee-guidelines { list-style:none; margin:1em 0; padding:0; }
.employee-guidelines li { margin:0.5em 0; }
.privacy-policy p { line-height:1.9; overflow-wrap:anywhere; }
.privacy-policy h2 { margin-top:1.8em; }
.corporate-sitemap > li { margin:0.8em 0; }
@media screen and (max-width:770px) {
 #GlovalNav ul { flex-wrap:wrap; }
 #GlovalNav ul li { flex:0 0 25%; }
 #GlovalNav ul a { width:auto; padding:0 2px; font-size:12px; }
 .information-body { flex-direction:column; gap:12px; }
 .information-image { align-self:center; }
 .philosophy-lead { font-size:20px; }
 .heading-en { display:block; }
}

#article .privacy-numbered-list { list-style:decimal outside; margin:1em 0; padding-left:2em; }
#article .privacy-numbered-list li { line-height:1.9; margin-bottom:0.6em; }

#article .privacy-enacted-date { text-align:right; }