@charset "utf-8";
/******************************************************************
Theme Name: 全軽自協(GAIS202506)
Theme URI: -
Description: -
Author: Takou Saito
Author URI: -
Version: 1
Tags: -
******************************************************************/
/* body img { filter: hue-rotate(120deg) !important;} */

/* =============================================================
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
============================================================= */

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:baseline;
    background:transparent;
}

body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* IE6/7/8/9とFF3で定められていない '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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
audio,canvas,video {
	display: inline-block;/* IE6/7/8/9とFF3で定められていない 'inline-block' 表示を修正します。 */
/*
	*display: inline;
	*zoom: 1;
*/
}
audio:not([controls]) {
	display: none;/* 最新のブラウザーが規制なしで 'audio' を示すのを防ぎます。 */
	height: 0;/* iOS5装置で過剰な高さを取り除きます。 */
}
[hidden] {
	display: none;/* IE7/8/9、FF3、S4に存在しない 'hidden' 属性を定義化。※IE6未対応 */
}

/* ==========================================================================
		基礎
========================================================================== */

html {
	width: 100%;
	height: 100%;
	font-size: 100%;/* bodyの 'font-size' が'em'の単位を使って大きさを変更しているIE6/7のテキストを修正します。 */
	/* (↓) iOSテキスト・サイズを防ぎます、ユーザー・ズームを抑制することなく、方針変化の後適応します。 */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;

}
html,button,input,select,textarea { font-family: sans-serif;} /* 'textarea'と他のフォーム要素の 'font-family ' の違いを修正します。 */
body {
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
	word-break: normal;
	word-wrap: break-word;
} /* IE6/7の余白を修正. */


/*初期設定（基本的にタグタイプセレクタ）
========================================================= */
h1,h2,h3,h4,h5,h6 {font-style: normal;font-weight: normal;font-size: 1.0rem;}
/*table {border-spacing:0;}*/
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ol,ul {list-style:none;}
ol li,ul li {list-style: none;}/*リストにつくマークを消す*/
fieldset,img {border: none;}/*画像リンク枠線を消す*/
hr,legend,caption {display:none;}
address {font-style:normal;}
em { font-style:normal;font-weight:bold;}
span { display: inline-block; text-indent: 0;}
img{behavior: url("/sarufes/js/pngbehavior.htc");}
/*ie6 png用*/
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}


/* =========================================================
	フォント設定（ブラウザのデフォルト・フォントサイズ16pxを前提)
========================================================= */

html {
	font-size: 62.5%; /*ブラウザでフォルトが16pxを基準 62.5％＝10px */}
body {
	font-family:
/* 	'Noto Sans JP', sans-serif, */
	 Avenir,"Helvetica neue",Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic, Meiryo, sans-serif; /* ゴシックタイプ */
/* 	font-family: YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ ProN W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","ＭＳ ゴシック",Osaka,sans-serif; */
	line-height: 1.25;
	-webkit-text-size-adjust: 100%;
}
*+html body { font-size:67.5%;}

h1 { font-size: 2.5rem; /* 20px */
/* font-family:verdana,Arial,"メイリオ",Meiryo,"Trebuchet MS",Helvetica, sans-serif; */
/* text-shadow: 0px 1px 1px #fff; */
}
p {
	font-size:1.5rem; /* 15.5px */
	line-height:1.7;
	text-align:left;
	letter-spacing: 0.07em;
/* font-family: Calibri,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; */
}

/* --- general --- */

h2 { font-size:2rem ; line-height:1.8em ; font-weight:bold; margin-bottom: 10px; }
h3 { font-size:1.8rem ; line-height:1.8em ; font-weight:bold; margin-bottom:10px ; }
h4 { font-size:1.5rem ; line-height:1.7em; font-weight:bold; }
/*
h5 { font-size: ; line-height: ; margin-bottom: ; }
h6 { font-size: ; line-height: ; margin-bottom: ; }
*/
ul li, ol li {font-size:1rem;}
small {font-size: 0.8rem;}

/* リンクボタン基本設定
========================================================= */
a {text-decoration:none;}
a:link    {color:#01A1FF;}/*#06C*/
a:visited {color:#01A1FF;}
/*a:visited {color:#920014;}*/
a:hover   {color: #F20;text-decoration:none;}
a:active  {text-decoration:none;}

/*・汎用クラス設定
========================================================= */
.red {color: #f00;}
.center {text-align: center;}

/* 画像基本設定
========================================================= */

img {
	border: 0; /* IE6/7/8/9,FF3で 'a'要素の中にあるとき、境界を取り除く */
	-ms-interpolation-mode:bicubic;  /* bicubic;IE7の画質を改善します */
	max-width: 100%;
/* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
}
svg:not(:root) { overflow: hidden;} /* IE9で奇妙な'overflow'の誤りを修正 */

img.size-full      { width: auto; height: auto;	margin: 20px 0;}
img.size-large     { width: 100%; max-width: 100%;	margin: 20px 0;}
img.size-medium    { width: 300px; max-width: 100%;height: auto;	margin: 10px 0;}
img.size-thumbnail { width: 150px; height: 150px;	}

/* フロートを設定した子要素を持つ親要素の高さを復活するための設定
========================================================= */
.gallery:after,
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gallery,
.clearfix {
display: inline-table;
min-height:1%;
}
/*Mac IE に適用させないための設定*/
*html .gallery,
*html .clearfix {/*セレクタの前に「*htm」1がつくとIE6以前のみに適用される*/
height: 1%;
}
.gallery,
.clearfix {
display:block;
}







/* ======================================================
　通常のモバイル用
========================================================= */

#wrap {}
#wrap #header {margin: 0 auto !important;width: 100%; text-align: center; }
#wrap #header h1 {margin-top: 40px;text-align: center;}
#wrap #header p#update {margin-bottom: 10px; text-align: center; letter-spacing: 0.1em;font-size: 1.2rem;}

#tohome { background:url(library/images/bg_logo01.png) repeat-x center top; height: 49px;min-width: 350px; line-height: 0;}
#tohome span {float: right;padding-top: 26px;}



/* フッター */
#footer {margin-top: 50px;padding-bottom: 10px;}
.home #footer {margin-top: 50px;}
#footer p { font-size: 1.1rem; text-align: center;}

.browser.attention {
	display: block;
	margin: 10px auto 10px;
	padding: 5px;
	width: 80%;
	max-width: 700px;
	color: #888;/* #01A1FF */
	font-size: 1.15rem;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #F5F5F5;
}

/* トップへボタン */
#scrolltop {
	position:fixed ;
	right: 20px;
	bottom: 20px;
	opacity: 0;
	z-index: 130;
}
#scrolltop img {
	width: 40px;
	height: 40px;
}



/* トップページ */
/* .home #contents {width: 800px;} */
#contents .info {text-align: center;margin-bottom: 29px; font-size: 1.8rem;}
.section {margin-bottom: 10px;}
.section h2.section_title {
	border-left: 6px solid #40b0ff;
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: #444;
}
.section h2.section_title small {
	font-size: 0.7em;
}
.home .section h2.section_title {
	border: none;
	padding-left: 0;
}
.section .searchbox {margin-left: 3em;}
.section .searchbox small {
	display: inline-block;
	margin: 0 3px;
	font-size: .8em;
}
.keyword .searchbox #s {
	margin: 10px 0 ;
	padding: 3px;
	width: 24em;
}
.keyword .searchbox #submit {
	margin-left: 10px;
	padding: 0;
	width: 70px;
	height: 30px;
	background: url(library/images/btn_search.png) no-repeat center center;
	border: none;
	pointer-events: visible;

}
.keyword .searchbox #submit:hover {
	background: url(library/images/btn_searchon.png) no-repeat center center;
	cursor: pointer;
}

.keyword .searchbox #submit[disabled] {
	background: url(library/images/btn_searchoff.png) no-repeat center center;
	cursor: default;
}


#main.top {
	position: relative;
	height: 580px;
	background: url(library/images/bg_map1.png) no-repeat center bottom ;
	background-position:0 30px;
}
/*---------------------------------------------------------
	 トップページ、都道府県地区ボタン
	--------------------------------------------------------- */
#main .textarea {
	max-width: 500px;
	padding-bottom: 30px;
}
#main .textarea .small {
	padding-left: 1em;
	color: #555;
	text-indent: -1em;
	font-size: 1.28rem;
	line-height: 1.35;
}
#main .textarea .small span {
	display: inline-block;
	text-indent: 0;
}

#main .textarea .small::before {
	content: "* ";
}
#main .btnmap  {
	position: absolute;
	padding-top: 10px;

}
.btnmap.kitami   { top:59px;right: 8px;}
.btnmap.kushiro  { top:95px;right: 8px;}
.btnmap.obihiro  { top:131px;right: 8px;}
.btnmap.asahikawa{ top:39px;right: 80px;}
.btnmap.sapporo  { top:75px;right: 80px;}
.btnmap.muroran  { top:111px;right: 80px;}
.btnmap.hakodate { top:147px;right: 80px;}

.btnmap.aomori   { top:202px;right: 44px;}
.btnmap.iwate	   { top:238px;right: 8px;}
.btnmap.akita	   { top:238px;right: 80px;}
.btnmap.miyagi	 { top:274px;right: 8px;}
.btnmap.yamagata { top:274px;right: 80px;}
.btnmap.fukushima{ top:310px;right: 8px;}

.btnmap.tochigi	 { top:346px;right: 8px;}
.btnmap.gunma  	 { top:346px;right: 80px;}
.btnmap.ibaraki	 { top:382px;right: 8px;}
.btnmap.saitama	 { top:382px;right: 80px;}
.btnmap.chiba  	 { top:418px;right: 8px;}
.btnmap.tokyo 	 { top:418px;right: 44px;}
.btnmap.kanagawa { top:418px;right: 115px;}

.btnmap.niigata	 { top:310px;right: 80px;}
.btnmap.toyama	 { top:346px;right: 151px;}
.btnmap.nagano	 { top:382px;right: 151px;}
.btnmap.yamanashi{ top:418px;right: 151px;}
.btnmap.shizuoka { top:454px;right: 151px;}
.btnmap.ishikawa { top:346px;right: 223px;}
.btnmap.fukui 	 { top:382px;right: 223px;}
.btnmap.gifu  	 { top:418px;right: 223px;}
.btnmap.aichi 	 { top:454px;right: 223px;}
.btnmap.mie   	 { top:454px;right: 295px;}

.btnmap.shiga	   { top:382px;right: 295px;}
.btnmap.kyoto 	 { top:346px;right: 331px;}
.btnmap.nara     { top:418px;right: 331px;}
.btnmap.hyogo    { top:346px;right: 367px;}
.btnmap.osaka    { top:418px;right: 367px;}
.btnmap.wakayama { top:489px;right: 332px;}

.btnmap.tottori  { top:346px;right: 404px;}
.btnmap.okayama	 { top:382px;right: 404px;}
.btnmap.shimane  { top:346px;right: 476px;}
.btnmap.hiroshima{ top:382px;right: 476px;}
.btnmap.yamaguchi{ top:346px;right: 548px;}

.btnmap.kagawa   { top:437px;right: 424px;}
.btnmap.tokushima{ top:473px;right: 424px;}
.btnmap.ehime    { top:437px;right: 496px;}
.btnmap.kochi    { top:473px;right: 496px;}

.btnmap.fukuoka  { top:346px;right: 602px;}
.btnmap.saga	   { top:346px;right: 674px;}
.btnmap.ooita    { top:382px;right: 602px;}
.btnmap.nagasaki { top:382px;right: 674px;}
.btnmap.miyazaki { top:418px;right: 602px;}
.btnmap.kumamoto { top:418px;right: 674px;}
.btnmap.kagoshima{ top:454px;right: 602px;}
.btnmap.okinawa  { top:517px;right: 674px;}


#main .btnmap a {
	display: block;
	width: 68px;
	height: 32px;
	padding: 0;
	cursor: hand;
/* 	padding: 0px 5px; */
/* 	background-color: #F3F3F3; */
/* 	border: 1px solid #666; */
/* 	-webkit-border-radius: 5px; Safari, Chrome用
	-moz-border-radius   : 5px; /* Firefox用
	border-radius        : 5px; /* CSS3 */
}
#main .btnmap a:link {
	color: #F5F5F4;
}

#main .btnmap.btnmap2 a {
	width: 32px;
	height: 68px;
/* 	background-color: aqua; */
}

/*
#main .btnmap a:link { color: #fff;background-color: #01A1FF;	border: 1px solid #01A1FF;}
#main .btnmap a:visited { color: #fff;background-color: #01A1FF;	border: 1px solid #01A1FF;}
*/
#main .btnmap a:hover img { opacity: 0.7;}






/* 都道府県別ページ */
#main h1.title {text-align: center;margin-bottom: 4px;}
#main .section h2.titlemap { text-align: left; font-weight: normal;}
.maparea {margin: 0 auto ; width: 800px;}/* 750px */
#main .section #searchform .inv {display: none; height: 0; width: 0;}
#main .section.map .text {font-size: 1.2rem;margin: 4px 0;float: left;}
/* #main .section.map .text img { vertical-align: baseline; } */
#main .section.map .check {/* 位置情報の注意書き */
	margin-top: 5px;
	padding: 4px 5px;
	text-align: right;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0;
	color: #777;
	background-color: #F5F5F5;
}

/* 地図の詳細を記す吹き出し部分 */

.maparea .gm-style-iw-ch { padding-top: 1px !important;}
.maparea .gm-ui-hover-effect {
	width: 28px !important;
  height: 28px !important;
}
.maparea .gm-ui-hover-effect span {
	margin-top: 8px !important;
	margin-right: 8px !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}
.maparea .gm-style-iw-d {
	margin-top: -8px !important;
}

.maparea .balloon {
	max-width: 350px;
	min-width: 200px;
	min-height: 80px;
}
.maparea .balloon h3 {
	margin: 5px 0 2px;
	padding-bottom: 3px;
	line-height: 1.2;
	font-size: 1.45rem;
/* 	font-weight: normal; */
	color: #444;
	border-bottom: 1px solid #333;
}
.maparea .balloon p {
	margin: 0 ;
	font-size: 1.3rem;
	line-height: 1.3;
}
.maparea .balloon p.cod {
	color: #888;
	font-size: 1.3rem;
	text-align: right;
}
.maparea .balloon p.tel {
	margin-top: 5px;
	font-size: 1.3rem;
}
.maparea .balloon p.tel strong {
	font-size: 1.3rem;
}



.maparea .balloon p.ope {
	margin-bottom: 10px;
}
.maparea .balloon.special p.cod,
.maparea .balloon.special2 p.cod {
	visibility: hidden;
	height: 1px;
}
.maparea .balloon.special p.ope,
.maparea .balloon.special2 p.ope {
	visibility: hidden;
}


.number {
 text-align: right;
 font-size: 1.1rem;
 color: #444;
}
.searchtable {
	width: 800px; /* 750px */
	margin-bottom: 40px;
}
.searchtable th,
.searchtable td {
	font-size: 1.5rem;
	padding: 15px 0 0;
}
.searchtable th {
	width: 140px;
	vertical-align: top;
	background-color: #ddd;
	text-align: right;
}
.searchtable td {
		border: 1px solid #eee;
}
.searchtable td ul.group {
	padding-left: 20px;
	margin: 0;

/* 	background-color: aqua; */
}
.searchtable td ul li {
	float: left;
	margin-bottom: 5px;
	width: 25%;
	height: 23px;
	line-height: 23px;
	font-size: 1.4rem;
}
/* チェックボックスの水平の調整 */
.searchtable td ul li label {
	vertical-align:  middle;
	line-height: 22px;
	cursor: pointer;
}
.searchtable td ul li label input[type="checkbox"] {
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;height: 23px;
	vertical-align: middle;
	border: 1px solid #ddd;
		border: 1px solid aqua;
	cursor: pointer;
}
.searchtable td ul li label input[type="checkbox"]:checked {
	vertical-align: middle;
	background-color: aqua;
	border: 1px solid navy;
}
.searchtable td ul li label input[type="checkbox"]:focus {
	vertical-align: middle;
}

.searchtable td ul li label.disabled {color: #aaa;}
.searchtable td ul li small.disabled {letter-spacing: 0.1em;}
.searchtable td ul li label.disabled,
.searchtable td ul li label.disabled input { cursor: default;}
.searchtable td ul li small { display: inline-block; margin-left: 3px; font-size: 1em;color: #aaa;}
.searchtable td ul li small a {font-size: .9em;margin: 0 2px;}
#searchform .submit { text-align: center;}
/*
#searchform .submit input {
	padding: 3px 20px;
	margin: 0 auto;
	background-color:#01A1FF;
	text-align: center;
	color: #fff;
	font-size: large;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	cursor: pointer;
}
#searchform .submit input:hover {
	background-color: #00BBFF;
}
#searchform .submit[disabled] input { 	background-color: #ddd;	cursor: default; }
*/

#searchform .submit input {
	margin-left: 10px;
	padding: 0;
	width: 70px;
	height: 30px;
	background: url(library/images/btn_search.png) no-repeat center center;
	border: none;
	pointer-events: visible;

}
#searchform .submit input:hover {
	background: url(library/images/btn_searchon.png) no-repeat center center;
	cursor: pointer;
}

/*
#searchform .submit[disabled] input {
	background: url(library/images/btn_searchoff.png) no-repeat center center;
	cursor: default;
}
*/


/* 押せない時のスタイル */
#searchform .submit.is-disabled input {
	background: url(library/images/btn_searchoff.png) no-repeat center center;
	opacity: 0.5; /* 例 */
	cursor: not-allowed;
}

/* 押せる時のスタイル */
body #searchform .submit input {
	background: url(library/images/btn_searchon.png) no-repeat center center;
	opacity: 1;
}



/* ================================================
	結果ページ
	================================================*/

.search-results small {
	font-size: .8em;
}

/* 都道府県の廃棄二輪車取扱店 */
#main h1.title a {color: #333;}

/* search_area */
#search_area {
	padding-bottom: 30px;
	border-bottom: 3px double #ddd;
}
#search_area h3 {
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	border-left: 6px solid #40B0FF;
	line-height: 1.2;
}
#search_area p.text {
	margin-bottom: 3px;
	font-size: 1.3rem;
}

/* 検索結果: 53件 */
.search_num {text-align: center;margin-bottom: 20px;}


.cat_inv { display:none; width: 0; height: 0;}


/* チェックした市区町村 */
#searchform ul.checks {
	margin: 15px 0 10px;
	padding: 0 20px;
}
#searchform ul.checks li {
	float: left;
	margin-bottom: 5px;
	width: 20%;
	font-size: 1.4rem;
	height: 23px;
	line-height: 23px;
	vertical-align:  middle;
}
#searchform ul.checks li input[type="checkbox"] {
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;height: 23px;
	line-height: 23px;
	vertical-align: middle ;
	border: 1px solid #ddd;
cursor: pointer;
}
#searchform ul.checks li input[type="checkbox"]:hover {
	background-color: #aaa;
}
#searchform ul.checks li label {
	display: inline-block;
	vertical-align: middle;
	line-height: 22px;
	cursor: pointer;
}
#searchform ul.checks li label small { letter-spacing: 0.1em;}
#searchform ul.checks li label small a {font-size: .9rem;margin: 0 1px;}
#searchform ul.checks li label small a:link    {color: #333;}
#searchform ul.checks li label small a:visited {color: #333;}
#searchform ul.checks li label small a:hover   {color: #00BBFF;}

#searchform .submit1 {
	text-align: right;
}
#searchform .submit1 input {
	font-size: .8em;
	height: 25px;
	line-height: 25px;
	padding: 0px 4px 0px;
	background-color: #01A1FF;
	border: none;
	color: #fff;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
	-moz-border-radius   : 5px; /* Firefox用 */
	border-radius        : 5px; /* CSS3 */
}
#searchform .submit1 input:hover {
	background-color: #00BBFF;
	cursor: pointer;
}
#searchform .submit1[disabled] input { 	background-color: #ddd;	cursor: default; }



/* 検索結果 */
#contents {width: 800px; margin: 50px auto 0;} /* 750px */
.home.page-id-2 #contents {width: 750px; margin: 50px auto 0;} /* 750px */
#contents .article { margin-bottom: 10px; border-bottom: 1px solid #ccc;}
#contents h3.title {color: #01A1FF;margin-bottom: 0; line-height: 1.5;}
#contents h3.title img {margin-left: -30px;}
#contents h3.title small {
	padding-left: 20px;
	color: #777;
	font-size: .75em;
	font-weight: normal;
	letter-spacing: 0.05em;
}
#contents .shoplist li {
	position: relative;
	font-size: 1.2rem;
}
#contents .shoplist .map a {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 0 4px;
	color: #fff;
	font-size: .7rem;
	background-color: #ddd;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
	-moz-border-radius   : 5px; /* Firefox用 */
	border-radius        : 5px; /* CSS3 */
	cursor: pointer;

}
#contents .shoplist .map a:hover { cursor: pointer;background-color:#00BBFF;border: 1px solid #00BBFF;color: #fff; }
#contents .shoplist .map a:active { cursor: pointer;background-color:#00BBFF;border: 1px solid #00BBFF;color: #fff;  }
table.shop {width: 100%;}
table.shop td { font-size: 1.65rem;padding: .3em 0 .2em;}
table.shop td.address {
	width: 65%;
	letter-spacing: 0.1em;
}
table.shop td.address .secret {
	display: none;
	visibility: hidden;
	width: 0;
}
table.shop td.tel {
	width: 35%;
	padding-left: 10px;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: bold;
/* 	color: #00A1FF; */
/* 	font-size: 1.5rem; */
border-left: 1px solid #ccc;
}



/* キーワード検索 */
#search_area .searchbox #s { width: 24em;margin-right: 5px;padding: 2px ;font-size: 1.2rem;}

/*
#search_area .searchbox .submit {
	font-size: .8rem;
	height: 25px;
	line-height: 25px;
	background-color: #00BBFF;
	border: none;
	font-size: 1.2em;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	cursor: pointer;
}
#search_area .searchbox .submit:hover {
	background-color: #00BBFF;
}
#search_area .searchbox .submit[disabled] { 	background-color: #ddd;	cursor: default; }
*/


#search_area .searchbox #submit {
	margin-left: 10px;
	padding: 0;
	width: 70px;
	height: 30px;
	background: url(library/images/btn_search.png) no-repeat center center;
	border: none;
	pointer-events: visible;

}
#search_area .searchbox #submit:hover {
	background: url(library/images/btn_searchon.png) no-repeat center center;
	cursor: pointer;
}

#search_area .searchbox #submit[disabled] {
	background: url(library/images/btn_searchoff.png) no-repeat center center;
	cursor: default;
}

/* マップの注意 */

/*
p.checkmap {
	text-align: right;
	font-size: 1em;
	color: #888;
}
*/



/* 廃二店の表示部分 */
ul.shoplist {
	margin-bottom: 15px;
	padding-top: 10px;

}

/* フラッグの説明 */
#contents .attention {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #F5F5F5;
}
#contents .attention li {
	margin-bottom: 5px;
	font-size: 1.28rem;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#contents ul.attention {
	background: none;
	padding: 0px 10px 0px;
	font-size: 1.1rem;
}
#contents .attention p {
	font-size: 1.3rem;
	letter-spacing: 0;
	line-height: 1.3;
}
#contents .attention p img {
	float: left;
	padding-right: 10px;
}
/* マップの注意 */

span.checkmap {
	display:inline-block;
	padding-left: 40px;
	padding-bottom: 5px;
}

span.btnmap {
    background-color: #01a1ff;
    border-radius: 5px;
    color: #fff;
    display: block;
    width: 25px;
    height: 10px;
    font-size: 0.8em;
    line-height: 10px;
    text-align: center;
    margin: 0;
    padding: 3px 5px;
}

/* アイコンの説明（2023.09追加） */
#contents .attention ul li {
	margin-bottom: .4em;
	text-indent: 0;
}
#contents .attention ul li .btnmap {padding-top: 1px;}
#contents .attention ul li .icon {
	display: block;
	float: left;
	margin-top: .5em;
	width: 30px;
	text-align: center;
}
#contents .attention ul li .icon.flag { margin-left: 3px;	margin-top: 0;}
#contents .attention ul li .icon.sy { margin-left: 5px; margin-top: -6px;}
#contents .attention ul li p { padding-left: 50px;}







/* ページ遷移 */
#main .wp-pagenavi { text-align: center; border: none; position: relative; font-size: 1.45rem;}
#main .wp-pagenavi .pages {
	border: none;
	display: block;
	font-size: 1.2rem;
/* 	color: #01A1FF ; */
}
#main .wp-pagenavi a {
	display: inline-block;
	padding: 3px 7px;
	border: 1px solid #01A1FF;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	border-radius        : 3px;
}
#main .wp-pagenavi .page {
	margin: 0 4px;
	border: 1px solid #E3E4E4;
	background-color:#E3E4E4;
 color: #444;
}
#main .wp-pagenavi .page:hover {
	border: 1px solid #01A1FF;
	background-color:#01A1FF ;
	color: #fff;
}
#main .wp-pagenavi .page:active {
	border: 1px solid #01A1FF;
	background-color:#00BBFF ;
	color: #fff;
}
#main .wp-pagenavi .current {
	display: inline-block;
	margin: 0 4px;
	padding: 3px 7px;
	border: none;
	color: #fff;
	background-color:#01A1FF ;
	border: 1px solid #01A1FF;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	border-radius        : 3px;
}


#main .wp-pagenavi .previouspostslink,
#main .wp-pagenavi .nextpostslink {border: none;}
#main .wp-pagenavi .first,
#main .wp-pagenavi .last,
#main .wp-pagenavi .extend {border: none;}



/* 戻るボタン */
.btn_cattop {
	text-align: right;
	font-size: 1rem;

}
.btn_cattop a {
/* 	background-color:#d3d3d3 ; */
	color: #555;
	font-size: 1.45rem;
	line-height: 1.6;
/* 	padding: 5px 15px; */
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
	-moz-border-radius   : 5px; /* Firefox用 */
	border-radius        : 5px; /* CSS3 */
}
.btn_cattop a:hover {
/* 	background-color: #00BBFF; */
color: #333;
	text-decoration: underline;
}


/* 隠しマップ */
.address a.map {
	display: inline-block;
	color: #fff;
	margin:0 0 3px 10px;
	padding: 3px 10px;
	line-height: 1;
	font-size: .8em;
	background-color: #01A1FF;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
	-moz-border-radius   : 5px; /* Firefox用 */
	border-radius        : 5px; /* CSS3 */

}
.address a.map:visited {background-color: #01A1FF;}
.address a.map:hover   {background-color: #00BBFF;}
.address a.map:active  {background-color: #00BBFF;}

.mfp-iframe-holder .mfp-content {
background-color: #fff;
}


/* リニューアル用 */

/* ------------------------------------------
	 ヘッダー
	------------------------------------------ */
.header {
	position: relative;
	margin-bottom: 0px;
	padding: 0 30px;
	height: 160px;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.header .inner {
	position: relative;
	margin: 0 auto;
  max-width: 1000px; /* 1200px */

}
.header h1 {
	margin-bottom: 0;
	height: 100px;
}
.header h1 a img {
	padding: 15px 0 0;
	width: auto;
	max-width: 230px;
	height: auto;
	max-height: 70px;
}

/* ナビゲーション */
#global-nav {
	overflow: hidden;
	position: relative;
}
#global-nav #menu {
	position: relative;
	display: block;
	float: right;
	top: 0;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	list-style: outside none none;
	z-index: 100000;
}
#global-nav #menu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 19.95%;
}
#global-nav #menu li a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	border-right: 1px solid #ddd;
}
#global-nav #menu li a:link    { color: #000;}
#global-nav #menu li a:visited { color: #000;}
#global-nav #menu li a:hover   { color: #006CB7;}
#global-nav #menu li a:active  { color: #f80;}

#global-nav #menu li:nth-child(1) a {
    border-left: 1px solid #ddd;
}

#global-nav #tog {
    display: none;
    height: 0;
    visibility: hidden;
    width: 0;
}

/* ページタイトル */
#contents h1 {text-align: center;}
#contents #update {
	margin-bottom: 40px;
	text-align: center;
}



#headerarea .header-article {
    background: url("/common/images/pictmain-nirin.jpg") #5bc000 repeat scroll 40% 50% / cover ;
}
#headerarea .header-article {
	position: relative;
	height: 200px;
}

#headerarea .header-article h1 {
	position: absolute;
	top: 85px;
	right: 0;
	bottom: auto;
	left: 0;
	margin: auto;
	padding: 0 30px;
	height: 60px;
	max-width: 1000px;
	font-size: 4rem;
	line-height: 0.8;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #5bc100;

}
#headerarea .header-article h1 small {
    display: inline-block;
    font-size: 0.42em;
    line-height: 1;
    margin-left: 5px;
    vertical-align: middle;
}
/* パンくず */
#headerarea .bread {
    background-color: #f3f3f3;
    margin: 0 0 40px;
    min-height: 30px;
    padding: 5px 0;
    position: relative;
}
#headerarea .bread .inner {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1000px;
}
#headerarea .bread ul {
	display: table-cell;
	height: 30px;
	padding-left: 10px;
	vertical-align: middle;
}
#headerarea .bread ul li {
	float: left;
	position: relative;
	color: #777;
	font-size: 1.3rem;
	line-height: 1.2;
	overflow: hidden;
}
#headerarea .bread ul li:nth-child(1) {
    margin-left: 0;
}
#headerarea .bread ul li:not(:last-child)::after {
    content: " > ";
    margin: 0 0.4em;
}
#headerarea .bread ul li a:link {color: #000;}
#headerarea .bread ul li a:visited {color: #000;}
#headerarea .bread ul li a:hover {color: #006cb7;}
#headerarea .bread ul li a:active {color: #006cb7;}


/* ローカルナビ */
#headerarea .secondnavi {
	position: relative;
	margin:0 auto 30px;
	padding: 0  40px;
	max-width: 1200px;
	overflow: hidden;
}
#headerarea .secondnavi ul {
	position: relative;
	width: 100%;
	text-align: center;
}
#headerarea .secondnavi ul li {
	display: inline-block;
	position: relative;
	margin: 0 0.6%;
	width: 18%;
	font-size: 1.7rem;
	line-height: 1.5;
}
#headerarea .secondnavi ul li span { display: block;}


#headerarea .secondnavi li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #189e3b;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow   : 0 3px 1px 0px rgba(0,0,0,0.2);
	box-shadow        : 0 3px 1px 0px rgba(0,0,0,0.2);
	/* webkit: Safari, Chrome用 , moz: Firefox用 , CSS3 */
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	border-radius        : 3px;

}
#headerarea .secondnavi li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#headerarea .secondnavi li a:active {
/* 	内側 */
	-webkit-box-shadow: 0 0px 3px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow   : 0 0px 3px 1px rgba(0,0,0,0.2) inset;
	box-shadow        : 0 0px 3px 1px rgba(0,0,0,0.2) inset;
}



/* ------------------------------------------
	 フッター
	------------------------------------------ */
.footer {
	margin-top: 100px;
	background-color: #f2f2f2;
	border-top: 1px solid #eee;
}

.footer a:link,
.footer a:visited { color: #006cb7;}
.footer a:hover   { color: #006CB7;}
.footer a:active  { color: #f80;}
.footer p { letter-spacing: .1em;}
.footer .sitemap {
	position: relative;
	margin: 0 auto;
	padding: 40px 0;
	max-width: 1200px;
	min-height: 1380px;

}
.footer .sitemap .column.item:nth-child(1),
.footer .sitemap .column.item:nth-child(2),
.footer .sitemap .column.item:nth-child(3) {
	padding-top: 0;
}
.footer .sitemap .column.item {
	position: relative;
	float: left;
	margin: 0;
	padding: 50px 2% 0;
	width: 33.3%;
	min-width: 25%;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

.footer .sitemap .column.item li {
	font-size: 1rem;
	line-height: 1.5;
}
.footer .sitemap .column li h3 {
	font-size: 1.75rem;
	font-weight: 500;
}
.footer .sitemap .column h3 a {
	display: block;
	padding: 10px 0 5px 5px;
	width: 100%;
	height: 100%;
	color: #000;
	border-bottom: 1px solid #ddd;
	background: rgba(0, 0, 0, 0) url("/common/images/arrowg.png") no-repeat scroll 99% center;
}
.footer .sitemap .column h3 a:link { color: #000;}

.footer .sitemap .column .subcolumn {
	margin-left: 0;
	margin-top: 20px;
}
.footer .sitemap .column .subcolumn li {
	font-size: 1.5rem;
	line-height: 1.2;
}
.footer .sitemap .column .subcolumn a {
	display: block;
	margin-bottom: 10px;
	min-height: 30px;
	line-height: 1.2;
}
.footer .sitemap .column .subcolumn li h4 {
	margin: 20px 0 10px;
	font-size: 1.5rem;
	font-weight: 500;
}
.footer .sitemap .column .subcolumn li h4.first,
.footer .sitemap .column .subcolumn li h4.first a {
	margin-bottom: 0;
	margin-top: 10px;
}
.footer .sitemap .column .subcolumn li .frame {
	padding: 10px 10px 7px;
	border: 1px solid #ddd;
}
.footer .sitemap .column .subcolumn li .frame a {
	min-height: 25px;
	margin-bottom: 10px;
	font-size: 1.5rem;
}
.footer .sitemap .column .subcolumn li .frame .last a {
	margin-bottom: 0px;
}
.footer .sitemap .column .sub07 .group h5 {
	padding: 5px 10px;
	background-color: #dfdfdf;
}
.footer .sitemap .column .subcolumn li h5,
.footer .sitemap .column .subcolumn li h6 {
	margin: 0 0 10px;
	font-size: 1.4rem;
	font-weight: 500;
}
.footer .sitemap .column .subcolumn ul li {
	font-size: 1.35rem;
	line-height: 1.2;
}
.footer .sitemap .column .subcolumn ul li a {
	margin-bottom: 10px;
	min-height: 25px;
}



.footer .sitemap .column .sub07 .group { border: 1px solid #dfdfdf;}
.footer .sitemap .column .sub07 .group .indent { margin: 0 1em;}
.footer .sitemap .column .sub07 .group .indent ul { margin-left: 1em;}
.footer .sitemap .column .subcolumn ul.indent ul { margin-bottom: 20px;}
.footer .sitemap .column .sub07 .group ul li { clear: both;}
.footer .sitemap .column .subcolumn.sub07 .group a.btn {
	float: left;
	margin: 8px 0 15px 20px;
	padding: 4px 8px 3px;
	min-height: auto;
	font-size: 0.9rem;
	line-height: 1;
	background-color: #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	border-radius        : 3px;
}
.footer .sitemap .column .sub07 .group a.btn:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


.footer .sitemap .column.item:nth-child(3) {
	border-left: 1px solid #ddd;
	border-right: medium none;
	clear: none;
	position: absolute;
	right: 0;
	top: 40px;
}
.footer .sitemap .column.item:nth-child(4) {
    clear: both;
}
.footer .sitemap .column.item:nth-child(2),
.footer .sitemap .column.item:nth-child(5) {
	border-right:none;
}

/* 住所、連絡先 */
.footer .our {
	padding: 20px 20px ;
	text-align: center;
	background-color: #dfdfdf;
}
.footer .our ul {
	display: inline-block;
	margin: 0 auto;
	padding: 0 ;
	width: 100%;
	max-width: 1000px;
}
.footer .our ul li {
	float: left;
	padding: 0;
	mix-height: 50px;
	text-align: center;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ccc;
}
.footer .our ul li .inner {
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}
.footer .our ul li.add {
	border-left: none;
	width: 44%;
}
.footer .our ul li.add h1 {
	font-size: 1.8rem;
	line-height: 1.25;
  margin-bottom: 0.4em;
}
.footer .our .add h1 small {
    font-size: 0.65em;
}
.footer .our ul li.add address {
	text-align: right;
	margin-right: 20px;
	letter-spacing: 0.1em;
}
.footer .our ul li.contact {
	width: 33%;
}
.footer .our ul li.privacy {
	border-right: none;
	width: 20%;
	line-height: 50px;
}

.footer .our ul li.add     { width: 47%;}
.footer .our ul li.contact { width: 30%;}
.footer .our ul li.privacy { width: 20%;}
.footer .our ul li.add address {
	text-align: center;
	margin-right: 0;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1.3;
}
.footer .our .contact p {
    height: 20px;
    line-height: 20px;
}
.footer .our .contact p span {
	padding-left: 30px;
	display: inline-block;
}
.footer .our .contact .tel {
	margin-bottom: 5px;
	color: #333;
	font-size: 1.55rem;
	font-weight: 600;
	text-shadow:
		0 -1px 0 rgba(0, 0, 0, 0.3),
		0 1px 0 rgba(255, 255, 255, 0.3);
}
.footer .our .contact .tel span {
	background: url(/common/images/icontel.png) no-repeat left center;
}
.footer .our .contact .mail span {
	font-size: 1.55rem;
	background: url(/common/images/iconmail.png) no-repeat left center;
}

/* お問い合わせボタン */
.footer .our .contact .contactbtn {
	margin:0;
	padding-left: 15px;
}
.footer .our .contact .contactbtn a {
	display: block;
	margin: 0 auto 10px;
	width: 170px;
	height: 25px;
	color:#fff;
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 25px;
	text-align: center;
/* 	background: url(/common/images/arroww.png) #999 no-repeat left center; */
	background-position-x: 8px;
	background-color: #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1);
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.footer .our .contact .contactbtn a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.footer .our .contact .contactbtn a:active {
	-webkit-box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2) inset;
	-moz-box-shadow   : 0 0px 3px 0px rgba(0,0,0,0.2) inset;
	box-shadow        : 0 0px 3px 0px rgba(0,0,0,0.2) inset;
}

.footer .our .privacy p.toprivacy {
	padding-top: 10px;
	padding-left: 15px;
}
.footer .our .privacy p.toprivacy a {
	font-size: 1.3rem;
}




.footer .copyright {
	height: 85px;
	color: #fff;
	text-align: center;
	background-color: #666;
}
.footer .copyright .inner { display: inline-block;}
.footer .copyright p {
	display: table-cell;
	height: 85px;
	line-height: 1.3;
	font-size: 1.3rem;
	text-align: center;
	letter-spacing: 0.1em;
	vertical-align: middle;
}

.nowrap {
	display: inline-block;
	white-space: nowrap;
}



/* ======================================================
タブレット以下のサイズ用
========================================================= */
@media screen and (max-width:1055px){

.header.mobile .inner {
	margin: 0 auto;
	max-width: 850px;
	position: relative;
}
#headerarea.mobile .secondnavi { max-width: 850px;
	padding: 0 20px;
}
/* #headerarea .secondnavi ul li { width: 18%;} */
.footer.mobile .sitemap { max-width: 850px;}
.mobile #global-nav #menu { max-width: 850px;}
.footer.mobile .our ul { max-width: 850px;}


/* ローカルナビ */
#headerarea .secondnavi {
	max-width: 1000px;
	padding: 0 40px;
}






}/* =====================================================
スマホ横サイズ用
========================================================= */
@media screen and (max-width: 768px) {

/* ページタイトル */
#headerarea .header-article { height: 100px;}
#headerarea .header-article h1 {
	font-size: 2.7rem;
	top: 20px;
}

/* トップへボタン */
#scrolltop {
	right:5%;
	bottom: 50px;
}

.footer .sitemap .column .subcolumn a {
	margin-bottom: 20px;
}
/* お問い合わせボタン */
.footer .our .contact .contactbtn {
	margin: 15px auto;
}


}/* =====================================================
スマホサイズ用
========================================================= */
@media screen and (max-width: 480px) {


}/* =====================================================
印刷用
========================================================= */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead { display: table-header-group; }
  tr, img {page-break-inside: avoid; }
  img { max-width: 100% !important; }

  }

@media screen and (min-width: 1200px) {

  .footer .sitemap .column .subcolumn ul li {
    font-size: 1.15rem;
  }
	.footer .sitemap .column .subcolumn ul li a {
		margin-bottom: 5px;
		min-height: 10px;
	}





}  
@media screen and (min-width: 1400px) {
.header .inner { max-width: 1200px;}
#headerarea .header-article h1 { max-width: 1200px;}
#headerarea .bread .inner { max-width: 1200px;}

#headerarea .secondnavi {
	padding: 0;
	max-width: 1200px;
}
#headerarea .secondnavi ul li  {
	margin: 0 0.75%;
	width: 17.5%;
}
#headerarea .secondnavi ul li.about { width: 20%;}
#headerarea .secondnavi ul li  span { display: inline-block;}




}