/*
Theme Name: aokijimusho

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

/*margin padding*/
.margin-minimum-t { margin-top: 5px; }
.margin-minimum-b { margin-bottom: 5px; }
.margin-tiny { margin: 10px; }
.margin-tiny-t { margin-top: 10px; }
.margin-tiny-b { margin-bottom: 10px; }
.margin-tiny-l { margin-left: 10px; }
.margin-short-t { margin-top: 16px; }
.margin-short-b { margin-bottom: 16px; }
.margin-small { margin: 20px 0; }
.margin-small-t { margin-top: 20px; }
.margin-small-b { margin-bottom: 20px; }
.margin-regular { margin: 25px; }
.margin-regular-t { margin-top: 25px; }
.margin-regular-r { margin-right: 25px; }
.margin-regular-b { margin-bottom: 25px; }
.margin-regular-l { margin-left: 25px; }
.margin-medium { margin: 50px; }
.margin-medium-t { margin-top: 50px; }
.margin-medium-b { margin-bottom: 50px; }
.margin-large { margin: 75px 0; }
.m0 { margin: 0!important; }

.padding-tiny { padding-top: 10px; padding-bottom: 10px; }
.padding-tiny-rl { padding-right: 10px; padding-left: 10px; }
.padding-tiny-t { padding-top: 10px; }
.padding-small { padding-top: 20px; padding-bottom: 20px; }
.padding-small-t { padding-top: 20px; }
.padding-small-l { padding-left: 20px; }
.padding-regular-tb { padding-top: 25px; padding-bottom: 25px; }
.padding-regular-rl { padding-right: 25px; padding-left: 25px; }
.padding-regular-t { padding-top: 25px; }
.padding-regular-b { padding-bottom: 25px; }
.padding-medium { padding-left: 50px; padding-right: 50px; }
.padding-medium-t { padding-top: 50px; }
.padding-medium-b { padding-bottom: 50px; }
.padding-large { padding: 75px 0; }
.padding-large-t { padding-top: 75px; }
.p0 { padding: 0!important; }
.padding-exception1 { padding-bottom: 24px; }

@media screen and (max-width: 600px){
	.margin-small { margin: 15px 0; }
	.margin-small-t { margin-top: 15px; }
	.margin-small-b { margin-bottom: 15px; }
	.margin-regular { margin: 20px; }
	.margin-regular-t { margin-top: 20px; }
	.margin-regular-r { margin-right: 20px; }
	.margin-regular-b { margin-bottom: 20px; }
	.margin-regular-l { margin-left: 20px; }
	.margin-medium { margin: 20px; }
	.margin-medium-t { margin-top: 20px; }
	.margin-medium-b { margin-bottom: 20px; }
	.margin-large { margin: 30px 0; }
	
	.padding-small { padding-top: 15px; padding-bottom: 15px; }
	.padding-small-t { padding-top: 15px; }
	.padding-small-l { padding-left: 15px; }
	.padding-regular-tb {padding-top: 10px;padding-bottom: 10px;}
	.padding-regular-rl {padding-right: 10px;padding-left: 10px;}
	.padding-regular-t { padding-top: 20px; }
	.padding-regular-b { padding-bottom: 20px; }
	.padding-medium { padding-left: 20px; padding-right: 20px; }
	.padding-medium-t { padding-top: 20px; }
	.padding-medium-b { padding-bottom: 20px; }
	.padding-large { padding: 30px 0; }
	.padding-large-t { padding-top: 30px; }
}

/*text*/
.font-small { font-size: 13px; line-height: 1.2em; }
.font-regular { font-size: 16px; line-height: 1.65em; }
.font-medium { font-size: 20px; line-height: 1.5em; }
.font-large { font-size: 26px; line-height: 1.65em; }
.font-bold { font-weight: bold; }
.t-center { text-align: center; }
.roboto, .roboto span { font-family: 'Roboto Slab', serif; letter-spacing: .1em; }
.abel-r { font-family: 'Abel', sans-serif; }

/*width*/
.w100 { width: 100%; }
.w50 { width: 684px; }
.w-threecolumn { width: calc((100% - 52px) / 3); }
.w-twocolumn { width: calc( 50% - 25px ); }
.w-article { width: 640px; }
@media screen and (max-width: 1100px){
	.w-twocolumn { width: 100%; }
	.w-threecolumn { width: 100%; }
	.w-article { width: calc(100% - 100px); }
	.w50 { width: 70%; }
}
@media screen and (max-width: 600px){
	.font-medium { font-size: 18px; line-height: 1.5em; }
	.w-article { width: calc(100% - 40px); }
	.w50 { width: 100%; }
}

/*position, display*/
.position-relative { position: relative; }
.display-ib { display: inline-block; }
.display-b { display: block; }

/*color*/
.white, .white li a { color: #fff; }
.white svg, svg.white, .white li a svg { fill: #fff; }
.theme-color { color: #109954; }
.theme-color svg, svg.theme-color { fill: #109954; }
.theme-back { background-color: #109954; }
@media screen and (min-width: 1101px){
.yellow:hover { color: #F4CD21; }
.yellow:hover svg, svg.yellow:hover, a:hover .yellow svg { fill: #F4CD21; }
}
.brown { color: #C19574; }
svg.brown { fill: #C19574; }