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

/*------------------------------------------------
setting files
--------------------------------------------------*/

*{
	box-sizing:border-box;
}


html{
	overflow-y: scroll;
}

.clearfix, header .wrapper, header .wrapper ul, #gnav .wrapper, #container, .contentBox01 .dateBox,
article .dateBox, .contentBox01 .contentBox01In,
article .contentBox01In {
  *zoom: 1;
}
.clearfix:after, header .inr:after, header .inr ul:after, #gnav .wrapper:after, #container:after, .contentBox01 .dateBox:after,
article .dateBox:after, .contentBox01 .contentBox01In:after,
article .contentBox01In:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/*------------------------------------------------
parts
--------------------------------------------------*/



.center{
	text-align:center;
}
.strong{
	font-weight:bold;
}
.bdrNone{
	border:0 !important;
}

/*価格は全て税抜き表示*/
.wo_tax{
	text-align:right;
}

.wo_tax span{
	color:#fff;
	padding:5px 10px;
	text-shadow: 1px 1px 3px #6ba608;
	border-radius:4px 4px 0 0 ;
	border:1px solid #6ba608;
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

　
.heading_01 {
	position: relative;
  border-bottom: #fff 1px solid;
  padding-bottom: 5px;
  text-align: left;
  color: #888;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.6;
}

.heading_fw {
	position: relative;
  border-bottom: #fff 1px solid;
  padding-bottom: 5px;
  text-align: left;
  color: #888;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.6;
}
.heading_toilet {
    padding-bottom: 5px;
    background: linear-gradient(358deg, #29abe9 0%, #0252a3 40%, #00a9f9 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.heading_01, .heading_02, .heading_03 , .heading_03_b_red , .heading_bk ,.heading_fw ,{
    /*font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
    font-weight: bold;
	font-family: inherit;
}


.pattern{
position: relative;
color: black;
text-align: left;
background: #d0ecff;
line-height: 1.4;
padding: 10px;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.pattern:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
background: #2196F3;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 7px 7px 7px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.05em
}

.pattern.no1:after{
content: 'パターン1';
}

.pattern.no2:after{
content: 'パターン2';
}

.pattern.no3:after{
content: 'パターン3';
}

.pattern.no4:after{
content: 'パターン4';
}

.pattern.no5:after{
content: 'パターン5';
}








/*-----------【　h2　】----------*/

h2.heading_01 {
    padding: 10px 24px 8px 24px;
    color: #fff;
    font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    box-shadow: 0px 0px 2px #bbb;
    background: #0065cc;
    border-bottom: 4px solid #004993;
}
}
h2.heading_bk {
    padding: 10px 18px 10px 18px;
    color: #fff;
    font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    box-shadow: 0px 0px 2px #bbb;
    background: #333;
    text-align: left;
}
h2.heading_fw {
    color: #fff;
    font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    text-align: left;
    font-size: 1.5em;
}
h2.heading_toilet {
    color: #333;
    font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    text-align: left;
    font-size: 1.5em;
}
/**h2.heading_01:before{
    content: '';
    display: block;
    position: absolute;
	top: 10%;
    left: 10px;
    width: 8px;
    height: 80%;
	text-shadow:1px 1px 1px #bbb;
    background: #333;
	
	
	
	
	
}*/


h2.heading_02{
    padding: 0;
    */: ;
    color: #ffffff;
    font-size: 24px;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    box-shadow: 0px 0px 2px #bbb;
    background: #0065cc;
    text-align: center;
}

h2.heading_03{	
    font-size: 20px;
    padding: 12px;
    margin-bottom: 10px;
    background: #29abe9;
    font-family: inherit;
    color: #fff;
}
h2.kyuutouki_h{
	padding: 0; */
    color: #ffffff;
    font-size: 24px;
    padding: 10px 0 8px;
	color: #fff;
	font-weight: bold;
    border-left: 0;
    border-bottom: 0;
    box-shadow: 0px 0px 2px #bbb;
    background: #0065cc;
	text-align: center;
	text-shadow: 2px 2px 5px #043c6c;
}

	
	


/*-----------【　h3　】----------*/

h3.heading_01 {
    position: relative;
    font-size: 18px;
    padding: 10px 20px 8px;
    /* background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%); */
    /* background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%); */
    /*color: #0065cc;*/
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); */
    margin-bottom: 20px;
    background: #f1f1f1;
    border: 1px solid #dfdfdf;
    font-family: inherit;
    clear: both;
    border-bottom: 2px solid !important;
}

h3.reading_01 {
	font-size: 22px;
	text-align: center;
    margin: 40px 0;
	font-weight: bold;
}
h3.heading_01_b_red{
	position: relative;
  padding: 10px 30px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}


h3.heading_01_b_red:before{
  content: '';
  display: block;
  position: absolute;
	top: 10%;
  left: 10px;
  width: 8px;
  height: 80%;
  background: #fff;
}

h3.heading_bk{
    position: relative;
    font-size: 18px;
    padding: 10px 20px 8px;
    /* background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%); */
    /* background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%); */
    color: #fff;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); */
    margin-bottom: 20px;
    background: #454444;
    border: 1px solid #292929;
    font-family: inherit;
    clear: both;
    margin-top: 20px;
}

/**キャッチ**/
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
	clear: both;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}

h3.heading-001 {
    position: relative;
    padding: 25px 20px 12px 68px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

h3.heading-001::before, h3.heading-001::after {
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #e60000;
    content: '';
}

h3.heading-001::before {
    top: calc(58% - 6px);
    left: 25px;
}

h3.heading-001::after {
    top: calc(58% + 2px);
    left: 16px;
}
/*-----------【　h4　】----------*/

/*h4.heading_01 {
    border: 0;
    font-size: 18px !important;
    border-radius: 0px;
    line-height: 1.5;
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    background: #eee;
    font-size: 20px;
    font-family: inherit;
    clear: both;
    border: 1px solid #ccc;
    border-bottom: 2px solid #aaa;
}*/
h4.heading_01 {
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
}
h4.heading_kira{
	border: 0;
    font-size: 16px;
    color: #333;
    border-radius: 4px;
    line-height: 1.5;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
    background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
    color: #fff;
    text-shadow: 0 0 black;
	font-weight: bold;
	clear: both;
}

h4.heading_03{	
}

h4.heading_04{
	border:0;
	font-size: 14px;
	color:#333;
	border-radius:4px;
  line-height: 1.5;
	padding:2px 10px;
	background:#a6e5f3;

}

h4.heading_05{
	border:0;
	font-size: 14px;
	color:#333;
	border-radius:4px;
  line-height: 1.5;
	padding:2px 10px;
	background:#f3f1a6;

}

h4.heading_06{
	border:0;
	font-size: 14px;
	color:#333;
	border-radius: 0px;
  line-height: 1.5;
	padding:2px 10px;
	background:#a7f3a6;

}
h4.heading_07{
    border: 0;
    font-size: 14px !important;
    color: #333;
    border-radius: 0px;
    line-height: 1.5;
    padding: 5px 20px;
    margin-top: 20px;
    background: #ececec;
    font-weight: bold;

}
h4.heading_08{
    font-size: 22px;
    padding: 3px 12px;
    border-left: 6px solid #29abe9;
    margin-bottom: 10px;
    font-weight: 600;
}
h4.heading_m{
    font-size: 16px;
    padding: 10px;
	font-weight: bold;
}

/*-----------【　h5　】----------*/

h5.heading_01{
	color:#333;
	border-radius:4px;
    line-height: 1.5;
	padding:5px 10px;
    margin-bottom: 10px;
	background:#f3f3f3;
	font-size: 14px;
	margin-bottom: 20px;
    margin-top: 20px;
    font-family: sans-serif !important;
}



h5.heading_02{	
    margin: 8px;
}

h5.heading_03{	
	padding: 4px 10px;
    margin: 8px;
    font-size: 16px;
}

h5.heading_staff{
    font-size: 16px;
    padding: 10px 0 10px 20px;
	font-weight: bold;
}

/*-----------【　h6　】----------*/

h6.heading_01{
	background:none;
	font-size: 12px;
	color:#6C6C6C;
	border-radius:4px;
	border:1px solid #ccc;
  line-height: 1.5;
	padding:5px 10px;
  margin-bottom: 10px;
}

h6.heading_02{
	background:none;
	font-size: 12px;
	color:#6C6C6C;
	border-radius:4px;
	border:1px solid #ccc;
  line-height: 1.5;
	padding:5px 10px;
  margin-bottom: 10px;
    margin: 20px;
}

h6.heading_03{	
    background: none;
    font-size: 16px;
    color: #4f4d47;
    line-height: 1.6;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin: 20px;
}



/*--margin/padding--*/
.m0auto{margin:0 auto !important;}
.m0{margin:0 !important;}
.m05{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m35{margin:35px !important;}
.m40{margin:40px !important;}
.m45{margin:45px !important;}
.m50{margin:50px !important;}

.mt0{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt56{margin-top:56px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}


.mr0{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.p0{padding:0 !important;}
.p05{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs26{font-size: 26px !important;}


/****カラー****/
.red_b{
    font-weight: bold !important;
    color: #eb0000 !important;
}



/***ボーダー***/
.bd0{
	border: 0px !important;
}

/***float***/
.fl_l{
    float: left !important;
}


/*文字寄せ*/
.txt-l{
	text-align:left !important;
}

.txt-c{
	text-align:center !important;
}

.txt-r{
	text-align:right !important;
}

.display-none{
	display:none;
}

.btn{
	 /*text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;*/
}

.btn_change a,
.btn_change button{
	position: relative;
  display: inline-block;
  text-decoration: none;
	text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
  color: #FFF;
  padding: 8px 35px;
  background: #ed1a1f;
  border-bottom: solid 2px #c00e12;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.login button,
.addBtn a,
.addBtn button{
  position: relative;
  display: inline-block;
  text-decoration: none;
	text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
  color: #FFF;
  padding: 8px 35px;
  background: #00b050;
  border-bottom: solid 2px #017b38;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn_change a:hover,
.btn_change button:hover,
.login button:hover,
.btn_change a:hover,
.addBtn a:hover,
.addBtn button:hover{
  cursor: pointer;
  box-shadow: 0px 0px 10px -2px #848585 inset;
  -moz-box-shadow: 0px 0px 10px -2px #848585 inset;
  -webkit-box-shadow: 0px 0px 10px -2px #848585 inset;
}

.vm{
	vertical-align:middle !important;
}

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

.red{
	color:#EB0000;
}

.ui_btn {
  font-size: 14px;
  margin: 0 auto;
  padding: 6px 40px 6px 40px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  border-color: transparent rgba(0,0,0,0.2) rgba(0,0,0,0.5) transparent;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.ui_btn:hover{
  opacity: 0.8;
}

.ui_btn:active {
  border-color: rgba(0,0,0,0.5) transparent transparent rgba(0,0,0,0.2);
  box-shadow: 0 -1px 4px rgba(0,0,0,0.2);
}

.ui_btn.green {
  background-color: #4b4;
  color: #fff;
}

.page-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	padding: 10px;
	background: #7e7a7a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index: 99999999;
}


.wd100 img{
	width: 100%;
}
.wd100 table{
	width: 100%;
}

.li_h15{
	line-height: 1.5em;
}
.li_h16{
	line-height: 1.6em;
}
.li_h18{
	line-height: 1.8em;
}




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
    
h2.heading_01 {
    font-size: 1.7em;
    text-align: left;
    padding: 10px 24px 8px 24px;
}
h2.heading_bk {
    text-align: left;
    font-size: 1.7em;
    padding: 10px 24px 8px 24px;
    margin: 20px 0 20px 0;
    background-color: #333;
    color: #fff;
    border:none;
    font-weight: bold;
}
h2.heading_fw {
    text-align: left;
    font-size: 1.7em;
    margin: 2px 10px;
}
h2.heading_toilet {
    text-align: left;
    font-size: 1.7em;
    margin: 2px 10px;
}
h3.reading_01 {
    font-size: 26px;
}
    

    
    
/****ボーダー***/
.bdc_gray1 img{
    border: 2px solid #ddd;
}
    
    
    
    
    

｝


/*タブレット*/
@media screen and (max-width : 959px){

/****ボーダー***/
.bdc_gray1 img{
    border: 2px solid #ddd;
}	
/*-----------【　h2　】----------*/


	
}




/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width : 480px){
.mt122{margin-top:122px !important;}
	
.mt120{margin-top:120px !important;}
	
.mt114{margin-top:114px !important;}
	
.mt70{margin-top:70px !important;}
	
.mt72{margin-top:72px !important;}
	
.mt78{margin-top:78px !important;}
	
h5.heading_staff{
    padding: 20px;
}
h2.kyuutouki_h{
	font-size: 18px;
}
.bb{
	margin: 0 calc(50% - 50vw) !important;
}	
	
h2.heading_01 {
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
    font-size: 19px !important;
    margin-bottom: 20px;
	padding: 10px 0 8px 0 !important;
}
h2.heading_02 {
    margin: 0 calc(50% - 50vw);
	margin-bottom: 14px;
	padding: 10px 0 8px 0;
}
h2.heading_bk {
    text-align: left;
    font-size: 1.7em;
    padding: 10px 24px 8px 24px;
    margin: 20px 0 20px 0;
    background-color: #333;
    color: #fff;
    border:none;
    font-weight: bold;
}
h2.heading_fw {
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
    font-size: 19px !important;
    margin-bottom: 20px;
	padding: 10px 0 8px 0 !important;
}
h3.heading_01 {
    margin: 0 calc(50% - 50vw);
	margin-bottom: 20px;
	margin-top: 20px;
}

  /****ボーダー***/
.bdc_gray1 img{
    border: none;
}  
/***float***/
.fl_l_s{
    float: left !important;
}
    
}