@charset "UTF-8";
@import url("css/style_GeneralSetting.css");
@import url("css/style_Typography.css");


/****************************************

          General Setting

*****************************************/
body{
	color:#000;
	background-color:#fff;
}

/*検証用*/
.red{
	background-color:rgba(255, 0, 0, 0.3);
}
.red2{
	color:red;
	border:solid 1px red;
	background-color:rgba(255, 0, 0, 0.3);
	box-sizing:border-box;
}
.green{
	background-color:rgba(0, 255, 0, 0.3);
}
.green2{
	color:green;
	border:solid 1px green;
	background-color:rgba(0, 255, 0, 0.3);
	box-sizing:border-box;
}
.opacity00{opacity:0;}
.opacity01{opacity:0.1;}
.opacity02{opacity:0.2;}
.opacity03{opacity:0.3;}
.opacity04{opacity:0.4;}
.opacity05{opacity:0.5;}
.opacity06{opacity:0.6;}
.opacity07{opacity:0.7;}
.opacity08{opacity:0.8;}
.opacity09{opacity:0.9;}
.opacity10{opacity:1;}


/****************************************

          フレーム,
          ヘッダー（グローバルナビ）
          ページトップへ移動ボタン
          フッター

*****************************************/
/*フレーム*/
#gNavi>div,
#gBtnPageTop,
#slickMain,
main,
section,
footer>div{
	position:relative;
	height:auto;
	width:100%;
}
    #gBtnPageTop>div,
    section>div,
    footer>div{
        width:100%;
        max-width:1280px;
    }


/*ヘッダー（グローバルナビ）------------*/
#gNavi{
	z-index:940;
	position:fixed;
	top:0;
	height:80px;
	width:100%;
    overflow:hidden;
    font-size:1.3rem;
	background-color:white;
	pointer-events:none;/*ヘッダー背景は#gShieldクリック時に反応*/
}
	#gNavi>div{
		position:relative;
        width:100%;
        max-width:1280px;
        margin-top:20px;
    }
	#gNavi>div *{
		pointer-events:auto;/*内容は#gShieldクリックとは分離*/
    }
		#gNavi>div h1{/*ロゴ*/
			float:left;
			margin:2px auto auto 24px;
		}
		#gNaviIcon,/*お問い合わせ～メニュー*/
		#gNavi>div>ul{
			float:right;
		}
		#gNaviIcon{/*お問い合わせ～TEL・受付時間*/
			width:34.3%;
		}
            #gNaviIcon>a,
            #gNaviIcon>div{
				display:inline-block;
                float:left;
            }
			#gNaviIcon>a>p{/*お問い合わせ*/
    			margin-top:6px;
				height:44px;/*38px*/
				width:131px;/*113px*/
			}
			#gNaviIcon>a>p>img{
				display:inline-block;
				height:44px;/*38px*/
				width:131px;/*113px*/
			}
            #gNaviIcon>div:first-of-type{/*TEL・受付時間*/
    			margin-top:-1px;
                margin-right:11px;
                color:#f15a24;
            }
                #gNaviIcon>div:first-of-type h2{/*TEL*/
                    height:1.0em;
                    margin-top:1px;
                    font-size:2.2rem;
                    letter-spacing:-0.01em;
                }
                #gNaviIcon>div:first-of-type p{/*受付時間*/
                    margin-top:10px;
                }
				#gNaviIcon>div.rikunabi{/*リクナビ・バナー*/
					height:auto;
					width:108px;
					margin:6px auto auto 11px;
					overflow:hidden;
				}
					#gNaviIcon>div.rikunabi>a{
						display:inline-block;
					}
						#gNaviIcon>div.rikunabi>a>img{
							display:inline-block;
							height:auto;
							width:108px;
						}

		/*メニュー*/
		#gNavi>div>ul{
			position:absolute;
			top:27px;
			left:203px;
			width:608px;

            /*テキストを選択不可に*/
			user-select:none;
			-webkit-user-select:none;
			-moz-user-select:none;
			-ms-user-select:none;
		}
            #gNavi>div>ul a:link,
            #gNavi>div>ul a:visited,
            #gNavi>div>ul a:hover{
                color:#595757;
            }

		/*SPメニューボタン（三、✕）---*/
		#btn_spMenu{
			display:none;
			height:50px;
			width:50px;
			float:right;
		}
			#btn_spMenu>img{
				height:50px;
				width:50px;
			}


/*SPメニュー----------------*/
#spMenu{
	z-index:950;
	position:fixed;
	top:80px;
	left:0;
	display:none;
	height:calc(100vh - 80px);
	width:100vw !important;
	background-color:#fde9d2;
}
	#spMenu>ul{
		display:flex;
		flex-direction:column;
		height:100%;
		width:100vw;
	}
		#spMenu>ul>li{
			flex:1;
		}
		#spMenu>ul>li:nth-of-type(n+2){/*2番目以降*/
			border-top:solid 1px #afa191;
			box-sizing:border-box;
		}
			#spMenu>ul>li>a{
				display:flex;
				align-items:center;
				justify-content:center;
				width:100%;
				height:100%;
				text-align:center;
			}
				#spMenu>ul>li>a>p{
					margin:0;
					font-size:22px;
				}


/*スライドショー------------*/
#slickMain{
    height:599px;
    background-color:#fcdeba;
}


/*お問い合わせはこちら------------*/
#share_contact{
    margin-top:94px;
    color:#595757;
}
    #share_contact>div>a>img{
        margin-top:33px;
    }


/*ページトップへボタン------------*/
#gBtnPageTop{
	z-index:910;
	position:fixed;
	width:100%;
	pointer-events:none;
}
	#gBtnPageTop>div{
	}
		#gBtnPageTop>div p{
			float:right;
		}
			#gBtnPageTop>div p a{
				pointer-events:auto;
            }


/*フッター------------*/
footer{
	z-index:900;
	width:100%;
    margin-top:40px;
	clear:both;
    color:white;
    background-image:url(images/footer_bk.png);
    background-repeat:repeat-x;
    background-position:center 0px;
}
	footer>div{
        position:relative;
        height:352px;
	}
        footer>div *{
        }
        footer>div>nav,
        footer>div>address,
        footer>div>address .str2,
        footer>div .str4,
        footer>div>img{
            position:absolute;
            top:0;
            left:0;
        }
        footer>div>nav{/*メニューリスト*/
            z-index:901;
            top:96px;
            left:464px;
        }
            footer>div>nav a:link,
            footer>div>nav a:visited,
            footer>div>nav a:hover{
                color:white;
            }
        footer>div>address{/*社名、TEL、営業時間*/
            z-index:901;
            top:154px;
            left:464px;
        }
            footer>div>address .str1>img,
            footer>div>address .str1>div{
                float:left;
            }
            footer>div>address .str1>img{/*もみじマーク＆社名*/
                 margin-top:1px;
            }
            footer>div>address .str2{/*TEL、営業時間*/
                top:-4px;
                left:360px;
            }
                footer>div>address .str2 h3{/*TEL*/
                    line-height:1.0em;
                    border-bottom:solid 1px white;
                }
					footer>div>address .str2 h3 a{
						line-height:1.0em;
					}
                footer>div>address .str2 p{/*受付時間*/
                    margin-top:6px;
                }
            footer>div>address .str3{/*本ホームページは…*/
                display:block;
                margin-top:80px;
            }
            footer>div .str4{/*Copyright*/
                z-index:901;
                top:304px;
                letter-spacing:0.13em;
            }
        footer>div>img{/*樹木*/
            top:0;
            left:78px;
        }


/*動画（フルセット）------------*/
.screen_fullset{
	position:relative;/*fixedの場合もあり*/
}
	.screen_fullset .speaker{
		position:absolute;
		right:50px;
		bottom:50px;
	}
		.screen_fullset .speaker .speakerOff{
			display:none;
		}


/****************************************

          Main

*****************************************/
main{
	z-index:0;
	overflow:hidden;
}


/*コンテンツ------------*/
#contents{
	position:relative;
	height:auto;
}
	#contents section{
		position:relative;
		height:auto;
		width:100%;
		overflow:hidden;
	}


/*pc・mobileの切り替え------------*/
.pc{
	display:block;
}
.mobile{
	display:none;
}


/****************************************

          ページネーション

*****************************************/
.pagenation{
    margin:0 auto;
	width:690px;
}
	.pagenation:after,.pagenation ul:after{
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	.pagenation ul{
		margin:0;
	}
		.pagenation li{
			float:left;
			list-style:none outside none;
			margin-left:3px;
		}
		.pagenation li:first-child{
			margin-left:0;
		}
	.pagenation li.active{
		background-color:#999;
		border-radius:3px;
		color:#fff;
		cursor:not-allowed;
		padding:10px 20px;
	}
		.pagenation li a{
			background:none repeat scroll 0 0 #ccc;
			border-radius:3px;
			color:#fff;
			display:block;
			padding:10px 20px;
			text-decoration:none;
			text-shadow:0 -1px 0 rgba(0,0,0,0.2);
		}
		.pagenation li a:hover{
			background-color:#444;
			color:#fff;
			opacity:0.8;
			transition-duration:500ms;
			transition-property:all;
			transition-timing-function:ease;
		}




/********************************************************************************

          メディアクエリ

*********************************************************************************/
@media(max-width:500px){
















	/****************************************

			  General Setting

	*****************************************/
	body{
		color:#000;
		background-color:#fff;
	}





																					#package,
																					#packageCore{
																						width:500px;
																						max-width:500px;
																						overflow-x:hidden;
																					}






	/*検証用*/
	.red{
		background-color:rgba(255, 0, 0, 0.3);
	}
	.red2{
		color:red;
		border:solid 1px red;
		background-color:rgba(255, 0, 0, 0.3);
		box-sizing:border-box;
	}
	.green{
		background-color:rgba(0, 255, 0, 0.3);
	}
	.green2{
		color:green;
		border:solid 1px green;
		background-color:rgba(0, 255, 0, 0.3);
		box-sizing:border-box;
	}
	.opacity00{opacity:0;}
	.opacity01{opacity:0.1;}
	.opacity02{opacity:0.2;}
	.opacity03{opacity:0.3;}
	.opacity04{opacity:0.4;}
	.opacity05{opacity:0.5;}
	.opacity06{opacity:0.6;}
	.opacity07{opacity:0.7;}
	.opacity08{opacity:0.8;}
	.opacity09{opacity:0.9;}
	.opacity10{opacity:1;}


	/****************************************

			  フレーム,
			  ヘッダー（グローバルナビ）
			  ページトップへ移動ボタン
			  フッター

	*****************************************/
	/*フレーム*/
	#gNavi>div,
	#gBtnPageTop,
	#slickMain,
	main,
	section,
	footer>div{
		position:relative;
		height:auto;
		width:100%;
	}
		#gBtnPageTop>div,
		section>div,
		footer>div{
			width:100%;
			max-width:1280px;
																						max-width:500px;
		}


	/*ヘッダー（グローバルナビ）------------*/
	#gNavi{
		z-index:940;
		position:fixed;
		top:0;
		height:80px;
		width:100%;
																						width:500px;
		overflow:hidden;
		font-size:1.3rem;
		background-color:white;
		pointer-events:none;/*ヘッダー背景は#gShieldクリック時に反応*/
	}
		#gNavi>div{
			position:relative;
																						position:inherit;
			width:100%;
			max-width:1280px;
																						max-width:470px;
			margin-top:20px;
																						margin:15px auto auto 15px;

		}
		#gNavi>div *{
			pointer-events:auto;/*内容は#gShieldクリックとは分離*/
		}
			#gNavi>div h1{/*ロゴ*/
				float:left;
				margin:2px auto auto 24px;
																						width:290px;
																						margin:0 auto auto 0;
			}
			#gNaviIcon,/*お問い合わせ～メニュー*/
			#gNavi>div>ul{
				float:right;
																						display:none;
			}
			#gNaviIcon{/*お問い合わせ～TEL・受付時間*/
				width:34.3%;
			}
				#gNaviIcon>a,
				#gNaviIcon>div{
					display:inline-block;
					float:left;
				}
				#gNaviIcon>a>p{/*お問い合わせ*/
					margin-top:6px;
					height:44px;/*38px*/
					width:131px;/*113px*/
				}
				#gNaviIcon>a>p>img{
					display:inline-block;
					height:44px;/*38px*/
					width:131px;/*113px*/
				}
				#gNaviIcon>div:first-of-type{/*TEL・受付時間*/
					margin-top:-1px;
					margin-right:11px;
					color:#f15a24;
				}
					#gNaviIcon>div:first-of-type h2{/*TEL*/
						height:1.0em;
						margin-top:1px;
						font-size:2.2rem;
						letter-spacing:-0.01em;
					}
					#gNaviIcon>div:first-of-type p{/*受付時間*/
						margin-top:10px;
					}
					#gNaviIcon>div.rikunabi{/*リクナビ・バナー*/
						height:auto;
						width:108px;
						margin:6px auto auto 11px;
						overflow:hidden;
					}
						#gNaviIcon>div.rikunabi>a{
							display:inline-block;
						}
							#gNaviIcon>div.rikunabi>a>img{
								display:inline-block;
								height:auto;
								width:108px;
							}

			/*メニュー*/
			#gNavi>div>ul{
				position:absolute;
				top:27px;
				left:203px;
				width:608px;
																						width:450px;

				/*テキストを選択不可に*/
				user-select:none;
				-webkit-user-select:none;
				-moz-user-select:none;
				-ms-user-select:none;
			}
				#gNavi>div>ul a:link,
				#gNavi>div>ul a:visited,
				#gNavi>div>ul a:hover{
					color:#595757;
				}

			/*SPメニューボタン（三、✕）---*/
			#btn_spMenu{
				display:none;
																						display:inline-block;
				height:50px;
				width:50px;
				float:right;
			}
				#btn_spMenu>img{
					height:50px;
					width:50px;
				}


	/*SPメニュー----------------*/
	#spMenu{
		z-index:950;
		position:fixed;
		top:80px;
		left:0;
		display:none;
		height:calc(100vh - 80px);
		width:100vw !important;
		background-color:#fde9d2;
	}
		#spMenu>ul{
			display:flex;
			flex-direction:column;
			height:100%;
			width:100vw;
		}
			#spMenu>ul>li{
				flex:1;
			}
			#spMenu>ul>li:nth-of-type(n+2){/*2番目以降*/
				border-top:solid 1px #afa191;
				box-sizing:border-box;
			}
				#spMenu>ul>li>a{
					display:flex;
					align-items:center;
					justify-content:center;
					width:100%;
					height:100%;
					text-align:center;
				}
					#spMenu>ul>li>a>p{
						margin:0;
						font-size:22px;
					}


	/*スライドショー------------*/
	#slickMain{
		height:599px;
		background-color:#fcdeba;
	}


	/*お問い合わせはこちら------------*/
	#share_contact{
		margin-top:94px;
																						width:450px;
																						margin:120px auto 0 25px;
		color:#595757;
	}
																						#share_contact>div>a{
																							display:inline-block;
																							margin-top:45px !important;
																						}
		#share_contact>div>a>img{
			margin-top:33px;
																						margin-top:0;
		}


	/*ページトップへボタン------------*/
	#gBtnPageTop{
		z-index:910;
		position:fixed;
		width:100%;
		pointer-events:none;
																						height:100vh;
																						width:500px;
	}
		#gBtnPageTop>div{
																						position:absolute;
																						top:auto;
																						left:15px;
																						right:auto;
																						bottom:50px;
																						height:60px;
																						width:470px;
		}
			#gBtnPageTop>div p{
				float:right;
																						width:470px;
			}
				#gBtnPageTop>div p a{
					pointer-events:auto;
																							height:60px;
																							width:60px;
																							float:right;
				}
																						#gBtnPageTop>div p a img{
																							height:60px;
																							width:60px;
																						}


	/*フッター------------*/
	footer{
		z-index:900;
		width:100%;
		margin-top:40px;
																						margin-top:120px;
		clear:both;
		color:white;
		background-image:url(images/footer_bk.png);
																						background-image:url(images/pt_footer_bk.png);
		background-repeat:repeat-x;
																						background-repeat:repeat;
		background-position:center 0px;
	}
		footer>div{
			position:relative;
			height:352px;
																						height:920px;
		}
			footer>div *{
			}
			footer>div>nav,
			footer>div>address,
			footer>div>address .str2,
			footer>div .str4,
			footer>div>img{
				position:absolute;
				top:0;
				left:0;
			}
			footer>div>nav{/*メニューリスト*/
				z-index:901;
				top:96px;
				left:464px;
																						top:90px;
																						left:25px;
																						width:450px !important;
																						font-size:24px !important;
																						font-weight:bold;
			}
																						footer>div>nav>ul{
																							width:450px !important;
																						}
																							footer>div>nav>ul>li{
																								width:450px !important;
																								padding:0.1em 0;
																							}
				footer>div>nav a:link,
				footer>div>nav a:visited,
				footer>div>nav a:hover{
					color:white;
				}
			footer>div>address{/*社名、TEL、営業時間*/
				z-index:901;
				top:154px;
				left:464px;
																							top:425px;
																							left:25px;
																							width:450px !important;
			}
																							footer>div>address .str1,
																							footer>div>address .str1{
																								width:450px !important;
																							}
				footer>div>address .str1>img,
				footer>div>address .str1>div{
					float:left;
				}
				footer>div>address .str1>img{/*もみじマーク＆社名*/
					 margin-top:1px;
																							margin-top:28px;
																							height:auto;
																							width:440px;
				}
				footer>div>address .str2{/*TEL、営業時間*/
					top:-4px;
					left:360px;
																							top:144px !important;
																							left:92px;
				}
					footer>div>address .str2 h3{/*TEL*/
						line-height:1.0em;
						border-bottom:solid 1px white;
					}
						footer>div>address .str2 h3 a{
							line-height:1.0em;
						}
					footer>div>address .str2 p{/*受付時間*/
						margin-top:6px;
					}
				footer>div>address .str3{/*本ホームページは…*/
					display:block;
					margin-top:80px;
																							margin-top:278px;
																							font-size:20px !important;
																							text-align:left;
																							text-align-last:left;
																							white-space:normal!important;/*改行有効（初期値）*/
				}
				footer>div .str4{/*Copyright*/
					z-index:901;
					top:304px;
																							top:805px;
																							width:450px !important;
																							margin-left:25px;
					letter-spacing:0.13em;
																							font-size:20px !important;
				}
			footer>div>img{/*樹木*/
				top:0;
				left:78px;
																							top:-45px;
																							left:25px;
			}


	/*動画（フルセット）------------*/
	.screen_fullset{
		position:relative;/*fixedの場合もあり*/
	}
		.screen_fullset .speaker{
			position:absolute;
			right:50px;
			bottom:50px;
		}
			.screen_fullset .speaker .speakerOff{
				display:none;
			}


	/****************************************

			  Main

	*****************************************/
	main{
		z-index:0;
		overflow:hidden;
	}


	/*コンテンツ------------*/
	#contents{
		position:relative;
		height:auto;
	}
		#contents section{
			position:relative;
			height:auto;
			width:100%;
			overflow:hidden;
		}


	/*pc・mobileの切り替え------------*/
	.pc{
		display:block;
																							display:none;
	}
	.mobile{
		display:none;
																							display:block;
	}


	/****************************************

			  ページネーション

	*****************************************/
	.pagenation{
		margin:0 auto;
		width:690px;
	}
		.pagenation:after,.pagenation ul:after{
			clear:both;
			content:".";
			display:block;
			height:0;
			visibility:hidden;
		}
		.pagenation ul{
			margin:0;
		}
			.pagenation li{
				float:left;
				list-style:none outside none;
				margin-left:3px;
			}
			.pagenation li:first-child{
				margin-left:0;
			}
		.pagenation li.active{
			background-color:#999;
			border-radius:3px;
			color:#fff;
			cursor:not-allowed;
			padding:10px 20px;
		}
			.pagenation li a{
				background:none repeat scroll 0 0 #ccc;
				border-radius:3px;
				color:#fff;
				display:block;
				padding:10px 20px;
				text-decoration:none;
				text-shadow:0 -1px 0 rgba(0,0,0,0.2);
			}
			.pagenation li a:hover{
				background-color:#444;
				color:#fff;
				opacity:0.8;
				transition-duration:500ms;
				transition-property:all;
				transition-timing-function:ease;
			}
















}