@charset "utf-8";

/* ==================================================
contents
================================================== */
/* begin main visual */
#tmp_mvs{
	overflow: hidden;
	position: relative;
}
#tmp_mvs .container{
	position: relative;
}
#tmp_mvs .mvs_left_img{
	position: relative;
	width: 70%;
	margin-left: -5%;
}
#tmp_mvs .mvs_left_img::before{
	background: url(/shared/templates/city_top/images/ms_left.jpg) 0 0 no-repeat;
	width: 37.3%;
	height: 634px;
	top: 59.9%;
	left: -13.6%;
}
#tmp_mvs .mvs_left_img::after{
	background: url(/shared/templates/city_top/images/ms_right.jpg) 0 0 no-repeat;
	width: 34.1%;
	height: 786px;
	right: -4.9%;
	top: 9.7%;
}
#tmp_mvs .mvs_left_img:before,
#tmp_mvs .mvs_left_img:after{
	content: '';
	position: absolute;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_mvs .mvs_left_img img{
	position: relative;
	z-index: 1;
	border-radius: 0 0 420px 420px;
	-webkit-border-radius: 0 0 420px 420px;
	-moz-border-radius: 0 0 420px 420px;
}
#tmp_mvs .mvs_right_img{
	position: absolute;
	right: 10px;
	top: 459px;
	border-radius: 219px;
	-webkit-border-radius: 219px;
	-moz-border-radius: 219px;
	overflow: hidden;
	width: 35.9%;
}
#tmp_mvs .mvs_left_img img,
#tmp_mvs .mvs_right_img img{
	width: 100%;
	height: auto;
	display: block;
}
#tmp_mvs .mvs_text{
	position: absolute;
	background: url(/shared/templates/city_top/images/ms_text.png) 0 0 no-repeat;
	width: 21.5%;
	height: 340px;
	right: 8.3%;
	top: 143px;
	overflow: hidden;
	text-indent: -9999px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_mvs .mvs_ver_text{
	position: absolute;
	top: 0;
	right: 0;
	background: url(/shared/templates/city_top/images/ms_ver_text.png) 0 0 no-repeat;
	width: 117px;
	height: 1063px;
	text-indent: -9999px;
	overflow: hidden;
}
#tmp_mvs .mvs_poem{
	color: #222222;
	background-color: transparent;
	padding: 82px 38.3% 93px 16.9%;
	line-height: 2.6;
	position: relative;
}
#tmp_mvs .mvs_poem_last{
	font-size: 111.11%;
	font-weight: bold;
}
#tmp_mvs .mvs_poem span{
	display: inline;
	color: inherit;
	background: url(/shared/templates/city_top/images/bg_line.jpg) left bottom repeat-x;
	padding-bottom: 8px;
}
#tmp_mvs .mvs_poem .poem_sp{
	display: none;
}
/* end main visual */

/* begin business pr */
.sec_business_pr{
	padding-bottom: 60px;
}
.sec_business_pr .business_list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.sec_business_pr .business_list li{
	width: 50%;
	margin-bottom: 40px;
}
.sec_business_pr .business_list li:nth-child(2n){
	padding-left: 20px;
}
.sec_business_pr .business_list li:nth-child(2n + 1){
	padding-right: 20px;
}
.sec_business_pr .business_item_inner{
	padding: 30px 28px 22px 28px;
	border: 2px solid #e3e3cc;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	display: block;
	text-decoration: none;
	color: #222222;
	background-color: #ffffff;
}
.sec_business_pr .business_item_inner:after{
	content: '';
	border: 2px solid #e3e3cc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	width: 40px;
	height: 40px;
	right: 28px;
	bottom: 28px;
	background: #ffffff url(/shared/templates/city_top/images/icon/arrow_right.png) center center no-repeat;
	color: #222222;
}
.sec_business_pr .cat{
	font-size: 77.78%;
	color: #ffffff;
	background-color: #c61043;
	font-weight: bold;
	border-radius: 10px 10px 10px 0;
	-webkit-border-radius: 10px 10px 10px 0;
	-moz-border-radius: 10px 10px 10px 0;
	display: inline-block;
	padding: 6px 15px 2px 16px;
	margin-bottom: 11px;
}
.sec_business_pr .ttl{
	font-weight: bold;
	font-size: 133.33%;
	position: relative;
	padding-left: 24px;
	margin-bottom: 19px;
	display: block;
}
.sec_business_pr .ttl::before{
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 6px solid #c61043;
	background-color: #ffffff;
	color: #222222;
}
.sec_business_pr .cnt{
	display: flex;
	width: 100%;
}
.sec_business_pr .thumb{
	width: 46.1%;
	flex-shrink: 0;
}
.sec_business_pr .thumb img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
}
.sec_business_pr .right_cnt{
	padding: 26px 0 35px 32px;
}
.sec_business_pr .sm_ttl{
	font-size: 111.11%;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.sec_business_pr .sm_ttl a{
	color: #222222;
	background-color: #ffffff;
	text-decoration: none;
}
.sec_business_pr .desc{
	display: inline;
	line-height: 1.6;
	padding-right: 40px;
}
/* block red */
.sec_business_pr .business_item_red .ttl:before{
	border-color: #c61043;
}
.sec_business_pr .business_item_red .cat{
	background-color: #c61043;
	color: #ffffff;
}
/* block yellow */
.sec_business_pr .business_item_yellow .ttl:before{
	border-color: #f7ce2f;
}
.sec_business_pr .business_item_yellow .cat{
	background-color: #f7ce2f;
	color: #222222;
}
/* block green */
.sec_business_pr .business_item_green .ttl:before{
	border-color: #238739;
}
.sec_business_pr .business_item_green .cat{
	background-color: #238739;
	color: #ffffff;
}
/* block blue */
.sec_business_pr .business_item_blue .ttl:before{
	border-color: #76d9f6;
}
.sec_business_pr .business_item_blue .cat{
	background-color: #76d9f6;
	color: #222222;
}
/* block red */
.sec_business_pr .show_sp{
	display: none;
}
/* end business pr */
/* begin もっともっと感じたい ちょうふの魅力 */
/* sec photo
================================================== */
.sec_photo {
	position: relative;
	background-color: #ffe994;
	color: #222222;
	padding: 67px 0 60px;
	-webkit-border-radius: 100px 0 0 0;
	-moz-border-radius: 100px 0 0 0;
	border-radius: 100px 0 0 0;
	z-index: 1;
	overflow: hidden;
}
.sec_photo:before,
.sec_photo:after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	z-index: -1;
}
.sec_photo:before {
	top: -94px;
	left: 0;
	width: 370px;
	height: 374px;
	background-image:url(/shared/templates/city_top/images/main/bg_charm_left.png);
}
.sec_photo:after {
	right: 0;
	bottom: -75px;
	width: 319px;
	height: 392px;
	background-image:url(/shared/templates/city_top/images/main/bg_charm_right.png);
}
.sec_photo .photo_charm_heading {
	margin: 0 0 58px 15px;
}
.sec_photo .photo_charm_heading h2 {
	display: block;
	padding: 10px 0;
	min-height: 148px;
	text-align: center;
	font-size: 200%;
	color: #222222;
	background: transparent url(/shared/templates/city_top/images/heading/heading_motto.png) top center no-repeat;
	text-indent: -9999px;
}
.box_photo_charm {
	margin-bottom: 78px;
}
.box_photo_charm .photo_list ul,
.box_photo_charm .photo_list li,
.box_photo_charm .photo_list li:nth-child(-n+4),
.box_photo_charm .photo_item .photo_ttl a:after {
	border-color: #ffffff;
}
.box_photo_report {
	overflow: hidden;
}
.box_photo_report .photo_report_inner {
	position: relative;
	background-color: #ffffff;
	color: #222222;
	padding: 40px 0;
	margin-bottom: 30px;
	display: table;
	width: 100%;
	-webkit-border-radius: 175px 0 0 175px;
	-moz-border-radius: 175px 0 0 175px;
	border-radius: 175px 0 0 175px;
	z-index: 1;
}
.box_photo_report .photo_report_inner:after {
	content: '';
	position: absolute;
	right: -100%;
	width: 100%;
	top: 0;
	bottom: 0;
	height: 100%;
	background-color: #ffffff;
	color: #222222;
	z-index: -1;
}
.box_photo_report .photo_report_heading {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 154px;
	padding: 30px 0 0 80px;
}
.box_photo_report .photo_report_heading h3 {
	position: relative;
	font-weight: bold;
	height: 7em;
	font-size: 166.7%;
	padding: 0 19px 0 25px;
	line-height: 1em;
	writing-mode: vertical-rl;
    text-orientation: upright;
	color: #222222;
	background-color: transparent;
	background-repeat: no-repeat, repeat-y;
	background-position: 0 3px, right 0;
	background-image: url(/shared/templates/city_top/images/heading/heading_photo_report.png),url(/shared/templates/city_top/images/heading/border_y.png);
}
.box_photo_report .photo_report_body {
	display: table-cell;
	vertical-align: top;
	padding-left: 70px;
}
.box_photo_report .photo_report_cnt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: center;
	margin-bottom: 10px;
}
.box_photo_report .photo_report_cnt .photo_report_image {
	width: 360px;
}
.box_photo_report .photo_report_cnt .photo_report_ttl {
	width: calc(100% - 360px);
	font-size: 111.1%;
	font-weight: bold;
	padding: 13px 0 10px 60px;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	padding-right: 80px;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -13px;
	border-bottom: 1px solid #333333;
	transition: 0.3s ease-in-out visibility,0.3s ease-in-out width;
	-webkit-transition: 0.3s ease-in-out visibility,0.3s ease-in-out width;
	-moz-transition: 0.3s ease-in-out visibility,0.3s ease-in-out width;
	visibility: hidden;
	width: 0;
}
.box_photo_report .photo_report_cnt.active .photo_report_ttl a:before{
	width: 100%;
	visibility: visible;
}
.box_photo_report .photo_report_cnt .photo_report_ttl a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	background: #ffffff url(/shared/site_city/images/icon/arrow_right.png) center center no-repeat;
	color: #222222;
	border: 2px solid #e3e3cc;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-size: 12px auto;
	overflow: hidden;
}
.box_photo_report .photo_report_image {
	position: relative;
	z-index: 1;
}
.box_photo_report .photo_report_image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffe994;
	color: #222222;
	z-index: -1;
	transform: rotate(5deg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box_photo_report .btn_more {
	text-align: right;
	margin: 0 0 0 auto;
}
.box_photo_report {
	opacity: 0;
	transform: translate(100vw, 0);
    -webkit-transform: translate(100vw, 0);
    -moz-transform: translate(100vw, 0);
    -ms-transform: translate(100vw, 0);
    -o-transform: translate(100vw, 0);
	transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
}
.box_photo_report.show {
	opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
}
.box_movie {
	padding: 60px 0 0;
}
.box_movie .movie_inner {
	max-width: 560px;
	margin: 0 auto;
}
.box_movie .movie_ttl {
	color: #222222;
	background-color: transparent;
	padding: 6px 0;
}
/* video style */
.box_movie .movie_video{
	position: relative;
	padding-top: 56.25%;
}
.box_movie #tmp_video_main,
.box_movie .movie_background iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box_movie #tmp_video_main{
    right: 0;
    bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    overflow: hidden;
}
.box_movie .movie_background{
	position: relative;
	height: 300%;
	top: -100%;
	width: 100%;
	left: 0;
	z-index: 1;
}
.box_movie .movie_controls{
    position: absolute;
    right: 0;
    bottom: 0;
	padding: 9px 24px;
    z-index: 2;
}
.box_movie .movie_control_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.box_movie .movie_control_list li{
    list-style: none;
    font-size: 77.8%;
    font-weight: bold;
    text-align: center;
}
.box_movie .movie_control_list a{
    display: inline-block;
    background-color: transparent;
	border: 1px solid #ffffff;
    color: inherit;
    text-decoration: none;
}
.box_movie .control_play a,
.box_movie .control_mute a{
    position: relative;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
    z-index: 1;
    text-indent: -9999px;
}
.box_movie .control_play a:before,
.box_movie #tmp_pause_button:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	height: 14px;
    z-index: -1;
}
.box_movie #tmp_pause_button:before,
.box_movie #tmp_pause_button:after{
    background-color: #ffffff;
    width: 2px;
    color: #222222;
}
.box_movie #tmp_pause_button:before{
    left: 14px;
}
.box_movie #tmp_pause_button:after{
    left: 21px;
}
.box_movie #tmp_play_button:before{
    left: 50%;
	background: transparent url(/shared/templates/city_top/images/icon/movie_arrow_pause.png) no-repeat;
	background-size: 100% auto;
    width: 11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.box_movie .control_mute{
	margin-left: 10px;
}
.box_movie .control_mute a{
    background-repeat: no-repeat;
    -webkit-background-size: 18px auto;
    -moz-background-size: 18px auto;
    background-size: 18px auto;
    background-position: center center;
}
.box_movie #tmp_unmute_button{
    background-image: url(/shared/templates/city_top/images/icon/movie_arrow_unmute.png);
}
.box_movie #tmp_mute_button{
    background-image: url(/shared/templates/city_top/images/icon/movie_arrow_mute.png);
}
.box_movie .control_subtitle{
	margin-left: 23px;
}
.box_movie .control_subtitle a{
    padding: 7px 4px 6px;
	min-width: 87px;
	border-radius: 50px;
	color: #ffffff;
}
.box_movie .control_subtitle a:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	background: transparent url(/shared/templates/city_top/images/icon/movie_arrow_subttl.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	width: 20px;
	height: 16px;
}
.box_movie .control_subtitle a:hover,
.box_movie .control_subtitle a:focus{
    text-decoration: underline;
}
.box_movie .control_play .play_btn,
.box_movie #tmp_movie_video.video_stop .control_play .pause_btn,
.box_movie .control_mute .mute_btn,
.box_movie .control_mute .unmute_btn,
.box_movie .video_g #tmp_mv_video,
.box_movie .video_g #tmp_pause_button,
.box_movie .video_g #tmp_play_button,
.box_movie .video_g #tmp_mute_button,
.box_movie .video_g #tmp_unmute_button{
	display: none;
}
.box_movie #tmp_movie_video.video_stop .control_play .play_btn,
.box_movie .control_mute .mute_btn.active,
.box_movie .control_mute .unmute_btn.active{
	display: inline-block;
}
/* end もっともっと感じたい ちょうふの魅力 */
/* begin 地域ごとの魅力満載 */
#tmp_map{
	position: relative;
	overflow: hidden;
	padding: 99px 0 120px;
}
#tmp_map .ttl{
	text-align: center;
	margin-bottom: 62px;
}
#tmp_map .ttl h2{
	text-indent: -9999px;
	overflow: hidden;
	background: url(/shared/templates/city_top/images/map_ttl.png) center 0 no-repeat;
	height: 72px;
}
#tmp_map .map_cnt{
	display: flex;
}
#tmp_map .map_detail{
	list-style: none;
	font-weight: bold;
	padding-top: 12px;
	width: 24.9%;
	padding-right: 2.9%;
}
#tmp_map .map_detail .txt_large{
	font-size: 138.89%;
	line-height: 1;
}
#tmp_map .map_detail li{
	color: #222222;
	position: relative;
	display: table;
	padding-left: 30px;
	padding-bottom: 9px;
	margin-bottom: 31px;
	background: #ffffff url(/shared/templates/city_top/images/bg_dashed.jpg) left bottom repeat-x;
}
#tmp_map .map_detail li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 6px solid #f7ce2f;
	background-color: #ffffff;
	color: inherit;
}
#tmp_map .map_images_wrap{
	width: 37.4%;
	margin-top: 11px;
}
#tmp_map .map_images{
	list-style: none;
	position: relative;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
}
#tmp_map .map_thumb{
	color: #000000;
	background: #ffffff;
	padding: 2px;
	margin-left: -2px;
	margin-top: -2px;
	margin-right: -2px;
	margin-bottom: -2px;
	width: auto;
}
#tmp_map .map_thumb img{
	display: block;
	max-width: 100%;
	height: auto;
	animation: none;
}
#tmp_map .map_images ul{
	list-style: none;
}
#tmp_map .map_images li{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
}
#tmp_map .map_images li span{
	position: absolute;
	text-align: center;
	width: 28%;
	z-index: 1;
}
#tmp_map .map_images .active{
	transform: translate(0, -6px);
	-webkit-transform: translate(0, -6px);
	-moz-transform: translate(0, -6px);
}
#tmp_map .map_images .map_1{
	background-image: url(/shared/templates/city_top/images/img_map_1.png);
}
#tmp_map .map_images .map_1 span{
	text-shadow: #0f6840 2px 0 0, #0f6840 1.75517px 0.958851px 0, #0f6840 1.0806px 1.68294px 0, #0f6840 0.141474px 1.99499px 0, #0f6840 -0.832294px 1.81859px 0, #0f6840 -1.60229px 1.19694px 0, #0f6840 -1.97998px 0.28224px 0, #0f6840 -1.87291px -0.701566px 0, #0f6840 -1.30729px -1.5136px 0, #0f6840 -0.421592px -1.95506px 0, #0f6840 0.567324px -1.91785px 0, #0f6840 1.41734px -1.41108px 0, #0f6840 1.92034px -0.558831px 0;
	top: 32%;
	left: 34%;
}
#tmp_map .map_images .map_2{
	background-image: url(/shared/templates/city_top/images/img_map_2.png);
}
#tmp_map .map_images .map_2 span{
	text-shadow: #167c6f 2px 0 0, #167c6f 1.75517px 0.958851px 0, #167c6f 1.0806px 1.68294px 0, #167c6f 0.141474px 1.99499px 0, #167c6f -0.832294px 1.81859px 0, #167c6f -1.60229px 1.19694px 0, #167c6f -1.97998px 0.28224px 0, #167c6f -1.87291px -0.701566px 0, #167c6f -1.30729px -1.5136px 0, #167c6f -0.421592px -1.95506px 0, #167c6f 0.567324px -1.91785px 0, #167c6f 1.41734px -1.41108px 0, #167c6f 1.92034px -0.558831px 0;
	top: 53.4%;
	left: 65.8%;
}
#tmp_map .map_images .map_3{
	background-image: url(/shared/templates/city_top/images/img_map_3.png);
}
#tmp_map .map_images .map_3 span{
	text-shadow: #c5441c 2px 0 0, #c5441c 1.75517px 0.958851px 0, #c5441c 1.0806px 1.68294px 0, #c5441c 0.141474px 1.99499px 0, #c5441c -0.832294px 1.81859px 0, #c5441c -1.60229px 1.19694px 0, #c5441c -1.97998px 0.28224px 0, #c5441c -1.87291px -0.701566px 0, #c5441c -1.30729px -1.5136px 0, #c5441c -0.421592px -1.95506px 0, #c5441c 0.567324px -1.91785px 0, #c5441c 1.41734px -1.41108px 0, #c5441c 1.92034px -0.558831px 0;
	top: 49%;
	left: 2.5%;
}
#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 2px 0 0, #bb1641 1.75517px 0.958851px 0, #bb1641 1.0806px 1.68294px 0, #bb1641 0.141474px 1.99499px 0, #bb1641 -0.832294px 1.81859px 0, #bb1641 -1.60229px 1.19694px 0, #bb1641 -1.97998px 0.28224px 0, #bb1641 -1.87291px -0.701566px 0, #bb1641 -1.30729px -1.5136px 0, #bb1641 -0.421592px -1.95506px 0, #bb1641 0.567324px -1.91785px 0, #bb1641 1.41734px -1.41108px 0, #bb1641 1.92034px -0.558831px 0;
	top: 71%;
	left: 28.1%;
}
#tmp_map .map_list{
	list-style: none;
	width: 37.7%;
	padding-left: 3.3%;
	padding-top: 9px;
}
#tmp_map .map_list li{
	margin-bottom: 9px;
}
#tmp_map .map_list a{
	display: block;
	position: relative;
	padding: 17px 45px 11px 67px;
	border-radius: 46px 0 0 46px;
	-webkit-border-radius: 46px 0 0 46px;
	-moz-border-radius: 46px 0 0 46px;
	background-color: #ffffff;
	color: #222222;
	text-decoration: none;
	font-weight: bold;
}
#tmp_map .map_list a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50vw;
	height: 100%;
	border: 1px solid #cccccc;
	border-right: none;
	border-radius: 46px 0 0 46px;
	-webkit-border-radius: 46px 0 0 46px;
	-moz-border-radius: 46px 0 0 46px;
}
#tmp_map .map_list a:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	border: 2px solid #e3e3cc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #ffffff url(/shared/templates/city_top/images/icon/arrow_right.png) center center no-repeat;
	color: #222222;
}
#tmp_map .map_list .sub_ttl{
	font-size: 94.44%;
	display: block;
	line-height: 1.3;
}
#tmp_map .map_list .ttl{
	font-size: 166.67%;
}
#tmp_map .map_list .map_1 .sub_ttl{
	color: #237e39;
}
#tmp_map .map_list .map_2 .sub_ttl{
	color: #167c6f;
}
#tmp_map .map_list .map_3 .sub_ttl{
	color: #c5441c;
}
#tmp_map .map_list .map_4 .sub_ttl{
	color: #bb1641;
}
/* end 地域ごとの魅力満載 */
/* begin 調布のまちの魅力を発信中 */
#tmp_miryoku_transmit {
    position: relative;
	z-index: 1;
    overflow: hidden;
    padding: 102px 0 119px;
	background-color: #ffe994;
    color: #222222;
	-webkit-border-radius: 0 100px 0 0;
	-moz-border-radius: 0 100px 0 0;
	border-radius: 0 100px 0 0;
}
#tmp_miryoku_transmit:before,
#tmp_miryoku_transmit:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    z-index: -1;
}
#tmp_miryoku_transmit:before {
	right: 0;
	top: 0;
	width: 368px;
	height: 270px;
	background-image: url(/shared/templates/city_top/images/main/bg_charm_right_top.png);
}
#tmp_miryoku_transmit:after {
    bottom: 0;
    left: 0;
    width: 384px;
    height: 282px;
    background-image: url(/shared/templates/city_top/images/main/bg_charm_left_bot.png);
}
#tmp_miryoku_transmit .ttl {
    text-align: center;
    margin-bottom: 35px;
}
#tmp_miryoku_transmit .ttl h2 {
    text-indent: -9999px;
    overflow: hidden;
    background: url(/shared/templates/city_top/images/heading/heading_miryoku_hasshin.png) center 0 no-repeat;
    height: 80px;
}
#tmp_splide_auto_miryoku {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column-reverse;
	gap: 46px;
}
#tmp_splide_auto_miryoku .splide__slide {
	color: inherit !important;
	background-color: transparent !important;
}
#tmp_splide_auto_miryoku .splide__slide .item_img {
	margin-bottom: 15px;
}
#tmp_splide_auto_miryoku .splide__slide .item_img:first-child {
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	transform: translateX(-120px);
}
#tmp_splide_auto_miryoku .splide__slide .item_img a {
	display: block;
	color: inherit;
	background-color: #ffe994;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
#tmp_splide_auto_miryoku .splide__slide img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
#tmp_splide_auto_miryoku .splide__slide .item_img a:hover img,
#tmp_splide_auto_miryoku .splide__slide .item_img a:focus img {
	opacity: 0.7;
}
#tmp_splide_auto_miryoku .wrap_auto_control {
	padding-right: 74px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 27px;
}
#tmp_splide_auto_miryoku .splide__toggle {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	color: #237e39;
	background-color: #ffffff;
	border: 2px solid #e5e5d0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#tmp_splide_auto_miryoku .splide__toggle span {
	position: absolute;
	text-indent: -99999px;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#tmp_splide_auto_miryoku .splide__toggle span:before,
#tmp_splide_auto_miryoku .splide__toggle span:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#tmp_splide_auto_miryoku .splide__toggle__play:before {
    left: calc(50% + 2px);
    border-style: solid;
    border-width: 7px 0 7px 11px;
    border-color: transparent transparent transparent #237e39;
}
#tmp_splide_auto_miryoku .splide__toggle__pause:before,
#tmp_splide_auto_miryoku .splide__toggle__pause:after {
    width: 3px;
    height: 15px;
    color: #ffffff;
    background-color: #237e39;
}
#tmp_splide_auto_miryoku .splide__toggle__pause:before {
    left: calc(50% + 5px);
}
#tmp_splide_auto_miryoku .splide__toggle__pause:after {
    left: calc(50% - 4px);
}
#tmp_splide_auto_miryoku .splide__toggle.is-active .splide__toggle__play,
#tmp_splide_auto_miryoku .splide__toggle.is-active .splide__toggle__play:before,
#tmp_splide_auto_miryoku .splide__toggle__pause {
    display: none;
}
#tmp_splide_auto_miryoku .splide__toggle.is-active .splide__toggle__pause,
#tmp_splide_auto_miryoku .splide__toggle.is-active .splide__toggle__pause:before,
#tmp_splide_auto_miryoku .splide__toggle.is-active .splide__toggle__pause:after {
    display: block;
}
#tmp_splide_auto_miryoku .btn_more a {
	padding: 14px 66px 14px 20px;
}
.color_blue #tmp_miryoku_transmit:before,
.color_black #tmp_miryoku_transmit:before,
.color_yellow #tmp_miryoku_transmit:before,
.color_blue #tmp_miryoku_transmit:after,
.color_black #tmp_miryoku_transmit:after,
.color_yellow #tmp_miryoku_transmit:after {
	display: none;
}
.color_blue #tmp_miryoku_transmit,
.color_black #tmp_miryoku_transmit,
.color_yellow #tmp_miryoku_transmit {
	border: 2px solid;
	border-left: none;
}
.color_blue #tmp_miryoku_transmit .ttl h2,
.color_black #tmp_miryoku_transmit .ttl h2,
.color_yellow #tmp_miryoku_transmit .ttl h2 {
	text-indent: 0 !important;
	height: auto!important;
}
.color_blue #tmp_splide_auto_miryoku .splide__toggle__play:before,
.color_black #tmp_splide_auto_miryoku .splide__toggle__play:before {
    border-color: transparent transparent transparent #ffff00 !important;
}
.color_yellow #tmp_splide_auto_miryoku .splide__toggle__play:before {
    border-color: transparent transparent transparent #000000 !important;
}
.color_blue #tmp_splide_auto_miryoku .splide__toggle__pause:before,
.color_black #tmp_splide_auto_miryoku .splide__toggle__pause:before,
.color_blue #tmp_splide_auto_miryoku .splide__toggle__pause:after,
.color_black #tmp_splide_auto_miryoku .splide__toggle__pause:after {
    background-color: #ffff00 !important;
}
.color_yellow #tmp_splide_auto_miryoku .splide__toggle__pause:before,
.color_yellow #tmp_splide_auto_miryoku .splide__toggle__pause:after {
    background-color: #000000 !important;
}
.no_javascript #tmp_splide_auto_miryoku .splide {
	visibility: visible;
}
#tmp_splide_auto_miryoku .no-splide .splide__list {
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.no_javascript #tmp_splide_auto_miryoku .splide__list {
	flex-wrap: wrap;
}
#tmp_splide_auto_miryoku .no-splide .splide__slide,
.no_javascript #tmp_splide_auto_miryoku .splide__slide {
	width: 20%;
	padding: 0 7px;
}
#tmp_splide_auto_miryoku .no-splide .splide__slide .item_img:first-child,
.no_javascript #tmp_splide_auto_miryoku .splide__slide .item_img:first-child {
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
/* end 調布のまちの魅力を発信中 */
/* begin お役立ち情報 */
/* sec_useful_info
================================================== */
.sec_useful_info {
	padding: 98px 0 110px;
}
.sec_useful_info .useful_info_heading {
	margin: 0 0 52px;
	text-align: center;
}
.sec_useful_info .useful_info_heading h2 {
	display: block;
	padding: 10px 0;
	margin-bottom: 30px;
	min-height: 74px;
	font-size: 200%;
	color: #333333;
	background: transparent url(/shared/templates/city_top/images/heading/heading_useful_info.png) top center no-repeat;
	text-indent: -9999px;
}
.sec_useful_info .useful_info_heading p {
	color: #222222;
	background-color: transparent;
}
.sec_useful_info .useful_info_heading p br {
	display: none;
}
/* hover
================================================== */
.box_photo_report .photo_report_image img{
	transition: 0.3s ease opacity;
	-webkit-transition: 0.3s ease opacity;
	-moz-transition: 0.3s ease opacity;
}
/* image
================================================== */
.box_photo_report .photo_report_image img,
.box_movie .movie_image img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* hover
================================================== */
#tmp_splide_auto_miryoku .splide__toggle,
#tmp_map .map_list a:before,
.sec_business_pr .business_item_inner{
	transition: 0.3s ease-in-out border-color;
	-webkit-transition: 0.3s ease-in-out border-color;
	-moz-transition: 0.3s ease-in-out border-color;
}
#tmp_splide_auto_miryoku .splide__toggle:hover,
#tmp_splide_auto_miryoku .splide__toggle:focus,
#tmp_map .map_list a:hover:before,
#tmp_map .map_list a:focus:before,
.sec_business_pr .business_item_inner:hover,
.sec_business_pr .business_item_inner:focus{
	border-color: #333333;
}
#tmp_map .map_list a:hover:before,
#tmp_map .map_list a:focus:before{
	border-width: 2px;
}
/* end お役立ち情報 */

/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_wrapper .sec_photo:before,
.color_blue #tmp_wrapper .sec_photo:after,
.color_blue #tmp_wrapper .box_photo_report .photo_report_inner:after,
.color_yellow #tmp_wrapper .sec_photo:before,
.color_yellow #tmp_wrapper .sec_photo:after,
.color_yellow #tmp_wrapper .box_photo_report .photo_report_inner:after,
.color_black #tmp_wrapper .sec_photo:before,
.color_black #tmp_wrapper .sec_photo:after,
.color_black #tmp_wrapper .box_photo_report .photo_report_inner:after {
	display: none;
}
.color_yellow #tmp_map .ttl h2,
.color_blue #tmp_map .ttl h2,
.color_black #tmp_map .ttl h2,
.color_yellow #tmp_mvs .mvs_text,
.color_blue #tmp_mvs .mvs_text,
.color_black #tmp_mvs .mvs_text,
.color_blue #tmp_wrapper .sec_photo .photo_charm_heading h2,
.color_blue #tmp_wrapper .sec_useful_info .useful_info_heading h2,
.color_yellow #tmp_wrapper .sec_photo .photo_charm_heading h2,
.color_yellow #tmp_wrapper .sec_useful_info .useful_info_heading h2,
.color_black #tmp_wrapper .sec_photo .photo_charm_heading h2,
.color_black #tmp_wrapper .sec_useful_info .useful_info_heading h2 {
	text-indent: 0;
}
.color_yellow #tmp_map .map_images li,
.color_blue #tmp_map .map_images li,
.color_black #tmp_map .map_images li,
.color_yellow #tmp_mvs .mvs_text,
.color_blue #tmp_mvs .mvs_text,
.color_black #tmp_mvs .mvs_text,
.color_black #tmp_wrapper .box_movie .movie_controls,
.color_black #tmp_wrapper .box_movie .movie_controls ul,
.color_blue #tmp_wrapper .box_movie .movie_controls,
.color_blue #tmp_wrapper .box_movie .movie_controls ul,
.color_yellow #tmp_wrapper .box_movie .movie_controls,
.color_yellow #tmp_wrapper .box_movie .movie_controls ul{
	background-color: transparent!important;
}
.color_yellow #tmp_map .map_images li span,
.color_blue #tmp_map .map_images li span,
.color_black #tmp_map .map_images li span{
	z-index: 1!important;
}
.color_black #tmp_wrapper .box_movie #tmp_video_main,
.color_blue #tmp_wrapper .box_movie #tmp_video_main,
.color_yellow #tmp_wrapper .box_movie #tmp_video_main{
	border: 1px solid;
}
.color_yellow #tmp_wrapper .box_movie #tmp_pause_button:before,
.color_yellow #tmp_wrapper .box_movie #tmp_pause_button:after{
	background-color: #000000;
}
.color_yellow #tmp_wrapper .box_movie #tmp_play_button:before{
	background-image: url(/shared/templates/city_top/images/icon/movie_arrow_pause_black.png) !important;
}
.color_black #tmp_wrapper .box_movie #tmp_unmute_button,
.color_blue #tmp_wrapper .box_movie #tmp_unmute_button{
	background-image: url(/shared/templates/city_top/images/icon/movie_arrow_unmute.png) !important;
}
.color_black #tmp_wrapper .box_movie #tmp_mute_button,
.color_blue #tmp_wrapper .box_movie #tmp_mute_button{
	background-image: url(/shared/templates/city_top/images/icon/movie_arrow_mute.png) !important;
}
.color_yellow #tmp_wrapper .box_movie #tmp_unmute_button{
    background-image: url(/shared/templates/city_top/images/icon/movie_arrow_unmute_black.png) !important;
}
.color_yellow #tmp_wrapper .box_movie #tmp_mute_button{
    background-image: url(/shared/templates/city_top/images/icon/movie_arrow_mute_black.png) !important;
}
/* ==================================================
accessibility style change:no javascript
================================================== */
.no_javascript .box_photo_report{
	opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
}
.no_javascript #tmp_wrapper .box_movie{
	display: none;
}