/* CSS Document */

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 100%;
}
address {
	font-style: normal;

}
img {
	border: none;
}
body {
	text-align: center;
	background-color: #F0F0E1;
}
a:link {
	text-decoration: underline;
	color: #06F;
}
a:visited {
	text-decoration: underline;
	color: #63F;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
table {
	border-collapse:collapse;
}
.lineh0 {line-height: 0%;}
.clear {
	clear: both;
}
.imgwide {
	width: 100%;
	line-height: 0%;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}


.n_table {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.n_table th {
	text-align: left;
	padding-left: 100px;
}
.n_table td {
	text-align: right;
	padding-right: 100px;
}
.n_table th,.n_table td {
	line-height: 160%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	font-weight: 300;
	padding-top: 15px;
	padding-bottom: 15px;
}


.n_table2 {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.n_table2 th {
	text-align: left;
	padding-left: 100px;
	width: 80%;
}
.n_table2 td {
	text-align: right;
	padding-right: 100px;
	width: 20%;
}
.n_table2 th,.n_table2 td {
	line-height: 160%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	font-weight: 300;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 90%;
}


.sp {
	display: none !important;
}
.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.redtxt {
	color: #C00;
}


.inputarea_zip {
	width: 60%;
}
.inputarea_name {
	width: 60%;
}
.inputarea_other {
	width: 60%;
}
.inputarea_add {
	width: 60%;
}
.inputarea_txt {
	height: 150px;
	width: 60%;
}
.inputarea_zip, .inputarea_name, .inputarea_other, .inputarea_add, .inputarea_txt {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
}
.preview {
	text-align: center;
	clear: both;
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.preview input {
	display: block;
	border-radius: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 300px;
	background-color: #0BA29A;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
}





.mgt0 {margin-top: 0px !important;}
.mgt5 {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt35 {margin-top: 35px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt60 {margin-top: 60px !important;}
.mgt70 {margin-top: 70px !important;}
.mgt80 {margin-top: 80px !important;}
.mgt90 {margin-top: 90px !important;}
.mgb0 {margin-bottom: 0px !important;}
.mgb5 {margin-bottom: 5px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb15 {margin-bottom: 15px !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb25 {margin-bottom: 25px !important;}
.mgb30 {
	margin-bottom: 20px !important;
}
.mgb35 {margin-bottom: 35px !important;}
.mgb40 {margin-bottom: 40px !important;}
.mgb50 {margin-bottom: 50px !important;}
.mgb60 {margin-bottom: 60px !important;}
.mgb70 {margin-bottom: 70px !important;}
.mgb80 {margin-bottom: 80px !important;}
.mgb90 {margin-bottom: 90px !important;}
.mgl0 {margin-left: 0px !important;}
.mgl5 {margin-left: 5px !important;}
.mgl10 {margin-left: 10px !important;}
.mgl15 {margin-left: 15px !important;}
.mgl20 {margin-left: 20px !important;}
.mgl25 {margin-left: 25px !important;}
.mgl30 {margin-left: 30px !important;}
.mgl35 {margin-left: 35px !important;}
.mgl40 {margin-left: 40px !important;}
.mgl50 {margin-left: 50px !important;}
.mgl60 {margin-left: 60px !important;}
.mgl70 {margin-left: 70px !important;}
.pt0 {padding-top: 0 !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;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt100 {padding-top: 100px !important;}
.pr0 {padding-right: 0 !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;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr70 {padding-right: 70px !important;}
.pr80 {padding-right: 80px !important;}
.pb0 {padding-bottom: 0 !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;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pl0 {padding-left: 0 !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;}
.pl50 {padding-left: 50px !important;}
.pl60 {padding-left: 60px !important;}
.pl70 {padding-left: 70px !important;}
.pl80 {padding-left: 80px !important;}




a img {
	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
		 -o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


.white {
	background-color: #FFF;
}
.black {
	background-color: #000;
}

.lttl {
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	letter-spacing: 25px;
	clear: both;
	margin-bottom: 30px;
}
.lttl2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 200%;
	letter-spacing: 25px;
	clear: both;
	margin-bottom: 30px;
}
.mttl {
	font-size: 120%;
	font-weight: 600;
	letter-spacing: 5px;
	clear: both;
	margin-bottom: 30px;
	line-height: 160%;
}
.sttl {}
.np {
	line-height: 200%;
	font-weight: 400;
	font-size: 90%;
}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.more {}
.more a {
	font-size: 130%;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	color: #333;
}
.tel {
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	letter-spacing: 5px;
}
.more a:hover {
	text-decoration: underline;
}









#header {
	clear: both;
	width: 100%;
	background-color: #1C1F24;
	height: 100px;
	position: fixed;
	z-index: 9999;
}
#logo {
	float: left;
	padding-left: 40px;
}
#header ul {
	float: right;
	padding-right: 20px;
}
#header ul li {
	float: left;
	line-height: 100px;
	padding-right: 20px;
}
#header ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #FFF;
}
#header ul li a:link,#header ul li a:visited {}
#header ul li a:hover,#header ul li a:active {
	text-decoration: underline;
}
#copytxt {
	font-family: "Times New Roman", Times, serif;
	color: #525261;
	font-size: 90%;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.section {
	clear: both;
	width: 100%;
	min-width: 1140px;
}
.section:after {
height: 0;
visibility: hidden ;
content: ".";
display: block ;
clear: both ;
}
.content {
	clear: both;
	width: 1140px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	}
.content:after {
height: 0;
visibility: hidden ;
content: ".";
display: block ;
clear: both ;
}






@media screen and (max-width: 768px) {
	
	
		#header {
			height: 70px!important;
}

	.sp {
	display: block !important;
}
.pc {
	display: none !important;
}

#header #logo {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottm: 0px;
	width: 50%;
	text-align: left!important;
}
#header #logo img {height: 70px!important;}

nav.NavMenu{
			position: fixed;	/*表示位置を固定*/
			z-index: 9999;		/*重ね順を変更*/
			top: 0;		/*表示位置を指定*/		
			left: 0;	/*表示位置を指定*/
			background: #000;/*背景を白にする*/
			color: #fff;	/*文字色を黒にする*/
			text-align: center;		/*テキストを中央揃え*/
			width: 100%;	/*全幅表示*/
			transform: translateY(-100%);	/*ナビを上に隠す*/
			transition: all 0.6s;	/*アニメーションの時間を指定*/
				
		}

		nav.NavMenu ul{
			background: #000;

			width: 100%;	
			margin: 0 auto;
			padding: 0;
			
					}

		nav.NavMenu ul li{
	font-size: 90%;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin: 0px;
			
		}

		nav.NavMenu ul li:last-child{
			padding-bottom: 0;
			border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
		}

		nav.NavMenu ul li a{
	display: block;		/*クリックできる領域を広げる*/
	color: #fff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
		}
		
		nav.NavMenu.active{
			transform: translateY(0%);		/*ナビを表示する*/
		}

		.Toggle {
		    display: block;
		    position: fixed;    /* bodyに対しての絶対位置指定 */
		    right: 13px;
		    top: 12px;
		    width: 42px;
		    height: 42px;
		    cursor: pointer;
		    z-index: 9999;
		}
		 
		.Toggle span {
		    display: block;
		    position: absolute;
		    width: 30px;
		    border-bottom: solid 3px #fff;
		    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
		    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
		    transition: .35s ease-in-out;			/*変化の速度を指定*/
		    left: 6px;
			
		}
		 
		.Toggle span:nth-child(1) {
		    top: 9px;
		}
		 
		.Toggle span:nth-child(2) {
		    top: 18px;
		}
		 
		.Toggle span:nth-child(3) {
		    top: 27px;
		}
		 
		/* 最初のspanをマイナス45度に */
		.Toggle.active span:nth-child(1) {
		    top: 18px;
		    left: 6px;
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		 
		/* 2番目と3番目のspanを45度に */
		.Toggle.active span:nth-child(2),
		.Toggle.active span:nth-child(3) {
		    top: 18px;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    transform: rotate(45deg);
		}
	#fade{
			display: none;
		}
	
	.content {
	width: 100%;
	min-width: 100%;
	}
	.section {width: 100%;
	min-width: 100%;}
	
	
	
	.lttl {
	font-size: 160%;
	letter-spacing: 5px;
		margin-bottom: 20px;
}
.lttl2 {
	font-size: 140%;
	letter-spacing: 0px;
}
.mttl {
	font-size: 100%;
	font-weight: 500;
	letter-spacing: 0px;
	}
	
		.spyouso {width: 90%;
	margin-right: auto;
	margin-left: auto;}
	.sptxt {
	text-align: left;
}
	.tel {
	font-size: 150%;
	letter-spacing: 0px;
}
		.tel a {
	font-family: "Times New Roman", Times, serif;
}
	
		.spbtn_01 {
	width: 40%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
	.spbtn_02 img {
	width: 80%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
	.spbtn_01 img {width: 100%;}
	
	
	.n_table2 ,.n_table {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.n_table2 th {
	padding-left: 10px;
	width: 70%;
}
.n_table2 td {
	padding-right: 10px;
	width: 30%;
}
.n_table2 th,.n_table2 td,.n_table th,.n_table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.n_table th {
	padding-left: 10px;
	width: 50%;
}
.n_table td {
	padding-right: 10px;
	width: 50%;
}
	
	
	
	.inputarea_zip {
	width: 100%;
}
.inputarea_name {
	width: 100%;
}
.inputarea_other {
	width: 100%;
}
.inputarea_add {
	width: 100%;
}
.inputarea_txt {
	height: 150px;
	width: 100%;
}
	
.mgt15 {margin-top: 10px !important;}
.mgt20 {margin-top: 10px !important;}
.mgt25 {margin-top: 10px !important;}
.mgt30 {margin-top: 15px !important;}
.mgt35 {margin-top: 15px !important;}
.mgt40 {margin-top: 20px !important;}
.mgt50 {margin-top: 30px !important;}
.mgt60 {margin-top: 30px !important;}
.mgt70 {margin-top: 30px !important;}
.mgt80 {margin-top: 40px !important;}
.mgt90 {margin-top: 40px !important;}

.mgb15 {margin-bottom: 10px !important;}
.mgb20 {margin-bottom: 10px !important;}
.mgb25 {margin-bottom: 10px !important;}
.mgb30 {margin-bottom: 15px !important;}
.mgb35 {margin-bottom: 15px !important;}
.mgb40 {margin-bottom: 20px !important;}
.mgb50 {margin-bottom: 30px !important;}
.mgb60 {margin-bottom: 30px !important;}
.mgb70 {margin-bottom: 30px !important;}
.mgb80 {margin-bottom: 40px !important;}
.mgb90 {margin-bottom: 40px !important;}

.mgl15 {margin-left: 10px !important;}
.mgl20 {margin-left: 10px !important;}
.mgl25 {margin-left: 10px !important;}
.mgl30 {margin-left: 15px !important;}
.mgl35 {margin-left: 15px !important;}
.mgl40 {margin-left: 20px !important;}
.mgl50 {margin-left: 30px !important;}
.mgl60 {margin-left: 30px !important;}
.mgl70 {margin-left: 30px !important;}

.pt15 {padding-top: 10px !important;}
.pt20 {padding-top: 10px !important;}
.pt25 {padding-top: 10px !important;}
.pt30 {padding-top: 15px !important;}
.pt35 {padding-top: 15px !important;}
.pt40 {padding-top: 20px !important;}
.pt50 {padding-top: 30px !important;}
.pt60 {padding-top: 30px !important;}
.pt70 {padding-top: 30px !important;}
.pt80 {padding-top: 40px !important;}
.pt100 {padding-top: 50px !important;}

.pr15 {padding-right: 10px !important;}
.pr20 {padding-right: 10px !important;}
.pr25 {padding-right: 10px !important;}
.pr30 {padding-right: 15px !important;}
.pr35 {padding-right: 15px !important;}
.pr40 {padding-right: 20px !important;}
.pr50 {padding-right: 30px !important;}
.pr60 {padding-right: 30px !important;}
.pr70 {padding-right: 30px !important;}
.pr80 {padding-right: 40px !important;}

.pb15 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 10px !important;}
.pb25 {padding-bottom: 10px !important;}
.pb30 {padding-bottom: 15px !important;}
.pb35 {padding-bottom: 15px !important;}
.pb40 {padding-bottom: 20px !important;}
.pb50 {padding-bottom: 30px !important;}
.pb60 {padding-bottom: 30px !important;}
.pb70 {padding-bottom: 30px !important;}
.pb80 {padding-bottom: 40px !important;}

.pl15 {padding-left: 10px !important;}
.pl20 {padding-left: 10px !important;}
.pl25 {padding-left: 10px !important;}
.pl30 {padding-left: 15px !important;}
.pl35 {padding-left: 15px !important;}
.pl40 {padding-left: 20px !important;}
.pl50 {padding-left: 30px !important;}
.pl60 {padding-left: 30px !important;}
.pl70 {padding-left: 30px !important;}
.pl80 {padding-left: 40px !important;}

/*
.size200p {	font-size: 170%; }
.size190p {	font-size: 160%; }
.size180p {	font-size: 150%; }
.size170p {	font-size: 140%; }
.size160p {	font-size: 130%; }
.size150p {	font-size: 120%; }
.size140p {	font-size: 110%; }
.size130p {	font-size: 100%; }
*/

}