@charset "UTF-8";
/* CSS Document */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.center {
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
}
#drawer {
	display: block;
}

.kosugi {
	font-family: 'Kosugi Maru',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo, sans-serif;
}

html {
	font-size: 55%;
}
body {
	font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo, sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	color: #231815;
	line-height: 1.75;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	text-align: justify;
	text-justify:inter-ideograph;
	letter-spacing: 0.05em;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.6;
}
a {
	color: #000;
	text-decoration: none;
}

.ggmap {
position: relative;
padding-bottom: 54%;/*37.5%*/
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* グループ配置
------------------------------------------------------------------------------*/
.clear { clear: both; }



/* グループ分け
------------------------------------------------------------------------------*/




/* 文字サイズ・太文字
------------------------------------------------------------------------------*/
.fontLl { font-size: 24px; }
.fontL { font-size: 20px; }
.fontS { font-size: 13px; }
.fontSs { font-size: 10px; }
.fontB { font-weight: bold; }
.fontCapita { text-transform: capitalize; }
.fontUpper { text-transform: uppercase; }
.fontLower { text-transform: lowercase; }



/* 文字飾り
------------------------------------------------------------------------------*/
.fontOver { text-decoration: overline; }	/* 文字の上部 */
.fontU {
	line-height: 1.5em;
	text-decoration: underline;
}											/* 文字の下部 */
.fontDel { text-decoration: line-through; }	/* 文字の中 */



/* 文字色
------------------------------------------------------------------------------*/
.colorWhite { color: #FFFFFF; }
.colorBlue { color: #0071BC; }
.colorOrange { color: #E94709; }
.colorBrown { color: #CC6600; }
.colorRed { color: #E71F19; }
.colorGreen { color: #39B54A; }
.colorGlay { color: #808080; }



/* 文字配置・インデント
------------------------------------------------------------------------------*/
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtJust { text-align: justify; } 
.txtIndent-1 {
	text-indent: -1em;
	padding-left: 1em;
}
.txtIndent1 { text-indent: 1em; }



/* 背景色
------------------------------------------------------------------------------*/
.bgBlack { background: #000; }
.bgGreen { background: #005e15; }



/* 間隔
------------------------------------------------------------------------------*/
.marginT5 { margin-top: 5px; }
.marginT10 { margin-top: 10px; }
.marginT20 { margin-top: 20px; }
.marginT30 { margin-top: 30px; }
.marginT50 { margin-top: 50px; }
.marginT100 { margin-top: 100px; }
.marginT150 { margin-top: 150px; }
.marginT200 { margin-top: 200px; }
.marginB5 { margin-bottom: 5px; }
.marginB10 { margin-bottom: 10px; }
.marginB20 { margin-bottom: 20px; }
.marginB30 { margin-bottom: 30px; }
.marginB50 { margin-bottom: 50px; }
.marginB100 { margin-bottom: 100px; }
.marginB150 { margin-bottom: 150px; }
.marginB200 { margin-bottom: 200px; }
.marginL5 { margin-left: 5px; }
.marginL10 { margin-left: 10px; }
.marginL20 { margin-left: 20px; }
.marginL30 { margin-left: 30px; }
.marginL50 { margin-left: 50px; }
.marginL100 { margin-left: 100px; }
.marginR5 { margin-right: 5px; }
.marginR10 { margin-right: 10px; }
.marginR20 { margin-right: 20px; }
.marginR30 { margin-right: 30px; }
.marginR50 { margin-right: 50px; }
.marginR100 { margin-right: 100px; }
.marginTB5 { margin-top: 5px; margin-bottom: 5px; }
.marginTB10 { margin-top: 10px; margin-bottom: 10px; }
.marginTB20 { margin-top: 20px; margin-bottom: 20px; }
.marginTB30 { margin-top: 30px;  margin-bottom: 30px; }
.marginTB50 { margin-top: 50px; margin-bottom: 50px; }
.marginTB100 { margin-top: 100px; margin-bottom: 100px; }
.marginTB150 { margin-top: 150px; margin-bottom: 100px; }
.marginTB200 { margin-top: 200px; margin-bottom: 200px; }
.marginLR5 { margin-left: 5px; margin-right: 5px; }
.marginLR10 { margin-left: 10px; margin-right: 10px; }
.marginLR20 { margin-left: 20px; margin-right: 20px; }
.marginLR30 { margin-left: 30px; margin-right: 30px; }
.marginLR50 { margin-left: 50px; margin-right: 50px; }
.marginLR100 { margin-left: 100px; margin-right: 100px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }
.margin30 { margin: 30px; }
.margin50 { margin: 50px; }
.margin100 { margin: 100px; }

.paddingT5 { padding-top: 5px; }
.paddingT10 { padding-top: 10px; }
.paddingT20 { padding-top: 20px; }
.paddingT30 { padding-top: 30px; }
.paddingT50 { padding-top: 50px; }
.paddingT100 { padding-top: 100px; }
.paddingT150 { padding-top: 150px; }
.paddingT200 { padding-top: 200px; }
.paddingB5 { padding-bottom: 5px; }
.paddingB10 { padding-bottom: 10px; }
.paddingB20 { padding-bottom: 20px; }
.paddingB30 { padding-bottom: 30px; }
.paddingB50 { padding-bottom: 50px; }
.paddingB100 { padding-bottom: 100px; }
.paddingB150 { padding-bottom: 150px; }
.paddingB200 { padding-bottom: 200px; }
.paddingL5 { padding-left: 5px; }
.paddingL10 { padding-left: 10px; }
.paddingL20 { padding-left: 20px; }
.paddingL30 { padding-left: 30px; }
.paddingL50 { padding-left: 50px; }
.paddingL100 { padding-left: 100px; }
.paddingR5 { padding-right: 5px; }
.paddingR10 { padding-right: 10px; }
.paddingR20 { padding-right: 20px; }
.paddingR30 { padding-right: 30px; }
.paddingR50 { padding-right: 50px; }
.paddingR100 { padding-right: 100px; }
.paddingTB5 { padding-top: 5px; padding-bottom: 5px; }
.paddingTB10 { padding-top: 10px; padding-bottom: 10px; }
.paddingTB20 { padding-top: 20px; padding-bottom: 20px; }
.paddingTB30 { padding-top: 30px; padding-bottom: 30px; }
.paddingTB50 { padding-top: 50px; padding-bottom: 50px; }
.paddingTB100 { padding-top: 100px; padding-bottom: 100px; }
.paddingTB150 { padding-top: 150px; padding-bottom: 150px; }
.paddingTB200 { padding-top: 200px; padding-bottom: 200px; }
.paddingLR5 { padding-left: 5px; padding-right: 5px; }
.paddingLR10 { padding-left: 10px; padding-right: 10px; }
.paddingLR20 { padding-left: 20px; padding-right: 20px; }
.paddingLR30 { padding-left: 30px; padding-right: 30px; }
.paddingLR50 { padding-left: 50px; padding-right: 50px; }
.paddingLR100 { padding-left: 100px; padding-right: 100px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }
.padding50 { padding: 50px; }
.padding100 { padding: 100px; }