/* ---------------PC----------------- */
#main_text{ position: relative; margin: 1% 5%; }
#main_text p{ top: 0; left: 15%; position: absolute; font-size: 18px; }
/* 共通 */
.article_title { margin-top: 60px; }
.article_sub_title{ margin-top: 20px; margin-left: 7%; }

#know p, #around p.all_p  { font-size: 16px; margin: 20px 60px; }
#eat p { padding-left: 40%; font-size: 16px; margin-bottom: 36px; margin-right: 7%; margin-left: 20px; }
#around p.half_p { padding-left: 40%; font-size: 16px; margin-bottom: 40px; margin-right: 7%; margin-left: 20px; }
#eat_img,#around_img { float: left; margin: 20px 0; margin-left: 7%; }
.quiz_img { margin: 20px 60px; margin-bottom: 0; }

/* GoogleMap */
#hamarepo_map{ text-align: center; }
/* ボタン */
.s_btn{ text-align: center; }
.d_btn { margin: 0 10%; }
.d_btn img { float: left; margin-bottom: 60px; }

.clearfix{ clear: both; }
/* Social */
#social{ float:right; padding:15px; }
/* Twitter */
div#twitter { margin-bottom:10px;}

/* -------------SP--------------------- */
#sp_contents{ background-color: #fff; }
#sp_main_img { margin-top: 0; }
#sp_main_text { position: relative; margin: 5% 5%; }
#sp_main_text img { margin: 5% 0; }
#sp_main_text p{ background-color: #fff; top: 9%; left: 10%; position: absolute; font-size: 12px; text-shadow: none; color: #000; background-color: #fff; }
#sp_know p,#sp_eat p,#sp_around p { font-size: 12px; text-shadow: none; background-color: #fff; color: #000; margin: 20px 10%; }

/* ボタン */
a.btn_cultq { display:block; width:353px; height:124px; background-image:url(img/btn_cultQ.png); background-repeat:no-repeat; text-indent:-9999px; margin: 0 auto; }
.btn_cultq:hover{ background-position:left bottom; }
a.btn_eat { display:block; width:353px; height:124px; background-image:url(img/btn_cow.png); background-repeat:no-repeat; text-indent:-9999px; margin: 0 auto; }
.btn_eat:hover{ background-position:left bottom; }
a.btn_interview { display:block; width:353px; height:124px; background-image:url(img/btn_interview.png); background-repeat:no-repeat; text-indent:-9999px; float: left; }
.btn_interview:hover{ background-position:left bottom; }
a.btn_report { display:block; width:353px; height:124px; background-image:url(img/btn_report.png); background-repeat:no-repeat; text-indent:-9999px; float: right; }
.btn_report:hover{ background-position:left bottom; }
.sp_btn, .sp_btn_db { text-align: center; }
.sp_btn img { margin-bottom: 10%; }
.sp_btn_db img { margin-bottom: 5%; }
/* GoolgeMap関連 */
#sp_hamarepo_map{ text-align: center; position: relative; padding-bottom: 75%; /*これが縦横比*/ height: 0; overflow: hidden; }
#sp_hamarepo_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 300px !important; }
#sp_hamarepo_map .v-wrap{ position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; padding-top: 30px; }
#sp_hamarepo_map .v-wrap iframe,
#sp_hamarepo_map .v-wrap object,
#sp_hamarepo_map .v-wrap embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#sp_around_sub_title { margin-left: 10%; margin-top: 20px; }

.sp_around_img { width: 80%; margin: 5% 10%; margin-bottom: 0; }

.cf { clear:both; }