@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 920px) {
	.box_photo_report .photo_report_cnt .photo_report_image {
		width: 260px;
	}
	.box_photo_report .photo_report_cnt .photo_report_ttl {
		width: calc(100% - 260px);
	}
}
@media screen and (max-width : 640px) {
/* begin main visual */
#tmp_mvs .mvs_left_img{
	max-width: 340px;
	margin-left: -10px;
	width: 100%;
}
#tmp_mvs .mvs_left_img img{
	height: 360px;
	object-fit: cover;
}
#tmp_mvs .mvs_left_img::before{
	background-image: url(/shared/templates/city_top/images/ms_left_sp.png);
	width: 105px;
	height: 636px;
	top: 226px;
	left: -48px;
}
#tmp_mvs .mvs_left_img::after{
	background-image: url(/shared/templates/city_top/images/ms_right_sp.png);
	width: 185px;
	height: 164px;
	right: -49px;
	top: 234px;
}
#tmp_mvs .mvs_right_img{
	right: -28px;
	max-width: 191px;
	top: 405px;
	width: 53%;
}
#tmp_mvs .mvs_text{
	background-image: url(/shared/templates/city_top/images/ms_text_sp.png);
	width: 178px;
	height: 166px;
	right: auto;
	top: 328px;
	z-index: 2;
	left: 33px;
}
#tmp_mvs .mvs_ver_text{
	background-image: url(/shared/templates/city_top/images/ms_ver_text_sp.png);
	width: 97px;
	height: 913px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_mvs .mvs_poem{
	padding: 165px 154px 85px 29px;
	line-height: 2.3;
	font-size: 81.25%;
}
#tmp_mvs .mvs_poem span{
	padding-bottom: 4px;
}
#tmp_mvs .mvs_poem .mvs_poem_last{
	font-size: 107.69%;
}
#tmp_mvs .mvs_poem .poem_sp{
	display: inline;
}
#tmp_mvs .mvs_poem .poem_pc{
	display: none;
}
#tmp_mvs .show_pc{
	display: none;
}
#tmp_mvs .show_sp{
	display: block;
}
/* end main visual */

/* begin business pr */
.sec_business_pr .business_list li{
	width: 100%;
	margin-bottom: 19px;
}
.sec_business_pr .business_list li:nth-child(2n){
	padding-left: 0;
}
.sec_business_pr .business_list li:nth-child(2n + 1){
	padding-right: 0;
}
.sec_business_pr .business_item_inner{
	padding: 21px 8px 21px 8px;
}
.sec_business_pr .business_item_inner:after{
	width: 26px;
	height: 26px;
	right: 8px;
	bottom: 19px;
	background-image: url(/shared/templates/city_top/images/icon/arrow_right_sp.png);
	background-size: 9px auto;
	-webkit-background-size: 9px auto;
	-moz-background-size: 9px auto;
}
.sec_business_pr .cat{
	font-size: 81.25%;
	border-radius: 10px 5px 5px 0;
	padding: 5px 14px 2px 15px;
	margin-bottom: 8px;
	font-weight: 500;
}
.sec_business_pr .ttl{
	font-size: 125%;
	padding-left: 17px;
	margin-bottom: 11px;
}
.sec_business_pr .ttl::before{
	width: 12px;
	height: 12px;
	border-width: 3px;
}
.sec_business_pr .thumb{
	width: 144px;
	padding-top: 3px;
}
.sec_business_pr .thumb img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sec_business_pr .right_cnt{
	padding: 0 0 0 14px;
}
.sec_business_pr .sm_ttl{
	font-size: 93.75%;
	margin-bottom: 4px;
}
.sec_business_pr .desc{
	font-size: 87.5%;
	line-height: 1.6;
	padding-right: 24px;
}
/* end business pr */
/* begin もっともっと感じたい ちょうふの魅力 */
/* sec photo
================================================== */
.sec_photo {
	padding:80px 0 63px;
	-webkit-border-radius: 50px 0 0 0;
	-moz-border-radius: 50px 0 0 0;
	border-radius: 50px 0 0 0;
	overflow: hidden;
}
.sec_photo:before {
	top: -50px;
	left: 0;
	width: 159px;
	height: 187px;
	background-image:url(/shared/templates/city_top/images/main/bg_charm_left_sp.png);
}
.sec_photo:after {
	right: 0;
	bottom: -44px;
	width: 153px;
	height: 196px;
	background-image:url(/shared/templates/city_top/images/main/bg_charm_right_sp.png);
}
.sec_photo .photo_charm_heading {
	margin: 0 0 30px 6px;
}
.sec_photo .photo_charm_heading h2 {
	padding: 10px 0;
	margin: 0 -5px;
	min-height: 83px;
	font-size: 112.5%;
	background-image:url(/shared/templates/city_top/images/heading/heading_motto_sp.png);
	-webkit-background-size: 305px auto;
	-moz-background-size: 305px auto;
	background-size: 305px auto;
}
.box_photo_charm {
	margin-bottom: 40px;
}
.box_photo_charm .photo_item .photo_ttl {
	min-height: 40px;
}
.box_photo_charm .photo_list li {
	padding-bottom: 11px;
}
.box_photo_report .photo_report_inner {
	padding: 36px 0 32px;
	margin-bottom: 41px;
	-webkit-border-radius: 88px 0 0 88px;
	-moz-border-radius: 88px 0 0 88px;
	border-radius: 88px 0 0 88px;
}
.box_photo_report .photo_report_heading {
	width: 92px;
	padding: 0 0 0 36px;
}
.box_photo_report .photo_report_heading h3 {
	font-size: 140.6%;
	padding: 0 15px 0 18px;
	background-image: url(/shared/templates/city_top/images/heading/heading_photo_report_sp.png), url(/shared/templates/city_top/images/heading/border_y_sp.png);
	background-position: 0 4px, right 0;
	-webkit-background-size: 9px auto, 1px auto;
	-moz-background-size: 9px auto, 1px auto;
	background-size: 9px auto, 1px auto;
}
.box_photo_report .photo_report_cnt {
	flex-direction: column;
	align-items: flex-start;
}
.box_photo_report .photo_report_body {
	padding: 4px 10px 0 20px;
}
.box_photo_report .photo_report_cnt .photo_report_image {
	width: 100%;
}
.box_photo_report .photo_report_cnt .photo_report_ttl {
	width: 100%;
	font-size: 100%;
	padding: 15px 0;
	line-height: 1.5;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a {
	padding-right: 38px;
	display: inline-block;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a:after {
	display: inline-block;
	margin-left: 10px;
	/* top: auto;
	bottom: -4px; */
	width: 27px;
	height: 27px;
	background-image: url(/shared/site_city/images/icon/arrow_right_sp.png) ;
	/* -webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0); */
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	background-size: 10px auto;
}
.box_photo_report .btn_more {
	margin: 0 0 0 auto;
}
.box_photo_report .btn_more a{
	min-width: auto;
}
.box_movie {
    padding: 56px 0 0;
}
.box_movie .movie_inner {
	max-width: 100%;
	padding: 0 10px;
}
.box_movie .movie_ttl {
	font-size: 87.5%;
	padding: 8px 0;
}
/* style movie */
.box_movie .movie_controls{
	padding-top: 6px;
	padding-bottom: 6px;
}
.box_movie .movie_control_list li{
	font-size: 68.7%;
}
.box_movie .control_subtitle{
	margin-left: 18px;
}
.box_movie .control_mute{
	margin-left: 8px;
}
.box_movie .control_play a,
.box_movie .control_mute a{
	width: 31px;
	height: 31px;
}
.box_movie .control_play a:before,
.box_movie #tmp_pause_button:after{
	height: 12px;
}
.box_movie #tmp_play_button:before{
	width: 8px;
}
.box_movie #tmp_pause_button:before{
	left: 10px;
}
.box_movie #tmp_pause_button:after{
	left: 16px;
}
.box_movie .control_subtitle a{
	padding: 6px 4px 5px;
	min-width: 67px;
}
.box_movie .control_subtitle a:before{
	width: 15px;
	height: 12px;
}
/* end もっともっと感じたい ちょうふの魅力 */
/* begin 地域ごとの魅力満載 */
#tmp_map{
	padding: 79px 0 74px;
}
#tmp_map .ttl{
	margin-bottom: 15px;
}
#tmp_map .ttl h2{
	background-image: url(/shared/templates/city_top/images/map_ttl_sp.png);
	height: 42px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_map .map_cnt{
	display: block;
}
#tmp_map .map_detail{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 87.5%;
	padding-left: 10px;
	padding-right: 0;
}
#tmp_map .map_detail .txt_large{
	font-size: 142.86%;
	vertical-align: top;
	position: relative;
	top: -2px;
}
#tmp_map .map_detail li{
	padding-left: 22px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	background-image: url(/shared/templates/city_top/images/bg_dashed_sp.jpg);
	line-height: 1.4;
	background-size: auto 1px;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
}
#tmp_map .map_detail li:nth-child(1){
	width: 33%;
	margin-right: 12.1%;
}
#tmp_map .map_detail li:nth-child(2){
	width: 40%;
}
#tmp_map .map_detail li:nth-child(3){
	width: 40%;
	margin-right: 5.3%;
}
#tmp_map .map_detail li:nth-child(4){
	width: 52%;
}
#tmp_map .map_detail li:before{
	top: 0;
	width: 15px;
	height: 15px;
	border-width: 3px;
}
#tmp_map .map_images_wrap{
	width: auto;
	margin-top: -3px;
	margin-left: 9px;
	margin-right: 10px;
}
#tmp_map .map_images li{
	font-size: 80.31%;
}
#tmp_map .map_images .map_1 span{
	text-shadow: #0f6840 1px 0 0, #0f6840 0.540302px 0.841471px 0, #0f6840 -0.416147px 0.909297px 0, #0f6840 -0.989992px 0.14112px 0, #0f6840 -0.653644px -0.756802px 0, #0f6840 0.283662px -0.958924px 0, #0f6840 0.96017px -0.279415px 0;
}
#tmp_map .map_images .map_2 span{
	text-shadow: #167c6f 1px 0 0, #167c6f 0.540302px 0.841471px 0, #167c6f -0.416147px 0.909297px 0, #167c6f -0.989992px 0.14112px 0, #167c6f -0.653644px -0.756802px 0, #167c6f 0.283662px -0.958924px 0, #167c6f 0.96017px -0.279415px 0;
}
#tmp_map .map_images .map_3 span{
	text-shadow: #c5441c 1px 0 0, #c5441c 0.540302px 0.841471px 0, #c5441c -0.416147px 0.909297px 0, #c5441c -0.989992px 0.14112px 0, #c5441c -0.653644px -0.756802px 0, #c5441c 0.283662px -0.958924px 0, #c5441c 0.96017px -0.279415px 0;
}
#tmp_map .map_images .map_4{
	background-image: url(/shared/templates/city_top/images/img_map_4.png);
}
#tmp_map .map_images .map_4 span{
	text-shadow: #bb1641 1px 0 0, #bb1641 0.540302px 0.841471px 0, #bb1641 -0.416147px 0.909297px 0, #bb1641 -0.989992px 0.14112px 0, #bb1641 -0.653644px -0.756802px 0, #bb1641 0.283662px -0.958924px 0, #bb1641 0.96017px -0.279415px 0;
}
#tmp_map .map_list{
	width: 100%;
	padding-left: 11px;
	padding-top: 19px;
}
#tmp_map .map_list li{
	margin-bottom: 6px;
}
#tmp_map .map_list a{
	padding: 14px 45px 8px 42px;
	border-radius: 35px 0 0 35px;
	-webkit-border-radius: 35px 0 0 35px;
	-moz-border-radius: 35px 0 0 35px;
}
#tmp_map .map_list a:before{
	width: 100vw;
	border-radius: 35px 0 0 35px;
	-webkit-border-radius: 35px 0 0 35px;
	-moz-border-radius: 35px 0 0 35px;
}
#tmp_map .map_list a:after{
	right: 11px;
	margin-top: -13px;
	width: 26px;
	height: 26px;
	border-width: 1px;
	background-image: url(/shared/templates/city_top/images/icon/arrow_right_sp.png);
	background-size: 9px auto;
	-webkit-background-size: 9px auto;
	-moz-background-size: 9px auto;
}
#tmp_map .map_list .sub_ttl{
	font-size: 81.25%;
}
#tmp_map .map_list .ttl{
	font-size: 140.63%;
}
/* end 地域ごとの魅力満載 */
/* begin 調布のまちの魅力を発信中 */
#tmp_miryoku_transmit {
    padding: 82px 0 80px;
    -webkit-border-radius: 0 50px 0 0;
    -moz-border-radius: 0 50px 0 0;
    border-radius: 0 50px 0 0;
}
#tmp_miryoku_transmit:before {
	width: 179px;
	height: 135px;
	background-image: url(/shared/templates/city_top/images/main/bg_charm_right_top_sp.png);
}
#tmp_miryoku_transmit:after {
    width: 203px;
    height: 153px;
    background-image: url(/shared/templates/city_top/images/main/bg_charm_left_bot_sp.png);
}
#tmp_miryoku_transmit .ttl {
	margin-bottom: 25px;
}
#tmp_miryoku_transmit .ttl h2 {
    background-image: url(/shared/templates/city_top/images/heading/heading_miryoku_hasshin_sp.png);
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
    height: 83px;
}
#tmp_splide_auto_miryoku {
	gap: 26px;
}
#tmp_splide_auto_miryoku .splide__slide .item_img {
	margin-bottom: 12px;
}
#tmp_splide_auto_miryoku .splide__slide .item_img:first-child {
	-webkit-transform: translateX(-90px);
	-moz-transform: translateX(-90px);
	transform: translateX(-90px);
}
#tmp_splide_auto_miryoku .wrap_auto_control {
    padding: 0 10px;
    gap: 21px;
}
#tmp_splide_auto_miryoku .splide__toggle__pause:before {
    left: calc(50% + 4px);
}
#tmp_splide_auto_miryoku .splide__toggle__pause:after {
    left: calc(50% - 3px);
}
#tmp_splide_auto_miryoku .btn_more a {
    padding: 9px 46px 9px 11px;
}
.no_javascript #tmp_splide_auto_miryoku .splide__slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    width: 100%;
    padding: 0;
	gap: 10px;
}
#tmp_splide_auto_miryoku .no-splide .splide__slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	width: 100%;
	padding: 0;
}
#tmp_splide_auto_miryoku .no-splide .splide__slide,
.no_javascript #tmp_splide_auto_miryoku .splide__slide .item_img {
	width: 50%;
}
/* end 調布のまちの魅力を発信中 */
/* begin お役立ち情報 */
/* sec_useful_info
================================================== */
.sec_useful_info {
	padding: 80px 0;
}
.sec_useful_info .useful_info_heading {
	margin: 0 0 22px;
}
.sec_useful_info .useful_info_heading h2 {
	padding: 10px 0;
	min-height: 41px;
	margin-bottom: 17px;
	font-size: 112.5%;
	background-image:url(/shared/templates/city_top/images/heading/heading_useful_info_sp.png);
	-webkit-background-size: 222px auto;
	-moz-background-size: 222px auto;
	background-size: 222px auto;
}
.sec_useful_info .useful_info_heading p br {
	display: block;
}
/* remove hover */
.sec_business_pr .business_item_inner:hover,
.sec_business_pr .business_item_inner:focus{
	border-color: #e3e3cc;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a:before{
	display: none;
}
#tmp_map .map_list a:hover:before,
#tmp_map .map_list a:focus:before{
	border-color: #cccccc;
	border-width: 1px;
}
#tmp_splide_auto_miryoku .splide__toggle:hover,
#tmp_splide_auto_miryoku .splide__toggle:focus{
	border-color: #e5e5d0;
}
/* image
================================================== */
.box_photo_report .photo_report_image img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* end お役立ち情報 */
/* accessibility */
.color_blue #tmp_map .ttl h2,
.color_yellow #tmp_map .ttl h2,
.color_black #tmp_map .ttl h2{
	height: auto;
}
.color_black #tmp_mvs .mvs_text,
.color_yellow #tmp_mvs .mvs_text,
.color_blue #tmp_mvs .mvs_text,
.color_black #tmp_mvs .mvs_text,
.color_yellow #tmp_mvs .mvs_text,
.color_blue #tmp_mvs .mvs_text{
	overflow-y: auto;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}

@media screen and (max-width: 340px) {
	#tmp_mvs .mvs_poem{
		padding-top: 240px;
	}
}