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

/* スマホ */
@media only screen and  (max-width: 480px){
	
#topic_bar1 {
	text-align:center;
	width: 100%;
	margin: 0 0 50px 0;
	color:#333;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	letter-spacing:0.05em;
}

#topic_bar_tw {
	padding:0 10px 20px 10px;
	float:none;
	width: 0;
	display:none;
}

.main {
	display:none;
}
.main_mb {
	width: 100%;
	display:block;
}


#topic {
	width: 100%;
	margin: 0px auto;
	float: none;
	padding: 10px 0 0 0;
}

.text_box {
	overflow: auto;
	padding-bottom: 40px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	padding-top: 0;
}

.text{
	padding:10px 0 30px 0;
	width:100%;
	overflow:auto;
}




#photoes_img {
	width: 50%;
	height: auto;
	text-align: center;
	padding:0 25% 0 25%;
}

.cover_img {
	width:90%x;
}
.text_cover {
	padding:100px 0 0 0;
}
.text_box3 {
	font-style:italic;
	width: 90%;
	padding-left: 5%;
}
.answer {
	width: 85%;
	text-align: left;
	float: left;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 0;
	padding-top: 0;
	overflow:auto;
	font-weight:bold;
	border-bottom:#E1E1E1 solid 1px;
	
}


}
/* タブレット */
@media only screen and (max-width: 768px) and (min-width: 481px){
	

#topic_bar1 {
	text-align:center;
	width: 100%;
	margin: 0 0 50px 0;
	color:#333;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2em;
}


.main {
	width: 100%;
	display:block;
}
.main_mb {
	display:none;
}



#topic {
	width: 100%;
	margin: 0px auto;
	float: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}

#about {
	width: 64.5%;
	text-align: left;
	float: left;
	padding-bottom: 0;
	padding-left: 2.3%;
	padding-right: 3%;
	padding-top: 0;
	overflow:auto;
	height:auto;
	min-height:300px;
}
.text_box {
	overflow: auto;
	padding-bottom: 40px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	padding-top: 0;
}


.text_box2 {
	margin:25px 3.9% 25px 3.9%;
	}

.text_box3 {
	margin:25px 3.9% 25px 3.9%;
	font-style:italic;
	}
	

.text{
	padding:10px 0 0 0;
}



#photoes_img {
	width: 28%;
	min-height: 220px;
	float: left;
}

.cover_img {
	width:400px;
}
.text_cover {
	padding:100px 0 0 0;
}
.answer {
	width: 85%;
	text-align: left;
	float: left;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 0;
	padding-top: 0;
	overflow:auto;
	font-weight:bold;
	border-bottom:#E1E1E1 solid 1px;
	
}

}

/* PC */
@media only screen and (min-width: 769px) {
.main {
	width: 100%;
	display:block;
}
.main_mb {
	display:none;
}

#topic {
	width: 65.625%;
	margin: 0px auto;
	float: left;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}

#about {
	width: 66%;
	text-align: left;
	float: left;
	padding-bottom: 0;
	padding-left: 5%;
	padding-right: 0;
	padding-top: 0;
	overflow:auto;
}
.text{
	padding:10px 0 0 0;
	line-height:1.8em;
}



.text_box {
	overflow: auto;
	padding-bottom: 40px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	padding-top: 0;
}

.text_box2 {
	padding-top:10px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	text-align:center;
	overflow:auto;
	}
	
.text_box3 {
	padding-top:25px;
	padding-bottom:10px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	overflow:auto;
	font-style:italic;
	}




#photoes_img {
	width:29%; 
	height:220px; 
	text-align: center;
	float:left;
}

#movie {
	width:200px; 
	height:140px; 
	padding: 0 10px 0 0;
	text-align: center;
	float:left;
}

#topic_bar1 {
	width: 100%;
	margin: 0 0 50px 0;
	color:#333;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2em;
}

.cover_img {
	width:400px;
}

.text_cover {
	padding:100px 0 0 0;
}

.navi {
	text-align:center;
	font-style:italic;
	font-weight:bold;
}

.answer {
	width: 85%;
	text-align: left;
	float: left;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 0;
	padding-top: 0;
	overflow:auto;
	font-weight:bold;
	border-bottom:#E1E1E1 solid 1px;
	
}

}
