@charset "utf-8";

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css 20210803＿css v4.1.1〜8.0.0にchange
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visiblｄe}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring*/,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* ++ここから/20210803_変更あり　+-+++++++++++++++
* ◆base-font-change-etc:style-base/font-size: 62.5%;=10px=1rem /line-heigh=2
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*,
*::before,
*::after {
  box-sizing: inherit;/*need-flexGrid-Layout*/
}

html {
	font-size: 62.5%;
	font-weight: 500;
	box-sizing: border-box; 
}

body {
	font-size: 1.6rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
	line-height: 1.8;
	color: #0c1b34;
	background:#fff;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media screen and (max-width: 768px) {
	body { font-size: 1.5rem; line-height: 1.6;}
}

body,div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td,img{
	margin: 0;
	padding: 0;
}

em,i {
  font-style: normal;
  line-height: inherit;
}

strong,b {
  font-weight: bold;
  line-height: inherit;
}

/* Plus Responsive media */
iframe, img, input, object,
table, textarea, video {
	max-width: 100%;
	height: auto;
}

#map iframe { max-width:100%; min-height:350px;}

mark { background:#f9e621;}

details summary {
    
    cursor: pointer;
    padding: .5rem 1rem;
    background: #f2dd70;
    border-color: #F2CC33;
    color: #242323;
}

p,
.contents li { letter-spacing:.1rem;}/*font_BIZ UDPGothicでの文字行間調整*/

a img, form, fieldset {border: none;}
input, button, select {vertical-align: middle;}
abbr {cursor: help;border-bottom: 1px dotted #bbb;}

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

th { font-weight:normal;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
button,
input[type="submit"],
input[type="reset"] {
	padding:.5em .4em .4em;
	line-height: 1.625em;
	outline: none;
}

/*placeholder.label.jp併用時　-------------------*/
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"] {
  background: #fff;
  border: 1px solid #bbbcc0;
  z-index: 2;
  -webkit-appearance: none;
}

/*placeholder.label.jp併用時幅より例の文字がはみ出るため追加*/
input[type="email"]{ width:99.9%;}

input[type="submit"],
input[type="reset"] {/*change-20210803*/
	font-size:21px;
	padding:.5em 1em;
	border: 0;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*soy_inquery-style 調整　*/
textarea,
input[type="text"] {
	width: 99.9%;
	border-radius: 3px; 
	border:solid 1px #bbb;
}

input[type="email"],
input[type="tel"] {
	border-radius: 3px; 
	font-weight:normal;
}

select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	background: #fafafa;
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	background:#fff 
}

input[type="checkbox"]{ margin: 0 0.5em 0 1em; }
input[type="checkbox"].m-0{ margin-left:0; }

.select-box option{ padding:10px; margin-bottom:10px;}/*selet高さ調整class*/

.w49 { width:100% !important;}/*input幅調整用*/

@media screen and (min-width: 481px){
.w49 { width:49% !important;}

}
.notmobi { display:none;}/*inquery-form送信完了ページメッセージスマホ非表示*/

/* Line height and margin　
------------------------------------------------*/
ol ol li { list-style-type: lower-alpha; }/* アルファベット(小文字) */
ol ol ol li { list-style-type: lower-roman; }/* ローマ数字(小文字) */

address { font-style: normal; }
dl dt { font-weight: 500; }
dd { margin-left: 1em; }


/* =Helpers　Accessibility(Keyboard）_skiplink
-----------------------------------------------*/
p.skiplink {margin:0; line-height:1;}

/*site-styleによってはz-index指定をする*/
.skiplink a{
	position:absolute;
	padding: 0;
	left: -9999px;
	top: -2em;
	text-align: center;
}

.skiplink a:focus,
.skiplink a:active {
	left: 0;
	background: #666;
	color: #fff;
}

.acc {
	position: absolute !important;
	overflow: hidden !important;
	height: 0px !important;
	width: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	border: medium none !important;
	font-size: 0px !important;
}

.text-assistive {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: .1rem;
	margin: -.1rem;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: .1rem;
}

/*------------- 音声ブラウザicon-font対応　----------*/
.icon-alone {
  display: inline-block; /* Fix for clickability issue in WebKit */
}
.screen-reader-text { /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

@media only screen and (max-width:480px) {
	.screen-reader-text { display:none;}
}

/* =Helpers　Others + tuika_only-style
-----------------------------------------------*/
.clearfix:after { 
 content: "."; 
 visibility: hidden; 
 display: block; 
 height: 0; 
 clear: both;
}

.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}

.nowrap, .nowrap td { white-space: nowrap !important; }
 
/* img-size　/位置/調整
----------------------------------------------------- */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}

.flowimg{ text-align:center; margin:auto;}
.flowimg img { max-width:290px; width:auto; height:auto; }

@media ( min-width : 641px ) {
	.flowimg img { max-width:300px; width:31%; height:auto;}
}

/*画像サイズ調整*/
.fukidashi-imgset {
	max-width:350px; 
	width:90%;
	padding-right:10px; 
	height:auto;
}/*店長画像*/

@media ( min-width : 981px ) {
	.fukidashi-imgset {
		max-width:300px; 
		width:90%; 
		padding-right:10px; 
		height:auto;
	}
}

.imginfo49 img{ 
	width:100%; 
	height:auto; 
	max-width:500px;
}

@media ( min-width : 501px ) {
	.imginfo49 img{ width:49%; height:auto;}
}

/*　Utility
-------------------------------------------*/
.no-script {
	position: fixed;
	top:0;
	z-index:9;
	width:80%;
	padding:1rem;
	color:#fff;
	background:rgba(0,0,0,.7);
}

.show-lg-in,
.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl,
.show-mm { display: none !important; }

@media screen and (max-width: 480px) {
	.hide-xs { display: none !important; }
	.show-xs { display: block !important; }
}

@media screen and (max-width: 600px) {
	.hide-sm { display: none !important; }
	.show-sm { display: block !important; }
}

@media screen and (max-width: 767px) {
	.show-mm { display: block !important; }
}

@media screen and (max-width: 840px) {
	.hide-md { display: none !important; }
	.show-md { display: block !important; }
	.show-md-in { display: inline-block !important; }
}

@media screen and (max-width: 960px) {
	.hide-lg { display: none !important; }
	.show-lg { display: block !important; }
	.show-lg-in { display: inline-block !important; }
}

@media screen and (max-width: 1280px) {
	.hide-xl { display: none !important; }
	.show-xl { display: block !important; }
}

/* margin / padding
----------------------------------------------------- */
.end { margin-bottom: 0 !important; }
.end02 { margin-bottom: 0.2em !important; }
.end05 { margin-bottom: 0.5em !important; }
.end10 { margin-bottom: 1.0em !important; }
.end15 { margin-bottom: 1.5em !important; }

.mt-5 {margin-top:-5px !important; }
.mt-1em {margin-top:-1em !important; }
.mt-12 { margin-top:-12px !important;}
.mt00 {margin-top:0 !important; }/*210820-tuika*/

.mt03 { margin-top:3px !important;}
.mt1em { margin-top:1em !important;}
.mt15em { margin-top:1.5em !important;}
.mt2em { margin-top:2em !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt70 {margin-top: 0 !important;}

@media only screen and (min-width: 801px) {
	.mt70 {margin-top: 70px !important;}
}

.mb30 {margin-bottom: 30px !important;}
.mb1em {margin-bottom: 1em !important;}
.mb07em {margin-bottom:.7em !important;}

.mtb1510em { margin-top:1.5em !important;margin-bottom:1em !important;}
.mL00 { margin-left:0 !important;}
.mL10em { margin-left:1.0em !important;}
.mL20em { margin-left:2.0em !important;}
.mL55em { margin-left:5.5em !important;}
.mL0505px { margin-left:5px !important; margin-right:5px !important;}
.mL10px { margin-left:10px !important;}
.mR1par {margin-right:1% !important;}
.m10 { margin:10px !important;}

.pt07 { padding-top:7px !important;}
.pr20 { padding-right:20px !important;}
.pr15em { padding-right:1.5em;}
.pleft10 { padding-left:10px;}
.p1510 { padding:15px 10px !important;}
.p1020 { padding:10px 20px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt1em{padding-top:1em !important;}
.pt2em{padding-top:2em !important;}
.pb13{padding-bottom:1.3rem !important;}/*20210803-tuika*/
.pb1em{padding-bottom:1em !important;}
.p0510 { padding:5px 10px !important;}

/* border / shadows　
--------------------------------------------------------- */
.notborder { border:none !important;}
.border { border:1px solid #ccc;}
.border-Tccc {border-top:1px solid #ccc;}
.border-Tblue {border-top:1px solid #49b5c9;}/*210820-tuika*/

img.border4 {
    padding: 8px;
    border: 4px solid #eaeaea;
	max-width:98%;/*210820-tuika*/ 
	margin:5px;/*210820-tuika*/
}

.radius-04 {border-radius:4px !important;}

.radius50-3 {border-radius:50% 50% 0 0 !important;}

.radius50-1 {
	border-radius:50% !important;
	border: 3px dotted #eaeaea;
	padding:20px 10px;
}

.radius-img1 {border-radius:50% !important;}

.t-shadow1 { text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);}
.t-shadow2 { text-shadow:1px 0px 1px rgba(0, 0, 0, 0.4);}

/* テキストスタイル/点強調/位置　
----------------------------------------------------------- */
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic; }

.not-mobi,
.inline-mobi{ display:none !important;}

/*テキスト上の点強調,index_本文最初の「遺品の蔵書」
--------------------------------------------------------*/
.filled  {
    text-emphasis:filled circle #42a2b3;
}

.left, .right,.inner-Limg,.inner-Rimg { float: none; }

.inner-Limg{ float: none; margin:0 0.5em 0.5em 0; }
#index .inner-Limg{ float: none; margin:0.5em 1em 0.5em 0; }

#index .inner-Limg.animation_kirin {/*20210803-tuika*/
	 width:100px; 
	 height:auto; 
	 margin-left:35%; 
	 float:none; 
}

@media screen and (min-width: 1280px) {/*20210803-tuika*/
	#index .inner-Limg.animation_kirin { 
		float:left; 
		margin-left:0;
		width:150px;
		height:auto;
	}
}

@media only screen and (min-width: 800px) {
	#index .inner-Limg { float: left; }
	#index .inner-Rimg  { float: right;  /*max-widh:734px;*/ width:50%;  margin:0 0 10px 20px;}
}

@media only screen and (min-width: 768px) {
	.left { float: left; }
	.right { float: right; }
	.inner-Limg { float: left;margin:0 1em 0.5em 0;}

	.inner-Rimg { float: right; margin:0 0 10px 20px; }
	.inner-Rimg2{ float: right;width:50%;  margin:0 0 10px 20px; }
	.not-mobi { display:block !important;}
	.inline-mobi{display:inline !important;}
}

.left-detall {float:left;margin-top:1em;}
.inner-left {width:50%; float:left; clear:both;}

.f-left { float:left;}

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.centered {/*20210803-tuika*/
	display: block;
	float: none;
	margin-left: auto !important;
	margin-right: auto !important;
}

.text-block {display: inline-block !important;}/*220210803-tuika*/

.linkw95 a { width:95% !important;}
.w97 { width:97% !important;}
.w50-right{ width:50%; float:right;}

.f-big { font-size:larger !important;}/*220210803-tuika*/

.f12 {font-size:1.2rem;line-height:1.1;}
.f13 {font-size:1.3rem;line-height:1.1;}
.f14 {font-size:1.4rem;line-height:1.3;}
.f15 { font-size:1.5rem; line-height:1.4;}
.f16 { font-size:1.6rem;}
.f18,.f20 { font-size:1.8rem !important;}
.f24 { font-size:2.1rem !important;}
.f28,.f32,.f36 { font-size:2.4rem !important;}

.ttl_big {font-size:2.7rem !important; line-height:1.2 !important;}
.ttl_big.pt1em{ padding-top:0 !important;}

@media only screen and (max-width: 400px) {/*20210803-tuika*/
	.f18 { font-size:1.6rem !important;}
}

@media only screen and (min-width: 768px) {
	.f20 { font-size:2.0rem  !important;}
	.f21 { font-size:2.1rem !important;}
	.f24 { font-size:2.4rem !important;}
	.f28 { font-size:2.8rem !important;}
	.f31 { font-size:3.1rem !important;}
	.f32 { font-size:3.2rem !important;}
	.f36 { font-size:3.6rem !important;}
	.ttl_big {font-size:3.6rem !important;}
	.ttl_big.pt1em{ padding-top:1em;}
}

.line-hi10 { line-height:1 !important;}
.line-hi12 { line-height:1.2 !important;}
.line-hi14 { line-height:1.4 !important;}
.line-hi16 { line-height:1.6 !important;}
.line-hi18 { line-height:1.8;}

.spac-1 {letter-spacing:-1px;}/*only*/
.spac-05 {letter-spacing:-.05em;}/*only*/
.spac0 {letter-spacing: 0;}
.spac02 {letter-spacing: 0.2em;}
.spac05 {letter-spacing: 0.5em;}

/* color style
--------------------------------------------------- */
.c-fff { color: #fff !important; }
.c-black { color: #000 !important; }
.c-Dgray { color: #555 !important; }
.c-gray { color: #777 !important; }
.c-gray2 { color: #444 !important; }
.c-gray-light { color: #999 !important; }
.c-red, .error { color: #ff0000 !important; }
.c-orange2 { color: #fe7f01 !important; }
.c-orange3 { color: #f5420c !important; }/*濃い*/
.c-blue1{ color: #309ed3 !important; }
.c-blue2{ color: #42a2b3 !important; }
.c-green3 { color: #96d274 !important;}
.c-blown { color: #603205 !important; }

.red-btxt {
	color: #ff0000 !important; 
	font-weight:bold;
	text-shadow:
	-1px -1px 0px #fff,
	1px -1px 0px #fff,
	1px 1px 0px #fff,
	1px 2px 1px rgba(0, 0, 0, 0.4);
}

.bg-white { background:#fff !important;}
.bg-gray { background:#efefef !important;}
.bg-orange2 { background:#fe7f01 !important;}
.bg-beige { background:#f5f5ed !important;}/*20210803-tuika*/
.bg-green1 { background:#BAD500 !important; }
.bg-green2 { background:#42a2b3 !important;}
.bg-pink { background:#F7C1C5 !important; }
.bg-yellow { background:#FFE680 !important;}
.bg-yellow1 { background:#FFDB45 !important;  }/*footer-nav-bg*/
.bg-yellow2 { background:#f9e621;}/20210803-tuika*


.bg-yell-grand{/*吹き出し背景yellow-グラデーション*/
    background:#FFC;/*IE6-9 */
	background: linear-gradient(to bottom,  rgba(255,255,173,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-blue { background:#A2DAEA !important; }

.bg-beige-grand { background-image: linear-gradient(rgb(245, 245, 237) 0%, rgb(255, 255, 255) 10%);}/*20210803-tuika*/

@media only screen and (min-width: 1024px) {
	.bg-beige-grand { background-image: linear-gradient(rgb(245, 245, 237) 0%, rgb(255, 255, 255) 40%);}/*20210803-tuika*/
}

.bg-wave1 {background:url(../img/Visual-foot-bg.png) no-repeat top center; height:35px;}

.bg-wave2 {background:url(../img/top-main-head-bg.png) no-repeat top center; height:28px;}

/* table style
--------------------------------------------------- */
table {
	max-width: 100%;
	width: 100%;
	empty-cells: show;
	table-layout: fixed;/*need-tuika*/
	word-wrap: break-word;/*need-tuika*/
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

table caption {
	text-transform: uppercase;
	padding: 0 1em;
	color: #777;
	font-size: 0.85em;
}

thead th, thead td {
	font-weight: bold;
	vertical-align: bottom;
}

table th,
table td {
  padding: 0.5em 1em;
  border-bottom: 1px solid #ddd;
}

td p:last-child { margin-bottom:0;}

.table-bordered th { 
	border: 1px solid #ddd; 
	background: #f2f2f2;
	vertical-align: middle;
}

.table-bordered td { border: 1px solid #ddd; }

.w12em { width:12em ;}

/* Responsive Table-style ++++++++*/	
@media only screen and (max-width:480px){
	.w12em { width:100%;}
	.table-bordered tr{ display: block; }
	.table-bordered th{border-top:none; display: list-item;list-style-type: none; padding: 0.2em 0.8em 0;}
	.table-bordered td{ border-top:none;display: list-item;list-style-type: none; padding: 0.5em 0.8em;}
	.table-bordered tr:first-child{border-top:1px solid #ddd;}
}	

/* tuika-Form-only style.php　別途設定あり　--------------------*/

/* =Grid
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ 
/*	Base 12 GRID/ GPL & MIT License URL : http://responsive.gs Ver:3.0 	 
/*  It's changed to the original web-sasa.com version150817
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.container { 
	width: 90%; /*this-site-Only-style_ver*/
	max-width: 1500px;/*this-site-Only-style_ver*/
	margin: 0 auto;
}

.container.max1000 {max-width: 1000px !important;margin: 0 auto;}/*tuika-20210803*/

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container.max1000:after,/*tuika-20210803*/
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

.row { padding-bottom: 0em;}
								  
.col { 
	display: block;
	float: left;
	width: 100%;
}

/*@media ( min-width : 801px ) {*//*20210803-change*/
@media ( min-width : 1024px ) {
	.gutters .col {	margin-left: 3%;}
	.gutters .col:first-child { margin-left: 0;}
}

@media ( min-width : 601px ) {
	#index .block2 .gutters .col {margin-left: 3%; }
	#index .block2 .gutters .col:first-child {margin-left: 0; }
	#index .block2 .gutters .span_4 { width: 31.3%; }
	#index .block2 .gutters .span_5 { width: 40.0%; }
	#index .block2 .gutters .span_7 { width: 57.0%; }
}

/*@media ( min-width : 801px ) {*//*20210803-change*/
@media ( min-width : 1024px ) {
	#index .block2 .gutters .col:nth-child(3) {	margin-left: 3%;}
}
	
/*@media ( min-width : 801px ) {*//*20210803-change*/
@media ( min-width : 1024px ) {
	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	.span_3 { width: 25%; }
	.span_4 { width: 33.3333333333%; }
	.span_5 { width: 41.6666666667%; }
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	.span_9 { width: 75%; }
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }
	
	.gutters .span_1 { width: 6.5%; }
	.gutters .span_2 { width: 14.5%; }
	.gutters .span_3 { width: 22.75%; }
	.gutters .span_4 { width: 31.3%; }
	.gutters .span_5 { width: 40.0%; }
	.gutters .span_6 { width: 48.5%; }
	.gutters .span_7 { width: 57.0%; }
	.gutters .span_8 { width: 65.7%; }
	.gutters .span_9 { width: 74.0%; }
	.gutters .span_10 { width: 82.5%; }
	.gutters .span_11 { width: 91.0%; }
	.gutters .span_12 { width: 100%; }
	
	#index .gutters .span_3 { width: 48.5%; }/*site-only_style*/
	#index .gutters .col:nth-child(3) {	margin-left: 0;	}/*site-only_style*/
}

@media ( max-width : 980px ) {
	#next .span_8 .gutters .span_6 {width: 100%; }
	#next .span_8 .gutters .col.span_6:nth-child(2) {	margin-left: 0;	}
}

@media ( min-width : 1025px ) {
	#index .gutters .span_3 { width: 22.75%; }/*site-only_style*/
	#index .gutters .col:nth-child(3) {	margin-left: 3%;	}/*site-only_style*/
}



/*print-style
---------------------------------------------------------*/
@media print {
		* {
			text-shadow: none !important;
			color: #000 !important;
			background: transparent !important;
			box-shadow: none !important;
			font-size: 12pt;
		}
		h1 {font-size: 36pt;}
		h2 {font-size: 24pt;}
		h3 {font-size: 18pt;}
		h4 {font-size: 14pt;}
		h5,h6{font-size: 12pt;}
		
		h1.logo {  
			line-height:1.1; 
			padding-top:0;
			margin-bottom: 1em !important;
		}

		.nav-header h2 {
			font-size: 12pt !important;
			margin-top:10pt !important;
		}
		
		a,
		a:visited {
			text-decoration: underline;
		}
	
		abbr[title]:after {
			content: " (" attr(title) ")";
		}
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}
 
		img {	max-width: 100% !important;}
		select {background: #fff !important;	}
		
		.skiplink,
		.acc,
		.logo span ,
		#nav,#nav-button,
		.breadcrumbs,
		/*.footLink,*/
		#footer nav,
		#pageTop,
		#side { display:none;}
		
		[class^="icon-"], [class*=" icon-"] {display:none;}
		
		.container { width:100%; max-width:100%;}
		table{ border:1px solid gray;}
}

/* =  +++++++++++++++++++++++++++++++++++++++++++++++
    icon-font_20210803_.icon-不要部分削除スリム化
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?9g8xkk');
	src:url('../fonts/icomoon.eot?9g8xkk#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?9g8xkk') format('truetype'),
		url('../fonts/icomoon.woff?9g8xkk') format('woff'),
		url('../fonts/icomoon.svg?9g8xkk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -moz-osx-font-smoothing: grayscale;
}
.icon-check:before {content: "\f00c";}
.icon-home:before {content: "\f015";}
.icon-arrow-right:after {content: "\f061";}/*change_before〜*/
.icon-external-link:before {content: "\f08e";}
.icon-mail-1:before { content: "\f0e0";}
.icon-sitemap:before { content: "\f0e8";}
.icon-double-right-ya:before {content: "\f101";}
.icon-chevron-right:after {content: "\e603";}/*change_before〜*/
.icon-chevron-left:before {content: "\e604";}
.icon-phone-dot:before {content: "\e600";}
.icon-mail-2:before {content: "\e606";}
.icon-office:before {content: "\e903";}
.icon-bookmark:before {content: "\e9d2";}
.icon-bookmarks:before {content: "\e9d3";}
.icon-eject:before {content: "\ea25";}
.icon-file-pdf:before {content: "\eada";}
.icon-office:before { padding-right:.2em;}


a { 
	color: #003b91;
    outline: none; /*tuika 20210803-*/
}

a,
#index .item-link a {
	transition: all .2s linear 0;
}

a:hover {
	color: #ef7a00;
	text-decoration: underline;
}

a:focus { color: #008C8C; }/*++Blue_green*/

a:active { color: #09C; }/*++Skillful_blue */

a:hover img {opacity: .7;}

a,
a:active,
a:visited {color:#003b91;}

.link_line a{ text-decoration: underline; }/*tuika-20210803*/

main a:hover{ /*tuika-20210803*/
	text-decoration: underline; 
	color: #258FAF;
}

#index .item-link a:hover { text-decoration: none; }

a .hvr-shutter-out-vertical:visited,
a .hvr-shutter-out-vertical:hover,
a .hvr-shutter-out-vertical:focus,
a .hvr-shutter-out-vertical:active { color: #fff; }

.link-ya:after {
	content: "\e603";
	font-family: 'icomoon' !important;
	padding-left: 4px;
}

a.link-ya:after {padding-left:0;}/*20210803-tuika*/

#main .div-link a :hover,
#car a:hover,
#side .fukidashi-Line2:hover,
.Visual-static .fukidashi-Line2:hover { opacity: .7; }

/*20210803-tuika_TEL№数字モバイル有効----------------*/
.linkType02 {pointer-events: none;}
a.linkType02 { text-decoration:none;}

@media (max-width: 767px) {
	.linkType02 { pointer-events: auto !important;	}
	a.linkType02 { text-decoration: underline;}/*20210803-tuika*/
}

h1,
h2,
h3 {
	color: #222;
	font-weight: normal;
}

h1 {
	line-height: 1.111em;
	margin-bottom: .25em;
	font-size: 2.6rem;
}

h2 {
	line-height: 1.111em;
	margin-bottom: .5em;
	font-size: 2.8rem;
}

#main h1{ margin-bottom: 1em; text-align:center; }

#main h2 {font-size: 2.4rem; margin-bottom: .4em; }/*2021/08/03-tuika*/
#main h2.f21 {font-size: 1.8rem;}/*2021/08/03-tuika*/

@media only screen and (min-width:640px) {/*2021/08/03-tuika*/
	#index #main h2 { font-size: 2.8rem; margin-bottom: .6em;}
}

@media only screen and (min-width:1024px) {/*2021/08/03-tuika*/
	#main h1{font-size: 2.8rem;  }
}

@media only screen and (min-width:1280px) {/*2021/08/03-tuika*/
	#main h1{font-size: 3.2rem; margin:1em 0 2em; }
}

/* heading_style kirin-icon ++++-*/
.i-kirin { background: url(../img/icon-kirin.png) no-repeat left top !important; padding:10px 0 0 25px ;}

#main h2.i-kirin:befor {
	content:"";
	background: url(../img/icon-kirin.png) no-repeat left top !important; padding:10px 0 0 30px ;
}

h3 {
	line-height: 1.333em;
	margin-bottom: .5em;
	font-size: 2.1rem;
}

.span_8 h3 {
	color: #555;
	font-weight: bold;
}

h4,
h5,
h6 {
	color: #555;
	font-weight: bold;
}

h4 {
	line-height: 1.5em;
	margin-bottom: .333em;
	font-size: 1.8rem;
}

h5 {
	line-height: 1.6em;
	margin-bottom: .25em;
	font-size: 1.6rem;
}

h6 {
	line-height: 1.6em;
	margin-bottom: .25em;
	font-size: 1.2rem;
	text-transform: uppercase;
}

#main p, #main ul, #main ol, #main dl, #main table, #main form { margin-bottom:1em; }/*tuika-20210803*/
#main ul, #main ol{ padding-left:1.5em;}/*tuika-20210803*/

/* headingi class=icon style tuika-margin++++-*/
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i { margin-right: 5px; }

.nostyle li,
nav li,
header ul,
footer ul,
footer ol { list-style: none; }

/*+++++++bottun-style ++++++++++++++++++*/
.btnS {
	line-height: 1.8;
	margin: 0 auto;
	padding: 10px 12px;
	background: #384f68;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	border-radius: 4px;
}

.btnS a, 
a.btnS,
.btnS a:hover,
a.btnS:hover{ text-decoration:none;}

.btnS-o a {
	line-height: 1.8;
	margin: 0 auto;
	padding: 10px 12px;
	background: #ec9800;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	border-radius: 4px;
}

.btnS:hover,
.btnS-o a:hover {
	background: #2c82b1;
	color: #fff;
}

/* ＝Linkスタイル
+++++++++++++++++++++++++++++++++++++++ */
[class^="hvr-"] {
	display: inline-block;
	vertical-align: middle;
	margin: .4em;
	padding: 1em;
	background:#fc8e19;/* r-change-20210803_old=#54779e;*/
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

/* Shutter Out Vertical */

a.hvr-shutter-out-vertical,
.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #fc8e19;/*-change-20210803_old=yellow,#ffdb45--*/
	color: #fff;/*---change-20210803_old=yellow,#222--*/
	/*--border-radius-tuika--*/
	border-radius: 4px; 
	transition-property: color;
	transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before,
a.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #314559;
	border-radius: 4px;
	transform: scaleY(0);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active { color: white; }

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
	transform: scaleY(1);
}

a.hvr-shutter-out-vertical:hover { text-decoration: none; }

/*20210803-tuika
お問合せと買取依頼リンクスタイルhvr-shutter-out-vertical横並びエリア------*/
.contactArea {
	margin-top:.5em; 
	margin-bottom:0;
	font-size:2.1rem; 
	font-weight:bold; 
	line-height:1.0; 
	letter-spacing:2px; 
	text-align:center;
}

.contactArea .hvr-shutter-out-vertical{ padding:15px 10px !important;}

#side .contactArea {
	position: relative;
	margin-left:-10px;
	font-size:1.6rem; 
	letter-spacing:1px;  
}

#side .contactArea .hvr-shutter-out-vertical{ width:100%; }


@media screen and (min-width: 1024px) {
	.contactArea {text-align:left;margin-top:3px;}
}

/* ここから_20210803-header-style-change_flex-box-に変更
-----------------------------------------------------------*/
header {
	position: relative; 
	background:#f5f5ed; 
	text-align:center;/*動くキリン車にはこの記述が必要*/
}

header a,
header a:active,
header a:visited {
	color:#000;
	vertical-align: baseline;
	text-decoration: none;
}

#next header { background-position: 0 0; }/*旧デザイン継承*/

header .logo a:hover { opacity:.7;}

/*　2021-新：logo+TEL+ハンバーガーメニュー位置*/
header .navArea {
	position: relative;
	right:0;
	width: calc(100% - 70px);/*navの中にlogoを入れる場合*/
	margin: 0 80px  0 auto;
	padding-top:10px;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	flex-wrap: wrap;
} 

header .logo {	
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 0 40px;
	padding-right:5px; 
	text-align:left; 
	line-height:1;
}

@media screen and (min-width: 1600px) {
	header .logo {margin: -10px auto 0 100px;}
	header .navArea {	
		width: calc(100% - 90px);
		margin: 0 100px  0 auto;
	}
}

/*20210803-logo-style-change*/
.logo {
	position: relative;
	font-size: 2.1rem;
	text-align:center;
}

.logo i:before {
	position: absolute;
	top: -9px;
	margin-left:-32px;
	width: 26px;
	height: 48px;
	background: transparent url(../img/logo_icn_kirin.png) top left no-repeat;
	content: '';
	background-size: cover;
}

.logo i:after {
	position: absolute;
	top: 0px;
	width:25px;
	height: 20px;
	margin-left: 3px;
	background: transparent url(../img/logo_icn_book.png) top right no-repeat;
	content: '';
	background-size: cover;
}

.logo span { display: none; }

.logo a { text-decoration: none; }
.logo a:link { color: #21354f; }
.logo a:hover { color: #F90; }

/* logo=h1,p共通font-size　++++++++++++++*/
header .logo span { 
	display:block;
	font-size:1.1rem; 
	line-height:1.5;
	letter-spacing:0;
}

.head-tel {position:relative; top:-2px; width:220px !important; height:auto !important; }
.head-tel_small { position:relative; top:-2px;}

@media screen and (min-width: 1024px) {
	header .navArea {padding-top:15px;}
	.logo {	font-size: 2.6rem;}
	.logo i:before {
		top: -8px;
		margin-left:-32px;
		width: 28px;
		height: 52px;
	}
	.logo i:after {
		top: 0px;
		width:32px;
		height: 25px;
		margin-left: 3px;
	}
	
	header .logo span {font-size:1.3rem;  }
	.head-tel {
		top:0; 
		width:245px !important;
		height:auto !important; 
	}
	.head-tel_small {
		 position:relative; 
		 top:-2px;
	}
}

/*header nav内gloval-menu #menuから変更*/
.gnav {
	margin: 0 auto; 
	padding:0 1em;
	text-align:center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #F5D536;
}
	
header nav li{
	list-style: none;
	display:inline-flex;	    
	text-align:center; 
	width: inherit;
	line-height:1.2;
	font-size:1.7rem;
	letter-spacing:1px;
}

header nav li br { display:none;}

header nav li a {
	padding:1rem 1.5rem;
	transition: .3s ; 
}

header nav li a,
header nav li a:active, 
header nav li a:visited {
    color: #000;
	text-decoration:none;
}

header nav li a:hover {
	color: #333; 
	background:#FAE483;
	text-decoration:none;
}

@media screen and (max-width:1366px){
	header navArea {width: calc(100% - 100px);}
	header nav li a {padding:1rem; }
}

@media screen and (max-width: 1080px) {
	header nav li { font-size:1.5rem; }
	header nav li a { padding:.5rem 1rem;}
}

@media screen and (max-width: 1024px) {
	.gnav {
		margin: .5em auto; 	
		padding:0 10px 0 0;	
	}

	header nav li { 
		font-size:1.4rem; 
		line-height:1.15; 
	}
	
	header nav li a {
		padding:.5rem 1rem;
		font-size:1.3rem; 
		border-left: 1px solid rgba(255,255,255,.8);
		background:none;/*スマホhover-backgroundなし*/
	}
	
	header nav li:last-child{ 
		padding-right:5px;
		border-right: 1px solid rgba(255,255,255,.8);
	}

	header nav li a:hover {/*スマホhover-backgroundなし*/
		background-position: 0 0;
		border-radius:0;
	}
	
	header nav li br { display:block;}
}

@media screen and (max-width: 480px) {
	header nav li a {
		padding:.5rem 2px .5rem 5px; 
		font-size:1.2rem; 
	}
}

@media screen and (max-width: 359px) {
	header nav li {  display:none;}
	body { overflow-x:hidden;}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
! Main Visual Area / 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*20210803-header内領域*/
.Visualcontainer,
.Visual-static {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 0; 
	padding-bottom: 0;
}

#index .Visualcontainer{overflow:hidden;/*2021/8/2-tuika*/}

/* 背景
++++++++++++++++++++++++++++++++++++++++++++++ */
/*next-page .Visualcontainerエリア内h1タイトル*/
 #title {
	position: relative;
	margin: 1em 1em .5em;/*210820-change*/
	padding-bottom: 10px;
	color: #444;
	font-size: 2.1rem;
	line-height: 1.111em;
}

.main-img1 {
	position: relative;
	width: 40%;
	height: auto;
	margin-top: 1.5em ;
	text-align: center;
}

#next #car,
#next .Visual-static .fukidashi-Line2 { display: none; }

#next .Visual-static{ background: url(../img/bg_town_04-150.png) repeat-x center center;}

#next #main {margin: 1.5em 0 1em;}

@media only screen and (min-width:320px) {
	#txt-object1 { margin-top: -10px; }
}

@media only screen and (min-width:501px) {
	#index .Visualcontainer { padding-bottom: 10px; }
	
	#index #car { display: block; }
	
	.main-img1 {
		float: left;
		width: 24%;
		max-width: 285px;
		margin: 1em 0 0;
		padding: 0 10px 0 0;
	}
}

@media only screen and (min-width:601px) {
	#next .Visualcontainer{ background: url(../img/bg_town_04-150.png) repeat-x; background-position: 0 125%;}
}

@media only screen and (min-width:641px) {
	#title { font-size: 2.8rem; }
	.main-img1 {top: 0;  }/*change-210802*/
}

@media only screen and (min-width:801px) {
	#index .Visualcontainer { background: url(../img/bg_town_04-150.png) repeat-x 0 125%; }

	#next #car {
		position: relative;
		left: 20%;
		width: 80%;
		top:60px;/*20210819-tuika*/
		display:block;
	}
	
	#next #car .fukidashi-Line2{
		position: relative;
		margin-top: -20px;
   }

	#next #Visual-img {
		position: relative;
		top: -20px;
		left: 20%;
		width: 80%;
		margin-top: 0;
	}
	
	#next .Visualcontainer.move {
		height: 150px;
		animation: bgscroll-R 50s linear infinite;
	}
		
		@keyframes bgscroll-R {
			 0% {background-position:100% 0;}
			 100% {background-position:0 100%  ;}
		}

	#next .Visual-static { height: 150px;	}

	#next .Visual-static .fukidashi-Line2 {display:block;}
	
	.move-kirin {
		position: relative;
		overflow: hidden;
	}
	
	.main-img1 {
		top: .5em;
		margin-left: 2em;
	}
	
	#index #car { display: block; }
}

@media only screen and (min-width:981px) {
	#title.w60par { max-width: 60%; }
}

@media only screen and (min-width:1280px) {
	#index .Visualcontainer {
		height: auto;
		margin-bottom: 0;/*20210802-change*/
		padding-bottom: 30px;/*20210802-change*/ 
	}
	
	#index .Visualcontainer { background: url(../img/bg_town_04-150.png) repeat-x 0 100%; }
	
	#title{ font-size: 3.6rem; }
	
	.main-img1 {
		margin-left: 150px;/*20210802-change*/
		padding-top:60px;/*20210802-change*/
	}
	
	.move-kirin { top: -20px; }
	#next #main {margin: 35px 0; }
}

@media only screen and (min-width:1400px) {
	#title { font-size: 3.8rem; }
}

@media only screen and (max-width:767px) {
	#title { display:none; }
}
	
/*index-mainVisual-txt*/
.Visual__catchcopy {
	position: relative; 
	z-index:2;
	top: 1em; 
	margin:auto auto;
	width: 90vw;
	text-align:center; 
}

@media only screen and (min-width:501px) {
	.Visual__catchcopy  {left: 3%;}
}

.Visual__catchcopy .f-big { font-size:larger;}

.Visual__catchcopy h2{
	position: relative;	
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
	font-weight: 600 !important;
	letter-spacing: 0.1em ; 
	line-height:1.1 !important;
}

.Visual__catchcopy h2 span { 
	font-size:1.6rem;
	letter-spacing: 0 ; 
	margin-left:-1em;
}

@media only screen and (min-width:600px) {
	.Visual__catchcopy  {
		position: absolute; 		
		left: 10%; margin-top: 1em; 
	}
}

@media screen and (min-width: 1024px) {
	.Visual__catchcopy h2 {font-size: 4.2rem;}
	.Visual__catchcopy {
		position: absolute; 
		top: 20%;
		left: 27%; 
		margin:auto auto;
		font-size: 4.2rem;
		font-weight: 600;
		letter-spacing: 0.5rem;
		width: calc(1.25em * 13);
		text-align:center; 
	}

	.Visual__catchcopy h2 span { font-size:2.1rem;}
}

@media screen and (min-width: 1600px) {
		.Visual__catchcopy {left: 35%;}
}

.Visual__catchcopy .u_lineblue,
.u_lineblue{
	position: relative;
	padding-left:5px; 
	padding-right:5px; 
}
.Visual__catchcopy .u_lineblue:before,
.u_lineblue:before{
    content:''; 
    height: 6px; /* 線太さ */
    width: 100%;
    display: block; 
    position: absolute; 
    top: 2.2rem; 
    left: 0; 
    background-color: rgba(66,162,179,.6); /* 背景色#42a2b3 */
}

.Visual__catchcopy ul{
	position: relative;
	margin-top:2em; 
	margin-bottom:1em;
	 text-align:left;  
	letter-spacing: 1px; 
	line-height:1.8;
	font-size:1.6rem;
	font-weight:bold;z-index:32;
}

.Visual__catchcopy li {
    margin-left: .5em;
}

.Visual__catchcopy li{
	position: relative; 
}
/*ul liのicon画像
=check-square.svg（色：黒）img読込時にカラーをclassでオレンジに変更
----------------------------------------------------------------------------------*/
.check-square_orenge{ 
	position: relative; 
	right:7px; 
	top:5px; 
	filter: invert(73%) sepia(71%) saturate(3059%) hue-rotate(343deg) brightness(96%) contrast(106%);
}


@media only screen and (min-width:501px) {
	.Visual__catchcopy ul{margin-top:1em;}
	.Visual__catchcopy li {	margin-left: 120px; } 
}

@media only screen and (min-width:640px) {
	.Visual__catchcopy li {	margin-left: 25%;}
	.check-square_orenge{right:10px; top:4px;}
}

@media screen and (min-width: 1024px) {
	.Visual__catchcopy li {
		margin-left: 165px;
		font-size:1.8rem;
	}
}

@media screen and (min-width: 1240px) {
	.Visual__catchcopy li {font-size:2.1rem;}
}

.main-read_bg {background: url(../img/syodana.png) no-repeat 79% 50%; overflow:hidden;}

@media screen and (min-width: 600px) and (max-width: 820px) {
	.main-read_bg {background: url(../img/syodana.png) no-repeat 300% 60%;}
}

@media screen and (min-width: 600px) and (max-width: 820px) {
	.main-read_bg {background: url(../img/syodana.png) no-repeat 400% 90%;}
}

@media screen and (min-width: 821px) and (max-width: 1023px) {
	.main-read_bg {background: url(../img/syodana.png) no-repeat 200% 20%;}
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
	.main-read_bg {background: url(../img/syodana.png) no-repeat 120% 40%;}
}

@media screen and (min-width: 1301px) and (max-width: 1600px) {
	.main-read_bg {background: url(../img/syodana.png) no-repeat 100% 40%;}
}

.f18_read { font-size:1.6rem !important; letter-spacing:0;}

@media screen and (min-width: 1024px) {
	.f18_read { font-size:1.8rem !important;letter-spacing:2px;}
}

/*++++++++++++++++++++++++++++++++++++++++++++
 パンくずデザイン breadcrumbs
++++++++++++++++++++++++++++++++++++++++++++-*/
.breads {/*change_css_210803*/
	position: relative;
	margin: 10px 0 0;
	padding: 1px;
	font-size: 1.3rem;
	color: #666;
	list-style: none;
}

.Visual-static .breads {
	top: 15px; 
	padding:10px 1px;
}

@media screen and (min-width: 1280px) {
	.Visual-static .breads {top: 5px; }
}
@media screen and (max-width: 480px) {
	.Visual-static .breads {top: 15px; }
}

.breads:after {
	content: "";
	display: table;
	clear: both;
}

.breads li {
	float: left;
	margin-right: 3px;
}

.breads li + li:before {
	content: " > ";
	color: #aaa;
	font-size: 1.4rem;
	margin: 0 3px;
	position: relative;
	top: -1px;
}

.breads li a {
	color: #0f0f0f;
	text-decoration: none;
}

.breads li.active a {
	text-decoration: none;
	cursor: text;
	color: rgba(0, 0, 0, 0.6);
}

.breads li a:hover { text-decoration: underline; }

/*-+++++++++++++++++++++++++++++++++++++++++++++
	#side-area-menu	
++++++++++++++++++++++++++++++++++++++++++++++-*/
#localnavi {
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: .5em;
	font-size: 1.5rem;
}

#localnavi a {
	display: block;
	color: #114170;
	text-decoration: none;
}

#localnavi a:hover {
	background: #f5f5f5;
	color: #0099cc;
	text-decoration: none;
}

#localnavi dt a {
	padding: 8px 10px 8px .7em;
	border-bottom: 1px dotted #ccc;
}

#localnavi dt a:before,
#localnavi dd a:before {
	display: inline;
	padding-right: 4px;
	font-family: 'icomoon';
	opacity: .3;
	content: "\e603";
}

#localnavi dd a {
	margin: 0;
	padding: 8px 10px 8px 1em;
	border-bottom: 1px dotted #ccc;
}

.nolink {
	margin-top: -2px;
	padding-bottom: 8px;
	padding-left: .7em;
	border-bottom: 1px dotted #ccc;
}

.kizi {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kizi li {
	line-height: 1.6;
	border-bottom: 1px dotted #ccc;
	font-size: 1.5rem;
}

.kizi li a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}

.kizi li a:before {
	display: inline;
	padding-right: 4px;
	font-family: 'icomoon';
	opacity: .3;
	content: "\e603";
}

.kizi li a,
.kizi li a:link,
.kizi li a:visited {
	display: block;
	width: auto;
	text-decoration: none;
	outline: 0;
}

.kizi li a:hover {
	background: #f5f5f5;
	color: #0099cc;
}

/* footer 
++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	margin: 0 auto;
	background: #54514f;
	text-align: center;
}

#footer .container {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0;
}

#footer:after {
	display: table;
	clear: both;
	content: "";
}

#footer a {
	-moz-transition: color linear .2s;
	transition: color linear .2s;
}

#footer a:hover { text-decoration: none; }

.footLink {
	margin: 0 auto;
	text-align: center;
}

.footLink ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.footLink li {
	float: left;
	width: 33.333%;
}

.bg-yellow1 li{width: 50%;}

.footLink li.large { width: 100%; }

.footLink li a {
	display: block;
	padding: 10px;
	font-size: 1.4rem;/*20210803-tuika*/
	border-bottom: 1px solid #7B7873;
	text-decoration: none;
	outline: none;
}

.footLink li a:nth-child(odd) { border-right: 1px solid #7B7873; }

.bg-yellow1 li a:nth-child(odd) { border-right: 1px solid #c4a835; }

.bg-yellow1 li a {
	font-size: 1.5rem;/*20210803-tuika*/ 
	border-bottom: 1px solid #c4a835; 
}

.footLink li a:hover {
	background: rgba(0,0,0,.2);
	color: #fff;
	text-decoration: none;
}

.footLink li a { color: #ccc; }

.bg-yellow1 li a { color: #222; }

.footLink li a:hover { color: #fff; }

.bg-yellow1 li a:hover {
	background:rgba(255,255,255,.3);/*20210803-change*/
	color: #222;
}

#footer p {
	line-height: 1.4;
	margin-bottom: 1em;
	color: #ccc;
	font-size: 1.3rem;
}

@media screen and (min-width: 601px) {
	#footer { margin-top: 1em; }
	.footLink ul { padding: 0; }
	
	.bg-yellow1 li {
		width: 25%;
		margin: 0;
		padding: 0;
	}
	
	.footLink li.large { width: 50%; }
	
	.footLink li a {
		line-height: 2;
		border-right: 1px solid #fff;
		font-size: 1.5rem;
		white-space: nowrap;
	}
	
	.footLink li:first-child a,
	.footLink li.left-line a { border-left: 1px solid #444; }
	
	.bg-yellow1 li a { border-bottom: none; }
	.bg-yellow1 li:first-child a { border-left: 1px solid #c4a835; }
}

@media only screen and (min-width: 801px) {
	.footLink li,
	.footLink li.large {
		display: inline-block;
		float: none;
		width: auto;
	}
	
	.footLink li a,
	.footLink li:first-child a,
	.bg-yellow1 li:first-child a {
		margin: 0 5px;
		border: none;
	}
	
	.footLink li a:nth-child(odd) { border-right: none; }
	.bg-yellow1 li a:nth-child(odd) { border-right: none; }
	.footLink li.left-line a { border-left: none; }
}

/*　page-fll-menu　右上ハンバーガmenu新
+++++++++++++++++++++++++++++++++++++*/
.fullnav_columns {
    display: flex;
    flex-wrap: wrap;
	margin:0; 
	padding:0 ;
}

.fullnav_telinfo{
	position:relative;
	top:-10px;
	margin-bottom:0;
	padding:0 15px 10px;
	font-size:1.8rem;
	line-height:1.2;
}

.fnav-left {
	max-width:800px; 
	margin-left:auto;/*this-site*/ 
	margin-right:auto;/*this-site*/
	height:100%; 
	min-height:100vh; 
	overflow-x:hiden; 
	background:#f5d536;
	order:2;
}

.fnav-overbg {
	height:100%; 
	background:#f5f5ed;
}

@media screen and (min-width: 668px) {
	.fullnav_columns {padding:0 15%;}
	
	.fullnav_telinfo{
		top:0;
		margin-bottom:.7em;
		padding:0 20px 10px; 
	}

	.fnav-overbg { min-height:100vh;}

	.fnav-left {
		min-height:100vh;
		order:1;
	}

	.order2 {
	　  order:2;
	}
}

/*iOS position: fixed;+background-colorで画面ちらつき対策
  backface-visibility 指定 */
  
a.modaal-fullscreen {text-decoration:none;}/*this-site-need*/

#fullmenu {
	z-index: 10;
	position: fixed;
	right: 10px;
	backface-visibility: hidden; /*iOS対策*/
}

@media screen and (min-width:1024px){
	#fullmenu {top: 22px;}
}

.burger {
	position: relative;
	top:10px; /*this-site*/
	width: 50px;
	height: 50px;
	font-size: 0;
	border: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.burger span {
  display: block;
  width: 80%;
  height: 2px;
  background: #000;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

.burger span {
  transition: all .4s;
  box-sizing: border-box;
}

.burger span:nth-child(1) { top: 7px;}
.burger span:nth-child(2) { top: 14px;}
.burger span:nth-child(3) {	top: 24px;}

.burger span:nth-child(4) {
	margin-top:-5px;
	font-size:1.3rem;
	text-align:center;
	line-height:1;
	background: none;
	color:#333;
}

.burger:after {
  content: "";
  position: absolute;
  top:-8px;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(255, 204, 2,.6);
  z-index: -1;
  opacity: 0;
  transition: 0.2s ease-out;
}

.burger:hover:after{
  opacity: 1;
}

/* off-canvas_full_navigation_style */
.fnav-fukol {
  padding-right : 0.5rem;
  padding-left : 0.5rem;
}

.fnav-fukol h3{
	margin:1em auto .5em; 
	text-align:center;
}

.fnav-fukol ul {
	margin : 0;
	padding-bottom:1.6em;
	list-style : none;
}

.fnav-fukol-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}

.fnav-fukol-grid > * {
  flex: 1 0 10em;
  margin:0 0.5em;
}

.modaal-content-container .fnav-fukol-grid > *:first-child {
  flex-basis: calc(100% - 1em);
}

.fnav-fukol-grid li {
	list-style : none;
	text-align:left;
	font-size:1.5rem;
}

.fnav-fukol-grid li a{
	display:block;
	text-decoration:none;
	padding:1.2rem ;
	color:#000;
	border-bottom:1px solid #ccc;
	white-space: nowrap;
	transition: all  0.3s ease;
}

.fnav-fukol-grid.l-line li a:hover{
	color: #333; 
	background:#FAE483;
}

.fnav-fukol-grid.l-line li a{border-color:#fff;}

@media screen and (min-width: 841px) {
	.fnav-fukol {margin:1em;}
	.fnav-fukol-grid li {font-size:1.9rem;}
	.fnav-fukol-grid li a{ padding:1em .5em; }
}

@media screen and (min-width: 1200px) {
	.fnav-fukol {margin:2em;}
	.fnav-fukol-grid li {font-size:2.1rem;}
}

/* pageTop
+++++++++++++++++++++++++++++++++++++*/
#pageTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

#pageTop a {
	display: block;
	line-height: 1.1;
	padding: 10px 12px 12px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
	border-radius: 50% 50% !important;
}

#pageTop a:hover {
	background: #fcaf17;
	text-decoration: none;
}

@media screen and (min-width: 1025px) {
	#pageTop { bottom: 80px; }
}

@media screen and (max-width: 640px) {
	#pageTop { display: none; }
}

/* index, blog update-info +++++++++++++++++*/
#what p a {
	margin: 0.5em 0 0;
	padding: 10px 10px 0;
}

#what dl a,
#updatebox a { display: block; }

#updatebox dl {
	margin-bottom: 0;
	padding: 7px 5px;
	padding: 5px 5px 0;
	border-bottom: 1px dotted #ccc;
}

#what dl {
	margin: 0;
	padding: 10px 5px;
	border-bottom: 1px dotted #ccc;
}

#what dl:last-child { border-bottom: none; }

#what dt,
#what dd { line-height: 1.5; }

#updatebox h3+dl { border-top: 1px dotted #888; }

#what a:hover,
#what dl:hover,
#updatebox a:hover,
#updatebox dl:hover {
	color: #2999c1;
	text-decoration: none;
	cursor: pointer;
}

#what a:hover,
#what dl:hover { background: #f4f4f4; }

#updatebox dl:hover { background: #f4f4f4; }

#what dt,
#updatebox dt {
	float: left;
	clear: both;
	width: 9em;
}

#what dd,
#updatebox dd { margin-left: 9em; }

@media screen and (max-width: 480px) {
	#updatebox dt { float: none; }
	#updatebox dd { margin-left: 0; }
}

/*contents-Area 
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.top-item h3 {
	line-height: 1.2;
	margin: 10px 0 0;/*20210803-change*/
	padding: 0.6em 0.2em 0.4em;
	background: #fff;
	font-size: 2.1rem;
	text-align: center;
}

.top-item img {
	width: inherit;
	height: auto;
	vertical-align: bottom;
	transition: all 0.25s ease-in-out;
}

.top-item img.flee-svg{
	width: 39px; 
	height: 39px; 
	padding-right:5px;
}

.top-item a {
	color: #222;
	text-decoration: none;
}

.top-item a:hover {
	color: #003587;
	text-decoration: underline;
}

.top-item a:hover> img {
	transform: scale(1.10, 1.10);
}

.top-item h3 {
	padding-left: 20px;
	background: url(img/icon-kirin.png) no-repeat 5px 30px;
}

@media screen and (max-width: 768px) {/*20210803-tuika*/
	.top-item h3 br{ display:none;}
	.top-item h3 { margin-top:.5em;}
}

.top-item p {
	margin: 0 0 0.5em;
	padding: 0 !important;
}

.top-item p:last-child { margin: 0; }

.top-item .hei { padding-top: 0.2em !important; }

.item-link img {
	position: relative;
	margin: 0.5em auto 0;
}

.free-tel {
	content: '';
	position: relative;
	padding-left: 50px;
	background: url(../img/free_icn.png) left center no-repeat;
}

#main .item-link {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 600;
}

.item-link span:after {
	content: "\e603";/*20210803-change*/
	font-family: 'icomoon' !important;
}

#index .item-link {
	width: 100%;
	min-width: 8em;
	background: url(../img/item-bg4.png) no-repeat;
	font-weight: 400;
	font-size: 2.1rem;
	text-align: center;
	border-radius: 5px;
	background-size: cover;
}

.z-index-top {
	position: relative;
	z-index: 100 !important;
}

/*○囲み step表現
---------------------------*/
.en1-yell {/*210803-●カラー変更css名変更_old_en1-org*/
	position: relative; 
	top:-2px;
	margin-right: 10px;
	padding: 5px 10px 4px; 
	background: #f9e621;
	color: #000 !important;
	border-radius: 46%;
}

.en1-blue {/*210803-●カラー変更追加_css名変更_old_en1-orgのステップスタイル*/
	position: relative; 
	top:-2px;
	margin-right: 10px;
	padding: 5px 10px 4px; 
	background: #49b5c9;
	color: #fff !important;
	border-radius: 46%;
}


/* タイトル下ライン-------*/
.h-border1 {
	position: relative; 
	margin-top: 1.5em;
	border-bottom: 1px solid #49b5c9;/*20210803-change_oldpadding-bottom: 3px;*/
}

.h-border1 span {
	top: -1px; top: 2px; 
	padding-right: .5em;
	border-bottom: 3px solid #49b5c9;/*20210803-chang*/
}

/* title-style　2行囲み吹き出し-------*/
.fukidashi-Line {
	position: relative;
	width: 14em;
	margin: .8em 0 0.5em;/*20210803-change*/
	padding: 12px 12px 8px;/*20210803-change*/
	border: 1px solid #333;
	text-align: center;
	border-radius: 70% 70% 65% 65%;
}

/*index_新井_上吹き出し20210803-tuika*/
.fukidashi-Line.main1 { font-size:1.6rem; line-height:1.4;}

/*index_吹き出し下の新井img位置と大きさ*/
.main1_img { margin-top:-50px; }

@media screen and (min-width: 600px) {
	.main1_img { margin-top:-150px; }
}

@media screen and (min-width: 667px) and (max-width: 800px){
	.fukidashi-Line.main1{ display:none;}
	.main1_img {  margin-top:-200px; width:40%; height:auto; margin-left:65%;  }
	.f18_read { font-weight:bold;}
}

@media screen and (min-width: 801px) {
	.fukidashi-Line.main1{  position:absolute; margin-top:50px; margin-left:30px;}
	.main1_img { margin-top:260px; }
}

@media screen and (min-width: 1024px) {
	.fukidashi-Line.main1 { font-size:2.1rem; line-height:1.6;margin-top:-90px;}
	.main1_img { margin-top:160px; }
}

@media screen and (min-width: 1240px) {
	.fukidashi-Line.main1 {margin-top:-120px;}
	.main1_img { margin-top:100px; }
}

@media screen and (min-width: 1440px) {
	.fukidashi-Line.main1 {margin-top:-190px;}
	.main1_img { margin-top:20px; }
}

/*fukidashi-kage-colol-------------*/
.fukidashi-Line:before {
	display: block;
	position: absolute;
	bottom: -10px;/*change_20210803-old_8px*/
	left: 81px;
	width: 0;
	border-width: 11px 8px 0px;
	border-color: #333 rgba(0, 0, 0, 0);
	border-style: solid;
	content: "";
}

/*fukidashi-sankaku-color--------*/
.fukidashi-Line:after {
	display: block;
	position: absolute;
	bottom: -7px;
	left: 81px;
	width: 0;
	border-width: 14px 8px 0px;/*change_20210803-old_8px*/
	border-color: #fff rgba(0, 0, 0, 0);
	border-style: solid;
	content: "";
}

#index .fukidashi-Line:after {border-color: #42a2b3 rgba(0, 0, 0, 0); }

@media ( min-width : 501px ) {
	.pozi-top { font-size: 2.0rem; }
	#index .fukidashi-Line:before { left: 135px; }
	#index .fukidashi-Line:after { left: 135px; }
}

.fukidashi-Line p.top05 {
	padding-top: 5px !important;
	padding-bottom: 0 !important;
}

.fukidashi-Line2 {
	position: relative;
	margin: 1em 0 0.5em;
	padding: 15px 12px 8px;
	width: 97%;
	border-radius: 45% 45% 45% 45%;
	border: 1px solid #333;
	text-align: center;
}

#index .item-link .fukidashi-Line2 { background: #ffdb45; }

#index .item-link .fukidashi-Line2:hover {
	background: #54779e;
	color: #fff;
	text-decoration: none;
}

#side .fukidashi-Line2 {
	width: 70%;
	margin: 1em auto 0;
}

.Visual-static .fukidashi-Line2{
	top:-1em;
	width: auto;
	height:100px;
	max-width:250px;
	margin: 1em auto ;
}

@media ( min-width : 601px ) {
	.Visual-static .fukidashi-Line2{ top:0;}
}

@media ( min-width : 801px ) {
	.Visual-static .fukidashi-Line2{
		width: auto;
		max-width:380px;
		height:auto;
		margin: 1em auto 0;
	}
}

.line-ccc { border: 1px solid #bbb !important; }

.fukidashi-Line2 h3 {
	margin-top: 1em;
	text-align: center;
	color: #F60;
}

.fukidashi-Line2 p {
	margin: 0 !important;
	padding: 10px !important;
	line-height: 1.6em !important;
	font-size: 1.8rem  !important;
	text-align: center !important;
}

.fukidashi-Line2 p.line-hi12{line-height: 1.2em !important;}

/*吹き出し幅--------------------*/
.w7em { width: 7em !important; }

/*店長画像+噴出し位置調整
------------------------------------*/
.pozi-top {/*index*/
	position: relative;
	margin: 0 auto;
}

.pozi-flow1 {/*店頭*/
	position: relative;
	margin: 0.5em 1em -30px 30px;
}

.pozi-flow2 {/*出張*/
	position: relative;
	margin: 0.5em 0 -20px 90px;
}

@media ( max-width : 480px ) {
	h3.h-border1 { font-size: 1.8rem !important; }
	.pozi-flow2 {	margin: 0.5em 0 0 60px;	}
}

@media ( min-width : 501px ) {
	.pozi-top {
		font-size: 2.0rem;
		margin-bottom: 5px;
	}
}

/* Area_style
--------------------------------------------------- */
.section1 { margin-top:0; margin-bottom:0; }/*20210803-tuiak*/

@media screen and (min-width: 1024px) {
	.section1 {margin-top:35px; margin-bottom:30px; }/*20210803-tuiak*/
}

.telnum2-large { /*20210803-tuiak*/
	display:block;
	width:90%; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto; 
}

@media screen and (min-width: 630px) {/*20210803-tuiak*/
	.telnum2-large { width: 60%; height:auto;}
}

.Area-gray2 {
	background: #eaeaea;
	position: relative;
	padding: 25px 0;
}

.Area-white { background: #fff; }

.Area-white p:last-child { margin-bottom: 0.5em; }

/*  panel=box-shadow Box */
.panel {
	margin-bottom: 1.5em;
	padding: 12px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 1px 2px 3px rgba(0,0,0,.05);
}

.panel:after {
	display: table;
	clear: both;
	content: "";
}

.block1 {
	margin: 10px 0;
	padding: 12px;
	border: 1px solid #ccc;
	background: #fff;
}

.block1.p1215 {padding:12px 15px;}

.block2 {
	margin: 10px 0;
	padding: 15px 15px 12px;
	border: 1px solid #ccc;
	background: #f7f7f7;
}

.block2.p1em {padding:1em 1.5em}

/*/*210820-change*/
#side .block2{background: url(../img/item-bg4.png) no-repeat center 110%; background-size:contain;}

/*block2 幅調整flow-bringing-page
----------------------------------------*/
.max710 { max-width: 710px; }

.block3 {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 6px solid #eaeaea;
	border-radius: 4px;
}

.block3 h2 {
	font-size: 21px;
	font-size: 2.1rem;
	text-align: center;
}

.block3 h2 span {
	font-size: 15px;
	font-size: 1.5rem;
}

#map_canvas {
	width: 100%;
	height: 350px;
	margin: 0 auto 1em;
	border: 1px solid #ccc;
	text-align: center;
}

#map_canvas iframe { height:inherit;}

/* #next_page_ and_kyoutu_style
--------------------------------------------------- */
.feature1 {
	padding-bottom: 160px;
	background: url(../img/feature_1.png) no-repeat center bottom;/*250624-chenge*/
}

.feature2 {
	padding-bottom: 160px;
	background: url(../img/feature2.jpg)no-repeat center bottom;
}

.feature3 {
	padding-bottom: 150px;
	background: url(../img/feature3-1.jpg)no-repeat center bottom;
}

.feature4 {
	padding-bottom: 150px;
	background: url(../img/feature4.png)no-repeat center bottom;
}

.feature5 {
	padding-bottom: 160px;
	background: url(../img/feature_5.png) no-repeat center bottom;/*250624-chenge*/
}

/*featureページwoman下フリーダイヤル*/
.txt-top-20 {
	position: relative;
	top: -20px !important;
}

@media only screen and (min-width: 501px) {
.feature1 h3,.feature2 h3,.feature3 h3,
.feature4 h3,.feature5 h3,.feature6 h3{ font-size:2.4rem !important;}
}


/*list_style -+++++++++++++++++++++++*/
.li-bottom05em li { margin-bottom: 0.5em; }

.li-bottom1em li { margin-bottom: 1em; }

/* check-list_style++++++++++++++*/

.check-blue li,
.check-orange li {
	list-style: none;
	position: relative;
	line-height: 1.8;
	padding-left: .4em;
}

.check-blue li::after {
	display: block;
	position: absolute;
	top: .6em;
	left: -1em;
	width: 10px;
	height: 4px;
	border-bottom: 3px solid #3498db;
	border-left: 3px solid #3498db;
	content: '';
	transform: rotate(-45deg);
}

.check-orange li::after {
	display: block;
	position: absolute;
	top: .6em;
	left: -1em;
	width: 10px;width:16px;
	height: 4px;
	border-bottom: 3px solid #EA7500;
	border-left: 3px solid #EA7500;
	content: '';
	transform: rotate(-45deg);
}

/*-maru-list_style +++++++++++-*/

.disc1 { margin-left: 0; }

.disc1 li,
.disc2 li {
	list-style: none;
	position: relative;
	margin-bottom: 1em;
}

.disc1 li:last-child,
.disc2 li:last-child { margin-bottom: 0; }

/*disc1-blue--------------*/
.disc1 li::after {
	display: block;
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #3498db;
	content: '';
	border-radius: 100%;
}

.disc1 li li::after { display: none; }

/*disc2-orange--------------*/
.disc2 li::after {
	display: block;
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #fe7f01;
	content: '';
	border-radius: 100%;
}

/*---------site-map_page------------*/
.maps li {
	margin-bottom: 1em;
	margin-left: 2em;
}

/* ----- Steps_Style ------------- */
.F-title {
	width: 100%;
	margin: 0 auto 1em;
	padding: 4px 0;
	background: #FE9327 url(../img/ya2.png) no-repeat right center;
	color: #fff !important;
	text-align: center;
}

/*
li間の隙間を埋めwidth:25%;に収めるために
親要素にfont-size: 0;指定----------------*/

ol.flow,
ol.con-flow {
	display: table;
	width: 100%;
	margin: 15px 0;
	padding-left: 0.5em;
	font-size: 0;
	text-align: center;
}

ol.flow { background:#49b5c9;}/*210803-change-オレンジ～ブルーに*/
ol.con-flow {	background: #fff;border:1px solid #008f93;}

.flow li,
.con-flow li{
	display: table-cell;
	position: relative;
	line-height: 1.1;
	vertical-align: middle;
	margin-bottom: 0;
	padding: 1em 20px 1em 10px;
}

.flow li {
	width: 25%;
	background: #49b5c9 url(../img/arrow-r.svg) no-repeat right center;/*210803-change-オレンジ～白svgに*/
	background-size: 25px 42px;
	color: #fff;/*210803-change 白〜黒に*/
	font-size: 1.6rem;
}

@media only screen and (max-width: 812px) {
	.flow li { margin-right:10px; background-size: 18px 40px;}
}


.flow li.last-item,
.con-flow li.last-item { background-image: none; }

.con-flow li {
	width: 33.333%;
	background:#fff url(../img/ya3green.png) no-repeat right center;
	color: #008f93;
	font-size: 1.8rem;
}

.con-flow li.current {background:#008f93 url(../img/ya3green.png) no-repeat right center; color:#fff;}

/* li番号のcounterカウンターリセット
--------------------------------------
以下の記述がないとol liで指定しても番号が表示されない
--------------------------------------- */

ol.flow, ol.con-flow{ counter-reset: counter; }

.flow li:before,
.con-flow li:before {
	content: counter(counter) ". ";/* 内容の追加 */
	counter-increment: counter;/* カウンターの加算 */
}

.flow li:after,
.con-flow li:after {
	content: "\A";/* 内容(改行コード)の追加 */
	white-space: pre;/* 改行を有効に */
}

/* dl-style ++++++++++++++++++++-*/
.dotunder dt {
	margin: 1em 0 0.5em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #999;
}

@media only screen and (min-width: 850px) {
	.dotunder dt { font-size: 2.1rem; }
}

.dotunder dt a { text-decoration: none; }

.dotunder dd {
	margin-bottom: 1em;
	margin-left: 0
}

.dotunder dd ol li{/*tuika-20210803*/
	margin-bottom: .5em;
}


.dotunder.qa dt:first-child { margin-top: 1em; }

.dotunder.qa dt {
	margin: 1.5em 0 0.5em;
	padding: 0 0 2px 0;
	line-height: 1.4;
	color:#000;
}

.dotunder.qa dt mark { 
	 padding:5px 8px;/*change_20210803-old=padding:1px 8px 1px;*/
	 background: #f4dded;
}

.dotunder.qa dt:before {
	content: "Q.";
	padding:5px 5px 5px 6px;
	color: #fff;
	background: #ec7881;
	font-family:Arial, Helvetica, sans-serif;
}

.dotunder.qa dt.focus:before {content: "!";}/*tuika-20210803*/

/*  #side_Area style +++++++++++++++-*/

.block1.radius50-1 {
	border: 1px dashed #bbbcc0;
	border-radius: 50% !important;
}

#side .block1 .img-banner {
	margin: 0;
	padding: 15px 10px 10px;
}

.bannerbg1 { background: url(../img/main-img_bg3.png) repeat-x center 85%; }

.bannerbg2 {
	background: url(../img/main-img_bg3.png) 0 -30px;
	background-clip: border-box;
}

#side h3 {
	width: auto;
	line-height: 1;
	margin-top: 1em;
	padding: 0.2em 0.5em 0.1em;
	font-size: 2.1rem;
}

#side h3:first-child { margin-top: 0; }

#side .block1 h3 { margin-top: 0.2em; }

#side h3.btn1-banner {
	margin-top: 5px;
	padding: 1em;
	background-size: cover;
}

@media only screen and (max-width: 768px) {
	#side h3:first-child { margin-top: 0; }
}

#side p {
	margin-bottom: 0;
	line-height: 1.2;
}

#side .right {
	float: right;
	margin-top: -3em !important;
}

@media ( min-width : 481px ) and (max-width: 800px) {
	#side .gutters .span_6 { width: 48.5%; }
	#side .gutters .col { margin-left: 3%; }
	#side .gutters .col:first-child { margin-left: 0; }
}

@media ( min-width : 801px ) and (max-width: 1024px) {
	#side .gutters .span_6 { width: 100%; }
	#side .gutters .col { margin-left: 0; }
}

.blogimg-pm {
	padding: 20px 0 0 0;/*change-20210803*/
	margin-top: -50px;
}

/* blog-side accordion ++++++++++*/
#accordion_panel {
	margin-bottom: 1.6em;
	padding: 1px;
}

#accordion_panel h3 {
	margin-bottom: 1px;
	padding: 10px;
	border: 1px dotted #ccc;
}

#accordion_panel h3:hover {
	background: #f5f5f5;
	color: #2999c1;
	cursor:pointer;
}

#accordion_panel h3 span {
	padding-right: 10px;
	color: #2999c1;
}

#accordion_panel ul {
	margin: 0;
	padding-top: 0;
	border: 1px solid #ddd;
	background: #efefef;
	text-indent: 1em;
	list-style:none;
}

#accordion_panel li { line-height: 1.8; }

#accordion_panel li a,
#accordion_panel li a:link,
#accordion_panel li a:visited {
	display: block;
	padding: 5px;
}

#accordion_panel li a:hover {
	background: #2999c1;
	color: #fff;
	text-decoration: none;
}

/* #カレンダーtable-style++++++++*/

.calendar {
	padding: 0 5px;
	border: none;
}

.calendar a { text-decoration: underline; }

.calendar a:hover {
	background: #f5f5f5;
	color: #0099cc;
}

.caption-date {
	margin: 0;
	padding: 5px 0 5px 12px;
	border: none;
	text-align: center;
}

table.calendar_table {
	width: 100%;
	margin: 0 0 5px;
	background: #005c5c;
	font-size: inherit;
	text-align: center;
	empty-cells: show;
}

.calendar_table th {
	background: rgba(0,0,0,0.1);
	font-weight: 400;
}

.calendar_table th,
.calendar_table td {
	height: 1.8em;
	line-height: 1.8;
	vertical-align: top;
	padding: 1px;
	border: 1px solid #5A8787;
	text-align: center;
}

.calendar_table td a {
	display: block;
	width: auto;
	color: inherit;
}

/*++++++++++++++++++++++++++++++++++++++
  Blog_ Contents-Area 
+++++++++++++++++++++++++++++++++++++++*/

#main .b-date1 {
	line-height: 1.5;
	margin: .5em 0;
	padding: 5px 5px 0;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 1.4rem;
	text-align: right;
}

.entry-list,
.entry {
	clear: both;
	width: 100%;
	margin: 1px 0;
	border-bottom: 1px solid #ddd;
}

#main .entry-list h2 { 
	line-height: 1.333em !important;
	margin-bottom: .5em !important;
	font-size: 2.1rem !important;
}

#main .entry-list h3 { font-weight: normal; }


#main .entry h3 {
	margin-top: 1em;
	font-weight: normal;
	font-size: 2.4rem;
}

#main .entry h3:first-child { margin-top: 2em; }

#main .entry h4 {
	display: inline-block;
	position: relative;
	z-index: auto;
	line-height: 1.1em;
	margin-top: 1em;
	padding: 5px 25px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

#main .entry h3+p+p+h4:before {
	border-color: #868695 #fff #868695 #868695;
	border-style: solid;
	content: "";
}

#main .entry h4:before {
	position: absolute;
	top: -6px;
	top: -5px;
	right: -5px;
	bottom: 0;
	left: 0;
	z-index: -1;
	height: 0;
	border-width: 21px;
	border-color: #EE7317 #fff #EE7317 #EE7317;
	border-style: solid;
	box-shadow: -1px 1px 1px #ccc;
	content: "";
}

#main .entry-list p { margin-top: 1em; }

#main.entry p { margin-bottom: .5em; }

.entry-list img {
	float: left;
	line-height: 1.1em;
	margin: 3px 20px 15px 1px;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 1px 2px 3px rgba(0,0,0,.05);
}

.entry img {
	line-height: 1.1em;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}

.box-link {padding:15px;}
.entry-list.box-link { padding-bottom:0;}
.entry-list.box-link:first-child { border-top: 1px solid #ddd; }


.box-link:hover { 
	cursor: pointer;
	background:#f7f7f7;
}

#main .cate-date {
	clear:both;
	margin:10px 0 5px 0;
	padding:0;
	font-size:87.5%;	
	text-align:right;
}

.cate-date span { padding-right:1em;}

/* blog-page送り+++++++++++++++++*/
.navi {
	clear: both;
	width: 95%;
	margin: 25px auto 2em;
	padding-top: 10px;
	font-size: 1.4rem;
	text-align: center;
}

.pager {
	line-height: 3;
	margin-top: 2em;
	margin-bottom:2em;
	font-size: 1.5rem;
	text-align: center;
}

.pager a {
	display: inline-block;
	width: 3em;
	height: 3em;
	vertical-align: baseline;
	margin: 0 1px;
	border: 1px solid #ddd;
	border-color: #ccc #ccc #aaa;
	background-color: #e0e0e0;
	background-image: linear-gradient(to bottom, #fafafa 0, #dcdcdc 100%);
	text-align: center;
	box-shadow: inset 0 0 1px #fff;
}

.pager a:hover {
	border: 1px solid #42AED7;
	background: #2999c1;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.pager a.current_page_number {
	border: 1px solid #AA9C8C;
	background: #998975;
	color: #fff;
}

/*=======CSS3-animations-style ===============*/

/*Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
justin@justinaguilar.com
/*==============================================
slideLeft
==============================================*/
.slideLeft{
	animation-name: slideLeft;
	animation-duration: 1s;	
	animation-timing-function: ease-in-out;	
	visibility: visible !important;	
}

@keyframes slideLeft {
	 0% { transform: translateX(150%);}
	 50% { transform: translateX(-8%);}
	 65% { transform: translateX(4%);}
	 80% { transform: translateX(-4%);}
	 95% { transform: translateX(2%);}
	 100% { transform: translateX(0%);}
}


/*==============================================
　slideRight
==============================================*/
.slideRight{
	animation-name: slideRight;
	animation-duration: 1s;	
	animation-timing-function: ease-in-out;	
	visibility: visible !important;	
}

@keyframes slideRight {
	0% { transform: translateX(-150%);}
	50%{ transform: translateX(8%);}
	65%{ transform: translateX(-4%);}
	80%{ transform: translateX(4%);}
	95%{ transform: translateX(-2%);}			
	100% { transform: translateX(0%);}	
}

/*　slideRight_遅い速度仕様_速度変更少し早く20210803-change
==============================================*/
.slideRight-Slow{
	animation-name: slideRight-Slow;
	animation-duration: 3s;/*20210803-change_old_10s*/	
	animation-timing-function: ease-in-out;	
	visibility: visible !important;	
}

@keyframes slideRight-Slow {
	0% { transform: translateX(-150%);}
	50%{ transform: translateX(8%);}
	65%{ transform: translateX(-4%);}
	80%{ transform: translateX(4%);}
	95%{ transform: translateX(-2%);}			
	100% { transform: translateX(0%);}	
}

/*==============================================
　fadeIn
==============================================*/
.fadeIn{
	animation-name: fadeIn;
	animation-duration: 1.5s;	
	animation-timing-function: ease-in-out;	
	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

/*==============================================
　hatch
==============================================*/
.hatch{
	animation-name: hatch;
	animation-duration: 2s;	
	animation-timing-function: ease-in-out;	
	transform-origin: 50% 100%;
	visibility: visible !important;		
}

@keyframes hatch {
	0% { transform: rotate(0deg) scaleY(0.6);}
	20% { transform: rotate(-2deg) scaleY(1.05);}
	35% { transform: rotate(2deg) scaleY(1);}
	50% { transform: rotate(-2deg);	}	
	65% { transform: rotate(1deg);}	
	80% { transform: rotate(-1deg);	}		
	100% { transform: rotate(0deg);	}									
}

/*==============================================
　floating
==============================================*/
.floating{
	animation-name: floating;
	animation-duration: 1.5s;	
	animation-iteration-count: infinite;
}

@keyframes floating {
	0% { transform: translateY(0%);	}
	50% { transform: translateY(8%);}	
	100% { transform: translateY(0%);}			
}

/*==============================================
　tossing
==============================================*/
.tossing{
	animation-name: tossing;
	animation-duration: 2.5s;	
	animation-iteration-count: infinite;
}

@keyframes tossing {
	0% { transform: rotate(-4deg);}
	50% { transform: rotate(4deg);}
	100% { transform: rotate(-4deg);}						
}


/*---------------------------------------------------------------
  Basic Modal Styles/*!	Modaal - accessible modals - v0.4.0 */
/*---------------------------------------------------------------*/
.modaal-noscroll{overflow:hidden}.modaal-accessible-hide{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;transition:all 0.3s ease-in-out}.modaal-wrapper *{box-sizing:border-box}.modaal-wrapper .modaal-close{border:none;background:transparent;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper *[tabindex="0"]{outline:none !important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}.modaal-close{position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;transition:all 0.2s ease-in-out}.modaal-close:focus,.modaal-close:hover{outline:none;background:#fff}.modaal-close:focus:before,.modaal-close:focus:after,.modaal-close:hover:before,.modaal-close:hover:after{background:#b93d0c}.modaal-close span{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.modaal-close:before,.modaal-close:after{display:block;content:"";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;transition:background 0.2s ease-in-out}.modaal-close:before{transform:rotate(-45deg)}.modaal-close:after{transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}.modaal-content-container{padding:30px}.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:transparent}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:transparent;box-shadow:none !important}.modaal-instagram .modaal-content-container{padding:0;background:transparent}.modaal-instagram .modaal-content-container >blockquote{width:1px !important;height:1px !important;opacity:0 !important}.modaal-instagram iframe{opacity:0;margin:-6px !important;border-radius:0 !important;width:1000px !important;max-width:800px !important;box-shadow:none !important;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:none}.modaal-gallery-control{position:absolute;top:50%;transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;transition:all 0.2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:none;background:#fff}.modaal-gallery-control:focus:before,.modaal-gallery-control:focus:after,.modaal-gallery-control:hover:before,.modaal-gallery-control:hover:after{background:#afb7bc}.modaal-gallery-control span{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.modaal-gallery-control:before,.modaal-gallery-control:after{display:block;content:"";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;transition:background 0.2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:before,.modaal-gallery-prev:after{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,0.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container iframe,.modaal-video-container object,.modaal-video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:none;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;transform:scale(0.25)}.modaal-loading-spinner >div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner >div >div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner >div:nth-of-type(1) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:0s}.modaal-loading-spinner >div:nth-of-type(2) >div,.modaal-loading-spinner >div:nth-of-type(3) >div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner >div:nth-of-type(1){transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(2) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.12s}.modaal-loading-spinner >div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(3) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.25s}.modaal-loading-spinner >div:nth-of-type(4) >div,.modaal-loading-spinner >div:nth-of-type(5) >div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner >div:nth-of-type(3){transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(4) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.37s}.modaal-loading-spinner >div:nth-of-type(4){transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(5) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.5s}.modaal-loading-spinner >div:nth-of-type(6) >div,.modaal-loading-spinner >div:nth-of-type(7) >div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner >div:nth-of-type(5){transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(6) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.62s}.modaal-loading-spinner >div:nth-of-type(6){transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(7) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.75s}.modaal-loading-spinner >div:nth-of-type(7){transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner >div:nth-of-type(8) >div{animation:modaal-loading-spinner 1s linear infinite;animation-delay:.87s}.modaal-loading-spinner >div:nth-of-type(8){transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;transform:none;background:rgba(0,0,0,0.7)}.modaal-gallery-control:before,.modaal-gallery-control:after{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px !important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px !important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px !important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px !important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px !important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;transform:scale(1.5)}100%{opacity:.1;transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;transform:scale(1.5)}100%{opacity:.1;transform:scale(1)}}

@media screen and (max-width: 480px) {/*this-site-only-tuika*/
	.modaal-inner-wrapper {
		padding: 60px 10px;
	}
}

.modaal-fullscreen .modaal-close:after,
.modaal-fullscreen .modaal-close:before{top:10px;left:24px;width:3px;height:30px;border-radius:3px;}

.modaal-fullscreen .modaal-content-container { padding: 0px; background:none;}
.modaal-fullscreen .modaal-close { right:25px;background:rgba(0,0,0,.6);}

.modaal-fullscreen .modaal-close:focus,
.modaal-fullscreen .modaal-close:hover {background:rgba(255,255,255,.5);}

.modaal-fullscreen .modaal-close:focus:after,
.modaal-fullscreen .modaal-close:focus:before,
.modaal-fullscreen .modaal-close:hover:after,
.modaal-fullscreen .modaal-close:hover:before{background:#222; opacity:.7;}

/*CSS単独_tooltip------------*/
.tooltip {
	visibility: hidden;
	text-align: center;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms;
	width:200%;
	max-width:200px;
	bottom: 125%;
	left: 20%;
	margin-left: -60px;
}

.tooltip > .tooltip-text {
	background-color: black;
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	display: inline-block;
}

.tooltip > .tooltip-text::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.tool-ttl:hover > .tooltip {
	visibility: visible;
	opacity: 1;
}

.tool-ttl {
	position: relative;
	padding: 3px 3px 0;
	background:rgba(242,221,112,.5);
	border-bottom:1px solid #f2cc33;
}