@charset "utf-8";

/* メイングラフィックスライド */
ul#top_photo {
}

.top_slide {
	height: 100vw;
}

button[id^='mp_control_'] {
	width: 50px;
	height: 50px;
	bottom: auto;
	top: 83px;
}
button[id^='mp_control_'],
button[id^='mp_control_']:hover {
	background-color: rgba(255,255,255,0.9);
}
button#mp_control_prev {
	left: 5px;
}
button#mp_control_next {
	right: 5px;
}
button#mp_control_pause, button#mp_control_play {
	right: 60px;
}
ul.slick-dots li {
	margin: 0 5px;
}
#header.open + #top_photo_wrap button[id^='mp_control_'] {
	display: none;
}

/* メイングラフィックスライドここまで */
/* 重要なお知らせ */
#main_box_important {
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

#list_top_impo_wrap {
	display: block;
	width: auto;
}

#list_top_impo_wrap > div {
	display: block;
}

.list_top_impo_ttl {
	width: auto;
	text-align: center;
	padding: 10px;
}

.list_top_impo_ttl h2 {
}

.list_top_impo ul {
}

.list_top_impo {
}

/* 重要なお知らせここまで */
#container {
}

#main_a > div[id^="top_"] {
}

/* 「あたらしい鎌倉観光」 */
#top_nav_wrap {
	width: 100vw;
}

#top_nav_wrap h2 {
}

ul#top_nav {
	width: 100vw;
	/* height: 100vw; */
}

ul#top_nav li {
	width: 100%;
}

ul#top_nav li a {
	height: 50vw;
}

/* 「あたらしい鎌倉観光」ここまで */
/* 「鎌倉で、なにをしよう？」 */
#top_search_wrap {
	width: 100vw;
	background-size: 110% auto;
}

#top_search_wrap h2 {
	padding: 50px 0 30px;
}

#top_search_keyword {
	width: calc(100vw - 40px);
	padding: 20px;
}

#top_search_keyword:before {
}

#top_search_keyword p a {
}

#top_search_keyword p a:before {
}

form#cse-search-box {
}

#submit {
}

#tmp_query {
}

/* 「鎌倉で、なにをしよう？」ここまで */
/* 今月の鎌倉 */
#top_kongetsu {
	width: 100vw;
	background-size: cover;
	padding: 35px  20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#top_kongetsu.open {
}

#top_kongetsu h2 {
}

#lettering {
}

.lettering_box {
	width: auto;
	margin: 40px 0 0px;
}
.lettering_box:first-child{
	margin-top: 0;
}

.lettering_text {
}

.captionbox img {
}

.captionbox {
	height: auto;
}

/* 今月の鎌倉ここまで */
/* 今月の鎌倉・カレンダー */
.open #top_calendar_detail {
}

#top_calendar_detail {
}

ul.calendar_index {
}

ul.calendar_index li {
}

#main #main_a table#top_calendar_table {
}

#main #main_a table#top_calendar_table th, #main #main_a table#top_calendar_table td {
}

#main #main_a table#top_calendar_table th {
}

#main #main_a table#top_calendar_table td {
}

table#top_calendar_table td a {
}

table#top_calendar_table td a:hover,table#top_calendar_table td a:focus {
}

/* 今月の鎌倉・カレンダーここまで */
/* 観光協会からのお知らせ */
#top_oshirase {
	width: 100vw;
	margin: 0;
}
#top_oshirase .list_top{
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#top_oshirase .lettering_box{
	margin: 0 20px 20px;
	width: auto;
}
#top_oshirase:not([class*="slick"]) .lettering_box:nth-child(n+4){
	display: none;
}
#top_oshirase h2 {
}

/* 観光協会からのお知らせここまで */
/* SNS */
#top_iimonoiikoto {
	width: 100vw;
	margin: 0;
}

#top_iimonoiikoto h2 {
}

#iikoto_iimono_wrap {
	-ms-flex-pack: distribute;
	/* justify-content: space-around; */
	display: block;
}

#iikoto_iimono_wrap > div {
	width: 100vw;
	margin: 0 0 20px;
	padding: 30px 20px 20px;
}


#iikoto_iimono_wrap > div h3 {
}

#iikoto_iimono_wrap > div ul {
}

#iikoto_iimono_wrap > div ul li {
}

#iikoto_iimono_wrap > div ul li a {
}

#iikoto_iimono_wrap > div ul li a:hover, #iikoto_iimono_wrap > div ul li a:focus {
}

#iikoto_iimono_wrap > div ul li a > span > span {
}

#iikoto_iimono_wrap span.article_date {
}

#top_sns {
	width: 100vw;
}

#top_sns h2 {
}

#snsbox {
	display: block;
}

#snsbox > div {
	width: auto;
	height: auto;
	padding: 10px;
}

/* SNSここまで */
/* スペシャルプロジェクト */
#top_specialproject {
	width: 100vw;
}

#top_specialproject h2 {
}

#top_specialproject ul {
}

#top_specialproject ul li {
	margin: 20px 0;
	width: auto;
}

#top_specialproject ul li a {
}

#top_specialproject ul li a img {
	width: 100%;
	height: auto;
}

/* スペシャルプロジェクトここまで */
/* バナースライド */
div#banner_footer3 ul.banner_c {
}

div#banner_footer3 ul.banner_c .slick-slide {
}

#banner_footer3 {
	width: 100vw;
}

/* バナースライドここまで */

#top_news {
	width: 100vw;
	margin: 0;
}
#top_news .list_top{
	display: block;
}
#top_news .lettering_box{
	margin: 0 20px 20px;
	width: auto;
}
#top_news:not([class*="slick"]) .lettering_box:nth-child(n+4){
	display: none;
}
#top_news h2 {
}


/* 2019-09-17 台風15号の被害状況について */
#about_typhoon_damage {
	width: auto;
	height: auto;
}

#about_typhoon_damage img {
	width: auto;
	height: 100px;
}

/* 2019-09-17 台風15号の被害状況について ここまで */