@charset "UTF-8";

html {
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

section{
	padding-top:60px;
}

footer{
	background-color:#cddab8;
	margin-top: 20px;
}

ul{
	list-style-type: none;
}

em{
	border-bottom: 1px solid #aaaaaa;
    font-size: 110%;
}

#navigation
{
	background-color:#c6dba3;
}

#page-top
{
	margin-top:10px;
}

#top-text
{
	margin-left:15px;
}

#logo-img
{
	width: 25px;
	height: 25px;
	margin-right:5px;
}

#copy
{
	text-align:center;
}

#share_button
{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#share_button ul li{ 	
    display: inline;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.box{
	padding:30px 10px;
}

.topicbox{
	padding:10px 5px;
}

.page-title{
	padding-top:30px;
	padding-left:10px;
}

.title{
	/*border-left:7px	solid #9bffdf;*/
	padding-left: 10px;
}

.title2{
	color:#ffffff;
	font-weight:bold;
	background-color:#333333;
	text-align:center;
}

.scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	background-color: #2a84da;
	opacity: .8;
	width: 50px;
	height: 30px;
	border-radius: 20%;
	border: none;
	color: #fff;
	text-align:center;
}
.scroll-to-top:hover {
	cursor: pointer;
}

.margin10{
	margin:10px 5px 5px 5px;
}

.margin20{
	margin:20px 5px 5px 5px;
}


/* 767px以下 */
@media (max-width: 767px) {

	section{
		padding-top:90px;
	}

	footer section{
		padding-top:30px;
	}

	ul{
        padding-left:0;
    }

	.box{
		padding:5px 0;
	}

	.topicbox{
		padding:15px 0;
	}

	#top-text
	{
		margin-left:4px;
	}

}



/* 768px～991px 750px */
@media (min-width: 768px) and (max-width: 991px) {


}



/* 992px～1199px 970px */
@media (min-width: 992px) and (max-width: 1199px) {


}



/* 1200px以上 1170px*/
@media (min-width: 1200px) {

}