@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

* {
 padding             : 0;
 margin              : 0;
}

html{
 font-size           : 62.5%;
 line-height         : 140%;
 height              : 100%;
 padding             : 0 0 0 0 !important;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
 font-family         : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
/* font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif; */
/* font-family         : "M PLUS Rounded 1c", sans-serif; */
 letter-spacing      : 0.05em;
 color               : #000000; /*#3e3a39;*/
}

img {
 max-width           : 100%;
 border              : 0;
 vertical-align      : bottom;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
a{
 text-decoration     : none;
 color               : #3e3a39;
}
a:hover{
 text-decoration     : none;
 color               : #b71c25;
}
a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}


a:hover img{
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 background-color    : rgba(255, 255, 255, 0);
 margin              : 0 0 0 0 !important;
}

a img{
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
 -webkit-transition  : 0.2s;
 -moz-transition     : 0.2s;
 -o-transition       : 0.2s;
 -ms-transition      : 0.2s;
 transition          : 0.2s;
}

.clear-both{
 clear               : both;
}

.red{ color : #e50011; }/*a44329*/


a[href^="tel:"]{
 pointer-events      : none;
}

.codepc{ display     : inline; }
.codesp{ display     : none; }

.side_btn {
 position            : fixed;
 top                 : 150px;
 right               : 0;
 z-index             : 9999;
}

#page-top{
 position            : fixed;
 bottom              : 5vw;
 right               : 3vw;
 z-index             : 9998;
}
#page-top img{
 width               : 6vw;
}

ruby{
 ruby-position: under;
}



/*-------------------------------------------
ヘッダ
-------------------------------------------*/
header{
 width               : 100%;
 text-align          : center;
 background          : #0f0f0f;
}
header:after {
 content             : "";
 display             : block;
 clear               : both;
}
header h1{
 display             : none;
}



/*-------------------------------------------
フッター
-------------------------------------------*/
#footer{
 width               : 100%;
 text-align          : center;
 font-size           : 1.2vw;
 line-height         : 160%;
 background          : #221814;
 color               : #ffffff;
 padding             : 3vw 0 10vw 0;
}
#footer:after{
 content             : "";
 display             : block;
 clear               : both;
}
#footer p{
 padding             : 0 0 1.5em 0;
}
#footer p img{
 width               : 4vw;
 padding             : 0 0 1.5em 0;
}
#footer .fmenu{
 font-size           : 0.9vw;
}
#footer .fmenu a{
 color               : #ffffff;
}
#footer .fmenu a:hover{
 color               : #e50011;
}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/
.container{
 width               : 76%;
 margin              : 0 auto;
 padding             : 1vw 0 5vw 0;
}
.container:after {
 content             : "";
 display             : block;
 clear               : both;
}

.container .content{
 width               : 86%;
 margin              : 0 auto;
 padding             : 1vw 0 5vw 0;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
 letter-spacing      : 0.05em;
}
.container .content p{
 width               : 100%;
 padding             : 0 0 2em 0;
}

.img80center{
 width               : 80%;
 padding             : 0 10% 0 10%;
}

.mds00{
 width               : 86%;
 margin              : 0 auto;
 padding             : 2vw 0 0.5vw 0;
 font-size           : 3vw;
 line-height         : 160%;
 text-align          : center;
 letter-spacing      : 0.1em;
 color               : #ff0000;
}
.mds01{
 width               : 86%;
 margin              : 0 auto;
 padding             : 2vw 0 2vw 0;
 font-size           : 2.5vw;
 line-height         : 160%;
 text-align          : center;
 letter-spacing      : 0.1em;
 color               : #26267b;
}

.mds00 img{
 width               : 10%;
 padding             : 0 0 1vw 0;
}
.mds01 img{
 width               : 10%;
 padding             : 0 0 1vw 0;
}


.meibo{
 float               : left;
 display             : inline;
 width               : 44%;
 padding             : 5vw 3% 0 3%;
 font-size           : 1.9vw;
}
.meibo:after {
 content             : "";
 display             : block;
 clear               : both;
}
.meibo .cell{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1vw 0 1vw 0;
 border-bottom       : 1px dotted #cccccc;
}
.meibo .cell .cellname{
 float               : left;
 display             : inline;
 width               : 85%;
 padding             : 0 0 0 5%;
}
.meibo .cell .cellkei{
 float               : left;
 display             : inline;
 width               : 10%;
 font-size           : 1.6vw;
}
.meibo .cell .ls0{
 letter-spacing      : 0;
}







/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

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

		.codepc{ display     : inline; }
		.codesp{ display     : none; }

		a[href^="tel:"]{
		 pointer-events: auto;
		}

}/*----------*/





/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (max-width: 850px) {

	.codepc{ display     : none; }
	.codesp{ display     : inline; }

	a[href^="tel:"]{
	 pointer-events: auto;
	}

	#page-top{
	 bottom              : 3vw;
	 right               : 1vw;
	 z-index             : 99999 !important;
	}
	#page-top img{
	 width               : 15vw;
	}



	/*-------------------------------------------
	ヘッダ
	-------------------------------------------*/
	header{
	}
	header:after {
	}
	header h1{
	}



	/*-------------------------------------------
	フッター
	-------------------------------------------*/
	#footer{
	 width               : 90%;
	 font-size           : 3.5vw;
	 line-height         : 160%;
	 padding             : 3vw 5% 10vw 5%;
	}
	#footer:after{
	}
	#footer p{
	}
	#footer p img{
	 width               : 15vw;
	 padding             : 0 0 1.5em 0;
	}
	#footer .fmenu{
	 font-size           : 3vw;
	}
	#footer .fmenu a{
	}
	#footer .fmenu a:hover{
	}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/
	.container{
	 width               : 100%;
	 padding             : 0vw 0 5vw 0;
	}
	.container:after {
	}

	.container .content{
	 width               : 86%;
	 padding             : 1vw 0 5vw 0;
	 font-size           : 3.7vw;
	 line-height         : 160%;
	}
	.container .content p{
	 width               : 100%;
	 padding             : 0 0 2em 0;
	}

	.img80center{
	 width               : 100%;
	 padding             : 0 0% 0 0%;
	}

	.mds00{
	 width               : 100%;
	 padding             : 5vw 0 4vw 0;
	 font-size           : 7vw;
	}
	.mds01{
	 width               : 100%;
	 padding             : 5vw 0 4vw 0;
	 font-size           : 5vw;
	}

	.mds00 img{
	 width               : 15%;
	 padding             : 0 0 1vw 0;
	}
	.mds00 img{
	 width               : 15%;
	 padding             : 0 0 3vw 0;
	}


	.meibo{
	 float               : left;
	 display             : inline;
	 width               : 48%;
	 padding             : 5vw 1% 0 1%;
	 font-size           : 2.5vw;
	 letter-spacing      : 0;
	}
	.meibo:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}
	.meibo .cell{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 1vw 0 1vw 0;
	 border-bottom       : 1px dotted #cccccc;
	}
	.meibo .cell .cellname{
	 float               : left;
	 display             : inline;
	 width               : 85%;
	 padding             : 0 0 0 5%;
	}
	.meibo .cell .cellkei{
	 float               : left;
	 display             : inline;
	 width               : 10%;
	 font-size           : 2vw;
	}
	.meibo .cell .ls0{
	 letter-spacing      : 0;
	}






}/*----------*/