@charset "UTF-8";

/* ----------------------------------------------------------------------------------
RESET
------------------------------------------------------------------------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, sub, summary, sup, tt, table, tbody, tfoot, thead, time, tr, th, td,u, ul, var, video{ font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal;margin: 0; padding: 0; border: 0; background: transparent; }
strong{ font-family:UD Shin Go Medium;font-weight:bold;}
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section, main{ display: block; margin: 0; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}
input::-moz-focus-inner { border: 0; padding: 0; }
a img:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#content-page img{ width:100%; height:auto;}
aside .aside-block img{ width:100%; height:auto;}
blockquote {
    margin: 0 30px 20px;
    padding: 15px;
    border: 1px solid #999;
}
blockquote p{ margin:0 !important;}
.sp{ display:none;}

img{max-width:100%;height:auto;}

/* -------------------------------------------------------------------------
body
------------------------------------------------------------------------- */
body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ","Meiryo",arial,helvetica,clean,sans-serif;
}

/* テキストリンクの設定*/
a,
a:link {color: #0054ff;}
a:visited {color:  #0054ff;}
a:hover,
a:active,
a:focus {color: #F00;text-decoration: none;}
:focus {
    outline: -webkit-focus-ring-color auto 5px;
}


/* -------------------------------------------------------------------------
ヘッダー共通
------------------------------------------------------------------------- */
#header{
}
#header h1{
	padding:10px 0;
	display:inline-block;
}
.header-inner{
	position:relative;
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px){
	.header-inner{width:auto;}
}
#header-search #search-text{
	border:1px solid #333333;
	padding:10px 10px;
}
#header-search #but{
	padding:10px 10px 10px 30px;
	background:url(../img/common/icon-search.png) no-repeat center left 10px #333333;
	background-size:16px;
	color:#fff;
	border:1px solid #333;
}
.header-font,.header-lang,.header-onsei{
	background-color:#EDEDED;
	background-position:center left 10px;
	background-repeat:no-repeat;
	background-size:23px;
	padding:9px 15px 9px 40px;
}
.header-font a,.header-lang a,.header-onsei a{
	color:#000;
	text-decoration:none;
}
.header-font a:hover,.header-lang a:hover,.header-onsei a:hover{
	text-decoration:underline;
	color:#F00;
}
.header-font{
	background-image:url(../img/common/icon-font.png);
}
.header-lang{
	background-image:url(../img/common/icon-lang.png);
	background-size:19px;
}
.header-onsei{
	background-image:url(../img/common/icon-onsei.png);
	background-size:19px;
}

/* -------------------------------------------------------------------------
ヘッダー（スマホ）
------------------------------------------------------------------------- */
#mobile-head{display:none;}
@media only screen and (max-width:1200px){
	#mobile-head{display:block;}
}
/*インフォメーション*/
#mobile-head #header-search{
	margin-bottom:10px;
}
#mobile-head .header-font,#mobile-head .header-lang,#mobile-head .header-onsei{
	display:inline-block;
	margin-bottom:10px;
}

/*ナビゲーション*/
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	padding:0px;
	width: 75px;
	height: 75px;
	background: linear-gradient(#003C88, #2A64AD);
	cursor: pointer;
	z-index: 101;
  }
  #nav-toggle div {
	position: relative;
	width:60%;
	left: 20%;
	top:15px;
  }
  #nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 80%;
	background: #fff;
	left: 4px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
	top: 0;
  }
  #nav-toggle span:nth-child(2) {
	top: 12px;
  }
  #nav-toggle span:nth-child(3) {
	top: 24px;
  }

  #nav-toggle p{
	font-size:13px;
	color:#fff;
	position: absolute;
    bottom: 7px;
	width:100%;
	text-align:center;
  }
  #nav-toggle .menu-open{display:none;}

  .open #nav-toggle .menu-open{display:block;}
  .open #nav-toggle .menu-close{display:none;}
  
  #top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
	padding-top: 0;
	/*background: transparent;*/
  }
  #mobile-head {
	width: 100%;
	height: 75px;
	z-index: 999;
	position: relative;
  }
  #global-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -1200px;
	background:#fff;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
  }
  #global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
  }
  #global-nav ul li {
	float: none;
	position: static;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #000;
	padding: 18px 0;
  }
  #nav-toggle {
	display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(1275px);
	-webkit-transform: translateY(1275px);
	transform: translateY(1275px);
  }

  #header .close_btn{
	background:#0066B3;
	color:#fff;
	border-radius:10px;
	margin:5px 20px;
	padding:10px;
  }

  #mobile-head dl.accordion dt {
    background-color: #eee;
    padding: 5px;
    background-position: center right 10px;
	font-size:110%;
	}
  #mobile-head dl.accordion dd{padding:0 20px;}
  #mobile-head dl.accordion dd p{
	text-align:left;
	font-size:inherit;
  }

/* -------------------------------------------------------------------------
ヘッダー（PC）
------------------------------------------------------------------------- */
#pc-head{margin-bottom:10px;}
@media only screen and (max-width:1200px){
	#pc-head{display:none;}
}
#pc-head .header-inner{
	display:flex;
	justify-content: space-between;
    align-items: center;
}
.header-info{
	display:flex;
	gap:20px;
}
.pc-menu{
	position:relative;
	background:#0066B3;
}
.pc-menu-inner{
	width:1200px;
	margin:0 auto;
	display:flex;
}
@media only screen and (max-width:1200px){
	.pc-menu-inner{width:auto;}
}
.pc-menu-inner div:first-child{
	width:10%;
	border-left:1px solid #fff;
}
.pc-menu-inner div{
	width:18%;
	border-right:1px solid #fff;
	position: relative;
}
.pc-menu-inner div.menu-1st a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:10px 0;
	text-align:center;
	font-size:110%;
}
.pc-menu-inner div.menu-1st a:hover{
	background-color:#004477;
}
.pc-menu-inner .menu-2nd{display:none;}
.pc-menu-inner div:hover ul.menu-2nd{
	position:absolute;
	display:block;
	z-index:100;
	width:100%;
	background:#fff;
	border:2px solid #004477;
}
.pc-menu-inner div:hover ul#pcmenu-top-2nd{
	width:150px;
}
.pc-menu-inner .menu-2nd li,.pc-menu-inner .menu-2nd li:first-child{
	width:auto;
	position:relative;
}
.pc-menu-inner .menu-2nd li a{
	color:#000;
	text-align:left;
	padding:10px 20px 10px 15px;
	font-size:90%;
	background-image:url(../img/common/arrow-gray.svg);
	background-repeat:no-repeat;
	background-position:center right 10px;
	border-bottom:1px solid #ccc;
}
.pc-menu-inner .menu-2nd li:last-child a{border:none;}
.pc-menu-inner .menu-2nd li a:hover{
	background-color:#EBEBEB;
}
#pc-head .pc-menu-inner div:nth-last-child(2) .menu-3rd,
#pc-head .pc-menu-inner div:last-child .menu-3rd{
	left:-201px;
}
#pc-head .pc-menu-inner div:nth-last-child(2) .menu-4th,
#pc-head .pc-menu-inner div:last-child .menu-4th{
	left:-195px;
}

.pc-menu-inner .menu-3rd{display:none;}
.pc-menu-inner .menu-2nd li:hover ul.menu-3rd{
	position:absolute;
	top:-2px;
	left:177px;
	display:block;
	z-index:100;
	width:200px;
	background:#fff;
	border:2px solid #004477;
	font-size:90%;
}
.pc-menu-inner .menu-3rd li a,
.pc-menu-inner .menu-3rd .menu-3rd-child li a,
.pc-menu-inner .menu-4th li a{
	background-image:none;
}
.pc-menu-inner .menu-3rd .menu-3rd-child a{
	background-image:url(../img/common/arrow-gray.svg);
}

.pc-menu-inner .menu-4th{display:none;}
.pc-menu-inner .menu-3rd li:hover ul.menu-4th{
	position:absolute;
	top:-2px;
	left:195px;
	display:block;
	z-index:100;
	width:100%;
	background:#fff;
	border:2px solid #004477;
}

/*15番目以降はメニューを上につける*/
.pc-menu-inner .menu-2nd li:nth-child(n+10) ul.menu-3rd{
    bottom: 0;
    top: inherit;
}
.pc-menu-inner .menu-2nd li:nth-child(n+10) ul.menu-3rd .menu-3rd-child .menu-4th{
	bottom: 0;
    top: inherit;
}



/* -------------------------------------------------------------------------
フッター
------------------------------------------------------------------------- */
.footer-illust{text-align:center;}
#footer{
	background:#F4F5F7;
	padding-top:50px;
}
.footer-logo{margin-bottom:15px;}
.footer-container{
	display:flex;
	justify-content: space-between;
}
.footer-address{margin-bottom:20px;}
.footer-address p{margin-bottom:5px;font-size:90%;}
.footer-sns{margin-bottom:20px;}
.footer-sns li{display:inline-block;margin-right:10px;}
.footer-menu-txt{margin-bottom:30px;}
.footer-menu-txt li{
	font-size:90%;
	display:inline-block;
	padding-left:15px;
	margin-right:10px;
	background:url(../img/common/arrow-blue.png) no-repeat left center;
	background-size:7px;
}
.footer-menu-txt li a{
	color:#000;
	text-decoration:none;
}
.copylight{
	background:#0066B3;
	color:#fff;
	padding:5px 0;
	font-size:80%;
	text-align:right;
}
@media only screen and (max-width:850px){
	#footer .inner{padding:0 25px;}
	.footer-container{display:block;}
	.copylight{text-align:center;padding-bottom:80px;}
	.footer-sns{text-align:center;}
}

/*上に戻る*/
#page-top{
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px 10px;
	color:#fff;
	font-size:20px;
	text-decoration:none;
}
.topbtn-box{display:none;}

/*音声読み上げ*/
#onsei{
	text-align:right;
	position:fixed;
	bottom:10px;
	left:10px;
}
#onsei #xp1{margin: 0 auto;}

/* -------------------------------------------------------------------------
共通
------------------------------------------------------------------------- */
.inner{
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px){
	.inner{width:auto;}
}
.main-title{
	text-align:center;
	font-size:200%;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-bottom:40px;
}
.main-title::before{
	content:'';
	max-width:230px;
	display:block;
	margin:0 auto 20px auto;
	border-top:3px solid #0066B3;
}

.main-title-small{
	text-align:center;
	font-size:100%;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-bottom:40px;
}
.main-title-small::before{
	content:'';
	max-width:115px;
	display:block;
	margin:0 auto 10px auto;
	border-top:3px solid #0066B3;
}

.btn-blueborder{text-align:center;}
.btn-blueborder a{
	display:inline-block;
	padding:15px 30px 15px 10px;
	border:2px solid #0066B3;
	color:#0066B3;
	text-decoration:none;
	min-width:355px;
	font-size:110%;
	font-weight:bold;
	background:url(../img/common/arrow-blue2.svg) no-repeat center right 10px;
}
.btn-blueborder a:hover{background-color:#EFF6FC;}
@media only screen and (max-width:500px){
	.btn-blueborder a{
		min-width:inherit;
		display:inline-block;
		padding:10px 20px;
		background:#2A64AD;
		border-radius:5px;
		margin-bottom:10px;
		color:#fff;
		text-decoration:none;
		min-width:170px;
		text-align:center;
	}
}
.btn-blue{text-align:center;}
.btn-blue a{
	display:inline-block;
	padding:10px 20px;
	background:#2A64AD;
	border-radius:5px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	min-width:170px;
	text-align:center;
}
.btn-blue a:hover{
	background:#004477;
}

/* -------------------------------------------------------------------------
緊急情報
------------------------------------------------------------------------- */
.kinkyu-box{
	display: none;
    grid-template-columns: 200px auto;
	justify-content: stretch;
    align-content: stretch;
	border:5px solid #F20000;
	margin-bottom:20px;
}
#top-container .kinkyu_active{
	display: grid;
}
.kinkyu-title{
	display:flex;
	align-items: center;
	justify-content:center;
	background:#F20000;
	color:#fff;
}
.kinkyu-box-container{
	padding:15px;
}
.kinkyu-box-container p{margin-bottom:10px;}
@media only screen and (max-width:650px){
	#top-container .kinkyu_active{display:block;}
}

#content_sub.kinkyu_block {
    width: 100%;
    margin-top: 20px;
}

/* -------------------------------------------------------------------------
重要なお知らせ
------------------------------------------------------------------------- */
#jyuyo{
	display: none;
	max-width:800px;
	border:1px solid #2A64AD;
	padding:20px 30px;
	border-radius:10px;
	margin:0 auto 40px auto;
}
#top-container .jyuyo_active{
	display: grid;
}
#jyuyo h2{
	text-align:center;
	font-size:130%;
	letter-spacing:0.1em;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:bold;
}
#jyuyo li{
	display:flex;
	margin-bottom:20px;
}
#jyuyo li a{
	width:80%;
	color:#D80000;
	font-size:110%;
}
#jyuyo li a:hover{
	color:#F00;
	text-decoration:none;
}

#jyuyo li .news-time{
	width:20%;
	color:#454545;
	display:inline-block;
	font-size:90%;
}
@media only screen and (max-width:700px){
	#jyuyo{background:#F4F5F7;border:none;border-radius:0;padding:40px 25px;}
	#jyuyo li{display:block;}
	#jyuyo li .news-time{display:block;width:auto;}
	#jyuyo li a{width:auto;}
}

/* -------------------------------------------------------------------------
よく見られている情報
------------------------------------------------------------------------- */

#popular-info{margin-bottom:40px;}
.popular-menu{
	display:none !important;
}
.popular-menu{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	justify-content: stretch;
    align-content: stretch;
	gap:30px;
	margin-bottom:30px;
}
.popular-menu li{
	border-radius:10px;
	border:1px solid #2A64AD;
	display:flex;
	text-decoration:none;
	text-align:center;
	justify-content: center;
    align-items: center;
	color:#000;
	min-height:220px;
	padding:0 10px;
	font-size:130%;
	font-weight:bold;
	flex-direction: column;
}
.popular-menu a{
	color:#000;
	text-decoration:none;
}
.popular-menu li:hover{
	background:#EFF6FC;
}

.popular-menu a img{margin-bottom:15px;}


@media only screen and (max-width:1200px){
	.popular-menu{grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media only screen and (max-width:800px){
	.popular-menu{grid-template-columns:1fr 1fr 1fr;}
}
@media only screen and (max-width:600px){
	.popular-menu{display:block;padding:0 25px;}
	.popular-menu li{margin-bottom:10px;display: flex;min-height: inherit;justify-content: left;flex-direction: row;text-align: left;}
	.popular-menu li:nth-child(n+6) {display:none;}
	.popular-menu a{height:auto;justify-content:left;padding:10px;font-size:100%;flex-direction: row;display: inline-block;}
	.popular-menu a img{width:45px;margin-right:10px;margin-bottom:0;}
	.popular-menu a span{display:flex;align-items: center;text-align: left;}
}

/*250331追記*/
.popular-menu2{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	justify-content: stretch;
    align-content: stretch;
	gap:30px;
	margin-bottom:30px;
}
.popular-menu2 li{
	border-radius:10px;
	border:1px solid #2A64AD;
	overflow:hidden;
	display:flex;
	text-decoration:none;
	text-align:center;
	justify-content: center;
    align-items: center;
	color:#000;
	height:220px;
	padding:0;
	font-size:130%;
	font-weight:bold;
	flex-direction: column;
}
.popular-menu2 a{
	color:#000;
	text-decoration:none;
	height:100%;
	padding:0 10px;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
	width: 100%;
}
.popular-menu2 li a:hover{
	background:#EFF6FC;
}

.popular-menu2 a img{
	margin-bottom:15px;
	margin-left: auto;
    margin-right: auto;
}
.popular-menu2 a span{display:block;}

@media only screen and (max-width:1200px){
	.popular-menu2{grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media only screen and (max-width:800px){
	.popular-menu2{grid-template-columns:1fr 1fr 1fr;}
}
@media only screen and (max-width:600px){
	.popular-menu2{display:block;padding:0 25px;}
	.popular-menu2 li{margin-bottom:10px;display: flex;height: auto;justify-content: left;flex-direction: row;text-align: left;}
	.popular-menu2 li:nth-child(n+6) {display:none;}
	.popular-menu2 a{height:auto;justify-content:left;padding:10px;font-size:100%;flex-direction: row;display: flex;width: 100%;justify-content: flex-start;flex-wrap: nowrap;}
	.popular-menu2 a img{width:45px;margin-right:10px;margin-left:10px;margin-bottom:auto;margin-top:auto;}
	.popular-menu2 a span{display:flex;align-items: center;text-align: left;}
}


/*編集画面用*/
#wcv_sys_container_wide .popular-menu{display:block;}
#wcv_sys_container_wide .popular-menu div{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: stretch;
    align-content: stretch;
    gap: 30px;
    margin-bottom: 30px;
}

/* -------------------------------------------------------------------------
新着情報
------------------------------------------------------------------------- */
.news-pickup-container{
	display:flex;
	gap:40px;
	margin-bottom:30px;
}

.news-pickup-container h2{
	text-align:center;
	font-size:130%;
	letter-spacing:0.1em;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:bold;
}
.news-box,.pickup-box{
	width:48%;
	border: 1px solid #2A64AD;
    padding: 20px 30px;
    border-radius: 10px;
    margin: 0 auto 40px auto;
}
.news-box li{
	display:flex;
	gap:20px;
	margin-bottom:20px;
}
.news-box li .news-time{
	width:25%;
	margin-right:0;
	color:#454545;
	display:inline-block;
	font-size:90%;
}
.news-box li a{
	width:73%;
	font-size:110%;
}
.pickup-box li{
	display:flex;
	gap:20px;
	margin-bottom:20px;
	align-items: center;
}
.pickup-post-img{
	width:30%;
}
.pickup-post-title{
	width:68%;
}
.pickup-post-title .pickup-time{display:block;}

@media only screen and (max-width:1200px){
	.news-pickup-container{display:block;}
	.news-box,.pickup-box{width:auto;max-width: 800px;}
	.news-box li .news-time{width:20%;}
	.news-box li a{width:80%;}
}
@media only screen and (max-width:700px){
	.news-box{background:#F4F5F7;border:none;border-radius:0;padding:40px 25px;}
	.news-box li{display:block;}
	.news-box li .news-time{display:block;width:auto;}
}

/*ピックアップスマホ*/
.pickup-box-sp{display:none;}
@media only screen and (max-width:700px){
	.pickup-box{display:none;}
	.pickup-box-sp{
		display:block;
		padding:40px 25px;
	}
}
.post-slide{
	padding:0 20px;
	margin-bottom:20px;
}
.pickup-sp-img{margin-bottom:10px;}
.pickup-sp-title .pickup-time{display:block;}

/* -------------------------------------------------------------------------
平戸市について
------------------------------------------------------------------------- */
#top-about{margin-bottom:50px;}
.top-about-container{
	display:none !important;
}
.top-about-container{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
    justify-content: stretch;
    align-content: stretch;
    gap: 30px;
    margin-bottom: 30px;
}
.top-about-container li{
	border:1px solid #2A64AD;
	border-radius:10px;
	overflow:hidden;
	padding:20px;
}
.top-about-container li a{
	color:#000;
	text-decoration:none;
}
.top-about-container li:hover{
	background:#EFF6FC;
}
.top-about-container li img{
	width:100px;
	display:inline-block;
	vertical-align: middle;
	margin-right:20px;
}
.top-about-container li span{
	font-size:130%;
	font-weight:bold;
	letter-spacing:0.1em;
}
@media only screen and (max-width:1050px){
	.top-about-container{grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width:700px){
	.top-about-container{display:block;padding:0 25px;}
	.top-about-container li{margin-bottom:5px;padding:5px;}
	.top-about-container li img{width:50px;}
	.top-about-container li span{font-size:100%;}
}

/*250331追記*/
.top-about-container2{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
    justify-content: stretch;
    align-content: stretch;
    gap: 30px;
    margin-bottom: 30px;
}
.top-about-container2 li{
	border:1px solid #2A64AD;
	border-radius:10px;
	overflow:hidden;
}
.top-about-container2 li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:20px;
}
.top-about-container2 li a:hover{
	background:#EFF6FC;
}
.top-about-container2 a img{
	width: 100px;
	display:inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.top-about-container2 a span{
	font-size: 130%;
    font-weight: bold;
    letter-spacing: 0.1em;
}
@media only screen and (max-width:1050px){
	.top-about-container2{grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width:700px){
	.top-about-container2{display:block;padding:0 25px;}
	.top-about-container2 li{margin-bottom:5px;padding:5px;}
	.top-about-container2 li img{width:50px;}
	.top-about-container2 li span{font-size:100%;}
	.top-about-container2 li a{padding: 5px;}
}

/*編集画面用*/
#wcv_sys_container_wide .top-about-container{display:block;}
#wcv_sys_container_wide .top-about-container div{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: stretch;
    align-content: stretch;
    gap: 30px;
    margin-bottom: 30px;
}
#wcv_sys_container_wide .top-about-container li img{
	width:inherit;
}

/* -------------------------------------------------------------------------
メニュー
------------------------------------------------------------------------- */
#top-menu{
	background:#F4F5F7;
	padding:50px 0;
}
.top-menu-container{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:40px;
	justify-content: space-between;
}
.top-menu-box h3{
	font-size:130%;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #C1C1C1;
}
.top-menu-box a{
	color:#000;
	text-decoration:none;
}
.top-menu-box a:hover{
	text-decoration:underline;
	color:#F00;
}
.top-menu-box p{
	margin-bottom:10px;
}

/*アコーディオン*/
dl.accordion { 
	width:auto;
	margin:0 auto;
}
dl.accordion dt {
	background:url(../img/common/icon-plus.png) no-repeat center right;
	background-size:18px;
	margin-bottom:10px;
	cursor:pointer;
}
dl.accordion dt.open {
	background:url(../img/common/icon-minus.png) no-repeat center right;
	background-size:18px;
	margin-bottom:10px;
	cursor:pointer;
}
dl.accordion dd {
	line-height:1.5;
	display:none;
	margin-bottom:20px;
}
dl.accordion dd p{
	margin-bottom:5px;
	font-size:90%;
}
dl.accordion dd p::before{
	content:'';
	display:inline-block;
	width:10px;
	border-top:1px solid #707070;
	vertical-align: middle;
	margin-right:10px;
}
@media only screen and (max-width:1050px){
	.top-menu-container{grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width:500px){
	.top-menu-container{display:block;padding:0 25px;}
	.top-menu-box{margin-bottom:40px;}
	.top-menu-kanren{text-align:center;}
}

/* 20240112追記 */
#wcv_sys_edit_areawrap{
	dl.accordion dd{
		display:inline-block
	}
}

/* -------------------------------------------------------------------------
PR広告
------------------------------------------------------------------------- */
#pr{padding:50px 0;}
#pr .inner{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:25px;
}
#pr p{text-align:center;}
@media only screen and (max-width:1000px){
	#pr .inner{grid-template-columns: 1fr 1fr 1fr;gap:10px;}
}
@media only screen and (max-width:500px){
	#pr .inner{grid-template-columns: 1fr 1fr;}
}

/*スマホ版PR広告*/
#pr .pr-sp{display:none;}
@media only screen and (max-width:700px){
	#pr .inner{display:none;}
	#pr .pr-sp{display:block;padding:0 25px;}
	#pr .main-title-small{font-size:90%;margin-bottom:20px;}
}
.pr-sp .slick-prev{left: 5px;}
.pr-sp .slick-next{right: 0px;}
.pr-sp .slick-slide{padding:0 5px;}

/* 20240112追記 */
#wcv_sys_edit_areawrap{
	#pr .pr-sp{
		display:inline-block
	}
}
/*編集画面用*/
#wcv_sys_container_wide #pr .inner{display:block;}
#wcv_sys_container_wide #pr .inner div p,#wcv_sys_container_wide #pr .inner div .wcv_system_form{
	display: inline-block;
}
#wcv_sys_container_wide .pr-sp div p,
#wcv_sys_container_wide .pr-sp div .wcv_system_form{
	display: inline-block;
}

#wcv_sys_container_wide .pr-sp::before{
	content:'【スマートフォン用広告バナー】';
}

/* -------------------------------------------------------------------------
サブページ
------------------------------------------------------------------------- */

/*パンくず*/
#crumb{
	font-size:90%;
	margin-bottom:50px;
}

/*レイアウト*/
#container{
	width:1200px;
	margin:0 auto;
}
#container:after {
    content: "";
    clear: both;
    display: block;
}
@media only screen and (max-width:1200px){
	#container{width:auto;}
}
@media only screen and (max-width:1150px){
	#container{padding:0 10px;display:flex;flex-direction:column;}
}

#content_sub{
	width:860px;
	float:right;
}
@media only screen and (max-width:1150px){
	#content_sub{width:auto;float:none;}
}
hr.hide {
    display: none;
}

/* -------------------------------------------------------------------------
サイド
------------------------------------------------------------------------- */

.left_side_block{
	width:280px;
	float:left;
}
@media only screen and (max-width:1150px){
	.left_side_block{width:auto;float:none;order:3;}
}

#side_image {
    margin-bottom: 20px;
}

#sidenavi{margin-top:10px;}
#sidenavi ul{margin-bottom:10px;}
#sidenavi li a{
	color:#000;
	text-decoration:none;
	font-size:120%;
	border-bottom:1px solid #ccc;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
}
#sidenavi li a:hover{
	text-decoration:underline;
}

#sidenavi li ul li a{
	padding-left:25px;
	background:url(../img/common/icon/sidenavi-category.svg) no-repeat left top 5px;
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:10px;
}
#sidenavi li ul li ul li{
	padding-left:0;
	background:none;
}
#sidenavi li ul li ul li:before{
	content:'';
	width:7%;
	height:0.7em;
	display:inline-block;
	vertical-align: top;
	border-bottom:1px solid #ccc;
	margin-right:2%;
}
#sidenavi li ul li ul li a{
	display:inline-block;
	width:89%;
	vertical-align: top;
	padding-left:0;
	background:none;
	font-size:100%;
}
#sidenavi li ul li ul li ul li{
	margin-left:13px;
}
#sidenavi li ul li ul li ul li:before{
	border:none;
	width:12px;
	height:12px;
	background:url(../img/common/icon/sidenavi-child.svg) no-repeat left center;
	vertical-align: top;
}
#sidenavi li ul li ul li ul li a{
	font-weight:normal;
	font-size:95%;
}

/*人生のできごとから探す・目的から探す*/
#events-of-life,#from-purpose{margin-bottom:30px;}
#events-of-life dt,#from-purpose dt{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
#events-of-life ul,#from-purpose ul{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
}
#events-of-life li a,#from-purpose li a{
	border:1px solid #0066B3;
	border-radius:5px;
	text-align:center;
	display:block;
}
#events-of-life li a:hover,#from-purpose li a:hover{
	background:#E9F2F7;
}

/* -------------------------------------------------------------------------
下層ページ
------------------------------------------------------------------------- */
/* カテゴリアイコン非表示 */
#container #content_sub #main-contents dl dt img {
	display:none;
}

.socialbtn{
	text-align:right;
	margin-bottom:15px;
}
.socialbtn p#tweetbtnarea{ width:70px; margin:0 !important;}
.socialbtn p#tweetbtnarea, .socialbtn p#likebtnarea, .socialbtn p#linebtnarea{
	display: inline-block;
    margin-left: 5px;
    margin-right: 0;
}
.socialbtn p#likebtnarea span#description {
	display: none;
}
.socialbtn p#linebtnarea img {
	margin: 0;
	vertical-align: baseline;
}

#main-contents #newsicon{display:none;}

#main-contents h1{
	border-bottom:2px solid #0066B3;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:180%;
	font-weight:bold;
}
#main-contents h2{
	background:#0066B3;
	color:#fff;
	padding:10px 20px;
	border-radius:5px;
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
}
#main-contents h2 a{color:#fff;}
#main-contents h2 .text_red,
#main-contents h2 .text_blue,
#main-contents h2 .text_green,
#main-contents h2 .text_black{color:inherit;}
#main-contents h2 font{color:inherit;}
#main-contents h3{
	background:#EEEEEE;
	color:#000;
	font-size:140%;
	padding:10px 20px;
	border-radius:5px;
	font-weight:bold;
	margin-bottom:20px;
}
#main-contents h4{
	border-left:5px solid #0066B3;
	padding-left:10px;
	font-size:130%;
	color:#0066B3;
	margin-bottom:20px;
	font-weight:bold;
}
#main-contents h5{
	font-size:120%;
	font-weight:bold;
	color:#E67600;
	margin-bottom:20px;
}
#main-contents h5:before{
	content:'';
	width:5px;
	height:5px;
	display:inline-block;
	margin-right:5px;
	vertical-align: middle;
	border-radius:50%;
	border:4px solid #F78F22;
}
#main-contents h6{
	font-size:110%;
	color:#00A76D;
	font-weight:bold;
	margin-bottom:20px;
}
#main-contents p{
	margin-bottom:15px;
	overflow-wrap: break-word;
}
#main-contents ul{margin-bottom:15px;}
#main-contents ul li{
	margin-left:20px;
	margin-bottom:5px;
}
#main-contents ul li:before{
	content:'';
	width:5px;
	height:5px;
	display:inline-block;
	margin-right:5px;
	vertical-align: middle;
	border-radius:50%;
	border:4px solid #0066B3;
	margin-left:-20px;
}

#content_sub ul.lileft{ overflow:hidden;}
#content_sub ul.lileft li{ float:left; width:130px;}


#main-contents ol{
	padding:0;
	margin:0;
	list-style:none;
	counter-reset:circle-number;
	margin-bottom:15px;
}
#main-contents ol li{
	line-height: 1.5;
	margin-bottom: 0.4em;
	margin-left:1.8em;
}
#main-contents ol li:before {
	counter-increment: circle-number;
	content: counter(circle-number);
	background:#eeeeee;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	display: inline-block;
	margin-right: .3em;
	margin-left:-1.8em;
}

#content_sub table,
#container-noside table {
	clear: both;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom:20px;
}
#content_sub caption,
#container-noside caption {
	color: #000;
	font-size: 110%;
    font-family:UD Shin Go Medium;
	font-weight: bold;
	padding: 6px 10px;
	background: #e4e4e4;
	text-align: center;
}
#content_sub th,
#container-noside th {
	font-size: 100%;
    font-family:UD Shin Go Medium;
	font-weight: bold;
	padding: 10px 5px;
	background: #dcf3fb;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}
#content_sub th p,
#container-noside th p {
	margin: 0;
	line-height: 1.1;
}
#content_sub td,
#container-noside td {
	font-size: 100%;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
	line-height: 1.5;
}
#content_sub td p,
#container-noside td p {
	margin: 0;
	line-height: 1.3;
}
#content_sub table img, #container-noside table img
{max-width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;}

/*ブロック内の見出し*/
#main-contents .wcv-floatbox-left h2,#main-contents .wcv-floatbox-right h2,
#main-contents .wcv-floatbox-left h3,#main-contents .wcv-floatbox-right h3,
#main-contents .wcv-floatbox-left h4,#main-contents .wcv-floatbox-right h4
{
	overflow: hidden;
}

/*サブページの新着情報*/
#main-contents .news{
	border:2px #eee solid;
	padding:20px 30px;
	margin-bottom:20px;
}
#main-contents .news dl{
	display:grid;
	grid-template-columns:1fr 4fr;
}

#main-contents .news dt,#main-contents .news dd{
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main-contents .news dt:nth-last-child(2),#main-contents .news dd:last-child{
	border-bottom:none;
}
@media only screen and (max-width:800px){
	#main-contents .news dl{display:block;}
	#main-contents .news dt{border-bottom:none;padding-bottom:0;margin-bottom:0;}
}

/*メニュー*/
#main-contents .menu{
	border:2px solid #0066B3;
	margin-bottom:30px;
}
#main-contents .menu h2{
	background:#0066B3;
	color:#fff;
	border-radius:0;
	font-size:120%;
	margin-bottom:0;
}
#main-contents .menu ul{
	padding:20px;
	margin-bottom:0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
}
#main-contents .menu li{
	background:#E9F2F7;
	border-radius:5px;
	margin-left:0;
	padding:10px;
	display: grid;
    align-items: center;
    grid-template-columns: 1fr 9fr;
}
#main-contents .menu li:before{
	margin-left:0;
	background:url(../img/common/icon/menu-li.svg) no-repeat;
	border: none;
    width: 10px;
    height: 10px;
    border-radius: 0;
}
#main-contents .list{margin-bottom:30px;}
#main-contents .list h3{
	background:#7ad5f2;
}
#main-contents .list ul{
	#display:grid;
	#grid-template-columns: 1fr 1fr 1fr;
	gap:15px 30px;
}
#main-contents .list li:before{
	background:url(../img/common/icon/li_icon.svg) no-repeat;
	border-radius:0;
	width:18px;
	height:18px;
	border:none;
}

@media only screen and (max-width:800px){
	#main-contents .menu ul,#main-contents .list ul{grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width:500px){
	#main-contents .menu ul,#main-contents .list ul{display:block;}
}

#main-contents .ichiran-area{margin-bottom:30px;}
#main-contents .ichiran-area .title{
	background:#eee;
	padding:10px 20px 5px 20px;
	display:inline-block;
	margin-bottom:0;
	font-weight:bold;
	min-width:200px;
}
#main-contents .ichiran-area .ichiran{
	border:5px solid #eee;
	padding:20px;
}
#main-contents .ichiran-area .ichiran ul{
	#display:grid;
	#grid-template-columns: 1fr 1fr 1fr;
        gap: 15px 30px;
}
#main-contents .ichiran-area .ichiran ul:has(ul) {
    display: block;
}
#main-contents .ichiran-area .ichiran li:before{
	background:url(../img/common/icon/li_icon.svg) no-repeat;
	border-radius:0;
	width:18px;
	height:18px;
	border:none;
}
@media only screen and (max-width:800px){
	#main-contents .ichiran-area .ichiran ul{grid-template-columns:1fr 1fr;}
}
@media only screen and (max-width:500px){
	#main-contents .ichiran-area .ichiran ul{display:block;}
}

/*関連リンク*/
#main-contents .linkarea{
	border:1px solid #ccc;
	overflow:hidden;
	margin-bottom:20px;
}
#main-contents .linkarea h2{
	background:#eee;
	border-radius:0;
	padding:0;
	margin-bottom:0;
}
#main-contents .linkarea-content{
	padding:15px;
}
#main-contents .linkarea-content li:before{
	background:url(../img/common/icon/arrow-link.svg) no-repeat;
	border:none;
	border-radius:0;
	width:16px;
	height:15px;
}
@media only screen and (max-width:704px){
	#container #content_sub #main-contents .linkarea img{width:704px;max-width: inherit;}
}

/*書式ダウンロード*/
#main-contents .downloadarea{
	border: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 20px;
}
#main-contents .downloadarea h2{
	background: #FFCE00;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}
#main-contents .downloadarea-content{
	padding:15px 20px;
}
#main-contents .downloadarea-content  li:before{
	background:url(../img/common/icon/arrow-link.svg) no-repeat;
	border:none;
	border-radius:0;
	width:16px;
	height:15px;
}
@media only screen and (max-width:704px){
	#container #content_sub #main-contents .downloadarea h2 img{width:704px;max-width: inherit;}
}

/*お問い合わせ*/
#main-contents .contactarea{
	border:1px solid #ccc;
	overflow:hidden;
	margin-bottom:20px;
}
#main-contents .contactarea h2{
	background:#0066B3;
	border-radius:0;
	padding:0;
	margin-bottom:0;
}
#main-contents .contactarea-content{
	padding:15px 20px;
}
#main-contents .contactarea-content .busho{
	font-weight:bold;
	font-size:140%;
}
#main-contents .contactarea-content .tel{
	background:url(../img/common/icon/ten-no.png) no-repeat center left;
	background-size:24px;
	padding-left:30px;
	font-size:120%;
	font-weight:bold;
	display:inline-block;
	margin-right:30px;
}
#main-contents .contactarea-content .fax{
	font-size:120%;
	font-weight:bold;
	display:inline-block;
}
@media only screen and (max-width:704px){
	#container #content_sub #main-contents .contactarea img{width:704px;max-width: inherit;}
}

/*アンケート*/
#main-contents .question{
	border:1px solid #ccc;
	margin-bottom:20px;
}
#main-contents .question h2{
	background:#eee;
	border-radius:0;
	padding:10px;
	color:#000;
	font-size:100%;
	margin-bottom:0;
	font-weight:normal;
}
#main-contents .question h2:before{
	content:'';
	width:20px;
	height:15px;
	display:inline-block;
	vertical-align: middle;
	background:url(../img/common/title/question_h2.svg) no-repeat;
}
#main-contents .question-content{
	padding:20px 30px;
}
#main-contents .question-content dt{
	font-weight:bold;
}
#main-contents .question-content dd p{
	display:inline-block;
	margin-right:20px;
	margin-bottom:0;
}

#main-contents .question-content fieldset{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:15px;
}
#main-contents .wcvcenter{
	text-align:center;
}
#FormSubmit{
	font-size:120%;
	min-width:240px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	background:linear-gradient(0,#fff,#eee);
}
#FormSubmit:hover{
	background:linear-gradient(0,#eee,#fff);
}
@media only screen and (max-width:350px){
	#FormSubmit{min-width:100px;}
}

/*Adobe AcrobatReader*/
.abode_reader_outer{background-color: #fff8ee;
    border: 1px solid #ff6600;
	    margin: 0 20px 15px 21px;
    padding: 5px;
	clear:both;}
	
.abode_reader_outer div	{
	border: none !important;
    padding: 10px!important;
    width: auto!important;
    background-color:#fff8ee!important;
}

/*サブ募集情報*/
#main-contents dl dt{
	font-size: 90%;
	color:#454545;
}
#main-contents dl dd{
	border-bottom:1px dotted #817f7f;
	padding-bottom:15px;
	margin-bottom:15px;
}

/*サブ新着情報*/
#main-contents dl li{
	list-style: none;
	border-bottom:1px dotted #817f7f;
	padding-bottom:15px;
	margin-bottom:15px;
}
#main-contents dl li .news-time{
	font-size: 90%;
	color:#454545;
	display:block;
}
#main-contents .sub-newslist li{
	list-style: none;
	border-bottom:1px dotted #817f7f;
	padding-bottom:15px;
	margin-bottom:15px;
}
#main-contents .sub-newslist li .news-time{
	font-size: 90%;
	color:#454545;
	display:block;
}	

/* -------------------------------------------------------------------------
 市長の部屋
------------------------------------------------------------------------- */
#container #content_sub #main-contents .floatleft{ overflow:hidden;}
#container #content_sub #main-contents .floatleft li{ float:left; background:none; padding:0; margin:7px;}
#container #content_sub #main-contents .floatleft li::before{display:none;}
#container #content_sub #main-contents .floatleft li img{ margin:0; padding:0;}
#container #content_sub #main-contents .mayor-bn{text-align:center;}
#container #content_sub #main-contents .mayor-bn li{
	display:inline-block;
	margin:5px 10px;
}
#container #content_sub #main-contents .mayor-bn li::before{
	display:none;
}

/* -------------------------------------------------------------------------
 議会
------------------------------------------------------------------------- */
.gikaibox-r{width:215px;float:right;margin-right:35px;}
.gikaibox-l{width:450px;float:left;margin-left:35px;}
#content_sub .gikaibox-r ul,#content_sub .gikaibox-l ul{margin:0;}
#content_sub .gikaibox-r li,#content_sub .gikaibox-l li{padding-left:0;background:none;margin-left:0;}
#content_sub .gikaibox-r li:before{display:none;}
#content_sub .gikaibox-l li{width:225px;float:left;padding-right:10px;padding-bottom:17px;margin-left: 0;}
#content_sub .gikaibox-l li:before{display:none;}
.gikai.img{ float:left;margin: 0 5px 15px 20px !important;}
.gikai.saishingou{ float:right; width:200px;margin: 0 15px 15px 10px !important;background:url(../gyosei/gikai/images/gikaidayoribg.png); padding-top:10px !important;height: 311px !important; text-align:center;}
.gikai.saishingou .midashi{ margin:0 0 5px 0 !important; text-align:center;}
.gikai.saishingou .img img{ max-width:75%; height:auto;}
.gikai.saishingou .but{ text-align:center; margin-top:10px !important; }
.gikai.saishingou .but a{width:100px; background:#009732; text-align:center; color:#fff; padding:5px 20px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; text-decoration:none;}
.gikai.saishingou .but a:hover{ background:#005d1f;}

.gikai-bnbox{float:right; width:200px;margin: 0 15px 15px 10px !important;height: 311px !important; text-align:center;}

@media only screen and (max-width:770px){
	.gikai.img{ float:none; margin: 0 20px 15px !important;text-align:center;}
	.gikai.saishingou{ float:none; height:auto !important; padding-bottom:10px;margin: 0 auto 20px auto !important;}
	.gikaibox-r,.gikaibox-l{float:none;width:auto;text-align:center;}
}

@media only screen and (max-width:500px){
	.gikaibox-r,.gikaibox-l{width:auto;float:none;margin:0;}
}

/* -------------------------------------------------------------------------
 動画で見る平戸
------------------------------------------------------------------------- */
#container #content_sub #main-contents #pickup-movie dl {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px;
	padding: 0 15px 10px 15px;
}
#container #content_sub #main-contents #pickup-movie dt {
	float: right;
	margin: 10px 0 15px;
	width: 620px;
	padding: 0;
	border: medium none;
}
#container #content_sub #main-contents #pickup-movie dd.photo {
	float: left;
	padding-bottom: 5px;
	border-bottom:none;
}
#container #content_sub #main-contents #pickup-movie dd.text {
	margin-left: 210px;
	border-bottom:none;
}
#container #content_sub #main-contents #pickup-movie dd.photo img {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ddd #bbb #888 #ddd;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	float: none;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	padding: 5px;
	width: 190px;
}
#container #content_sub #main-contents #thumbnail-img {
	display: none;
}
@media only screen and (max-width:1150px){
	#container #content_sub #main-contents #pickup-movie dt{float:none;width:auto;}
}
@media only screen and (max-width:550px){
	#container #content_sub #main-contents #pickup-movie dd.photo,
	#container #content_sub #main-contents #pickup-movie dd.text{float:none;margin-left:0;}
	#container #content_sub #main-contents #pickup-movie dd.photo{text-align:center;}
}

/* -------------------------------------------------------------------------
 広報ひらど、議会だより
------------------------------------------------------------------------- */
/* 年別トップ */
#container #content_sub #main-contents .public-right {
	border: 1px solid #ccc;
	display: inline;
	float: right;
	margin-right: 15px;
}
#container #content_sub #main-contents .public-left {
	margin-right: 270px;
	text-align: left;
}
#container #content_sub #main-contents ul#public-list {
	margin: 40px 20px 20px;
}
#container #content_sub #main-contents .kohou ul#public-list,#container #content_sub #main-contents .kohou ul#public-list2 {
	margin: 10px 20px 10px 20px;
}
#container #content_sub #main-contents ul#public-list li,#container #content_sub #main-contents ul#public-list2 li {
	border-bottom: 1px dotted #999;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

@media only screen and (max-width:550px){
	#container #content_sub #main-contents .public-right{float:none;width:auto;display:inline-block;margin-right:0;margin-bottom:20px;}
	#container #content_sub #main-contents .public-left{margin-right:0;margin-bottom:20px;}
}

/* 年別トップ */
#container #content_sub #main-contents ul#public-year {
	margin: 0 0 15px;
}
#container #content_sub #main-contents ul#public-year li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display:inline-block;
	vertical-align: top;
	margin: 0 20px 25px 20px;
	min-height: 330px;
	padding: 0;
	text-align: center;
	width: 215px;
}
#container #content_sub #main-contents ul#public-year li::before{display:none;}
#container #content_sub #main-contents ul#public-year li img {
	height: 288px;
	width: auto;
	margin:0 0 10px 0;
	float:none;
}
#container #content_sub #main-contents ul#public-year li span img {
	margin: 0;
	width: auto;
}

@media only screen and (max-width:550px){
	#container #content_sub #main-contents ul#public-year li{width:45%;margin:0 1% 20px 1%;min-height:inherit;}
	#container #content_sub #main-contents ul#public-year li img{height:auto;}
}

/* 記事 */
#container #content_sub #main-contents #public {
margin: 30px 15px 10px 15px;
}
#container #content_sub #main-contents #public .wcvimg-floatleft {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 20px;
}
#container #content_sub #main-contents #public table {
	border-color: #ccc;
	clear: none;
	margin: 0 0 20px;
	min-width: 200px;
}
#container #content_sub #main-contents #public #banner {
	margin-left: 260px;
	text-align: center;
}
#container #content_sub #main-contents #public #banner img {
	max-width: 200px;
}
#container #content_sub #main-contents #public #adobe {
	background-color: #fff8ee;
	border: 1px solid #ff6600;
	margin-left: 260px;
	padding: 5px;
}
#container #content_sub #main-contents #public #adobe p.adobe-img {
	float: left;
	margin: 0;
	padding: 0;
}
#container #content_sub #main-contents div#comment {
	display: none;
}

@media only screen and (max-width:550px){
	#container #content_sub #main-contents #public .wcvimg-floatleft{float:none;margin:0 auto 20px auto;display:block;}
	#container #content_sub #main-contents #public #banner,#container #content_sub #main-contents #public #adobe{margin-left:0;}
}

/* -------------------------------------------------------------------------
 お問い合わせ
------------------------------------------------------------------------- */
p.button,
p.close_btn {
	text-align: center;
}

/* -------------------------------------------------------------------------
 CMSKIT編集画面適用CSS
------------------------------------------------------------------------- */
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #newsicon {
	display: block;
}
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #thumbnail-img {
	display: block;
}
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #thumbnail-img::before {
	content: "ここにサムネイル用画像を掲載します。";
}
#wcv_sys_mainnavi_ul a,
#wcv_sys_logoffbtn a,
#wcv_sys_helpbtn a,
#wcv_sys_content
{
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
}

h1#wcv_sys_h1_edit,
h2#wcv_sys_edit_topbelt_title,
h4.wcv_sys_edit_blockeditarea_rightcolumn_blockarea_title,
h4.wcv_sys_edit_blockeditarea_leftcolumn_blockarea_title {
		    border: none;
}

/* ページの先頭へボタンを非表示にする */
#wcv_sys_edit_pageeditarea #page-top {
	display: none;
}
/* ブロック編集画面の修正 */
#wcv_sys_edit_blockeditarea table td {
	vertical-align: top;
}

/* -------------------------------------------------------------------------
 承認依頼書
------------------------------------------------------------------------- */
#workflow {
	clear: both;
	overflow: hidden;
	background: #FFF;
	padding: 20px;
	border-bottom: 2px solid #000;
}
#workflow input {
	float: left;
	padding: 7px;
	font-size: 130%;
	font-weight: bold;
}
#workflow #approval {
	display: none;
}
#workflow #reserve_status{
    display: none;
}
/* -------------------------------------------------------------------------
 平戸市のソーシャルネットワークサービス（SNS）について
------------------------------------------------------------------------- */
#container #content_sub .sns{ margin:15px; overflow:hidden;}
#container #content_sub .sns ul{width: 331px;float: left; overflow:hidden; margin:0; padding:0; background:none;}
#container #content_sub .sns li{ margin:0 0 2px 0; padding:0; background:none;}
#container #content_sub .sns .youtube{ padding-left: 2px; overflow:hidden; margin:0;}


/* -------------------------------------------------------------------------
 検索結果
------------------------------------------------------------------------- */
.result{ margin:50px 0;}
.gsc-selected-option-container.gsc-inline-block {
    padding-right: 75px!important;
}

/* -------------------------------------------------------------------------
空き家バンク
------------------------------------------------------------------------- */
#container .shien{background:#fefed8; border:2px solid #e1ca6d; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;    margin: 20px; clear:both;}
#container .shien .shien_title{ margin: -16px 0 0 20px;}
#container .shien .wcv-imgbox{ margin-top:35px;}
#container .shosai{ clear:both;    overflow: hidden; margin-bottom: 20px;}
#container .shosai ul{width: 49%;float: left; margin: 0 0 0 14px; padding:0;}
#container .shosai ul li{ margin:0; background:none; padding:0;}
#container .shosai ul li.img0{ margin-bottom:10px; width:339px; overflow:hidden;}
#container .shosai ul li img{ width:100%; height:auto;} 
#container .shosai ul li.img1,#container .shosai ul li.img2{ width:167px; float:left;margin-right: 6px; height:122px; overflow:hidden;}
#container .shosai .table{width: 49%;float: right;}

#container .area{ text-align: left!important; margin:10px auto; width:338px; float:left; height:227px; background:url(../img/area_bg.png) no-repeat; position:relative;}
#container .area .area01{ position:absolute; top: 50px;left: 60px;right: 0; bottom: 0;}
#container .area .area02{ position:absolute;    top: 80px;left: 80px;right: 0; bottom: 0;}
#container .area .area03{ position:absolute;top: 125px;left: 55px;right: 0; bottom: 0; }
#container .area .area04{ position:absolute;top: 70px;left: 180px; right: 0; bottom: 0; }
#container .area .area05{position:absolute;    top: 110px;left: 210px;right: 0; bottom: 0;}
#container .area .area06{ position:absolute;    top: 170px;left: 140px;right: 0; bottom: 0;  }

@media only screen and (max-width:720px){
	#container .shosai ul,#container .shosai .table{float:none;width:auto;}
	.wcv-imgbox.map iframe {max-width: 90%;}
	#container .shosai ul li.img0{width:auto;}
}

/* -------------------------------------------------------------------------
ねんりんピックカウント数
------------------------------------------------------------------------- */
#container .nenrin-counts{ width:690px; height:150px; margin:0 auto; background:url(../img/countsbg.jpg) no-repeat; background-size:contain;margin-bottom:20px;}
#container .nenrin-counts p#myFormDate{font-size: 5.5em; color:#d1084b;margin:0 0 0 380px;font-weight: bold; line-height:150px;}

@media only screen and (max-width:650px){
	#container .nenrin-counts p#myFormDate{font-size:260%;left: 55%;top:40%;right: 0;bottom: 0; margin:0 !important; line-height: 0 !important;position: absolute;}
	#container .nenrin-counts {height: 90px; position:relative; margin-bottom: 0px;}
}


/* -------------------------------------------------------------------------
公民館だより
------------------------------------------------------------------------- */
#content_sub .kouminkan h2 { margin:0 0 10px 0;}


/* -------------------------------------------------------------------------
404ページ
------------------------------------------------------------------------- */
#content_sub.notfound .center{ text-align:center;}
#content_sub.notfound .clear{ clear: both;}
#content_sub.notfound .menuicon{ text-align:center;}
#content_sub.notfound .menuicon img{margin: 0 5px;}
#content_sub.notfound .ozigi{float: right;margin-right:80px;}

@media only screen and (max-width:650px){
	#content_sub.notfound .menuicon img{margin: 5px;width: 28%;}
	#content_sub.notfound .ozigi{float: none;margin-right:0px; text-align:center;}
}

/* -------------------------------------------------------------------------
議会トップページ
------------------------------------------------------------------------- */
#content_sub .gikaiteireikai img{ margin:5px;}
/* -------------------------------------------------------------------------
フォトギャラリートップページ
------------------------------------------------------------------------- */

#photogallery .kiyaku{background: url(../img/logobg.png) no-repeat 50% 85px;border: 3px solid #ccc;margin: 0 20px; padding: 30px 20px 40px 20px;}
#photogallery .kiyaku p{font-size: 1.3em; line-height: 1.8em;}
#photogallery .banners{ margin:20px 0;}
#photogallery .banners img{ margin:0 6px;}
#photogallery .list{ margin: 10px auto 40px auto;max-width: 730px;}
#photogallery .list .img{height: 151px; overflow: hidden;}
#photogallery .list p{margin: 10px 0; text-align: center;}
#photogallery .box{ width: 226px !important;display: inline-block;vertical-align: top; margin:10px 6px;}
#photogallery .box .img{ margin:0; height:151px; overflow:hidden; position:relative;}

#photogallery .box .img .icon{position: absolute;bottom: 10px;left: 10px;}
#photogallery .box .imgtitle{ font-size:1.2em; text-align:left; margin: 10px 0;font-weight: bold;}
#photogallery .box .text{ margin:0;}
#photogallery .box .but{ text-align:center; margin-top:15px;}
#photogallery .imagelink{margin: 0 10px;}
#photogallery .link{width: 226px !important;display: inline-block;vertical-align: top;margin: 10px 6px;text-align: center;font-size: 1em;font-weight: bold;}
#photogallery .link span{display:block; height: 151px; overflow: hidden; margin-bottom: 5px;}
#consent_button,#non-consent_button{ float:none; text-align:center; width:90%; margin:10px auto;}

@media only screen and (max-width:510px){
	#photogallery .link{width:45% !important;margin:10px 1%;}
	#photogallery .list .img{height:inherit;}
	#photogallery .banners img{ margin: 5px;}
	#photogallery .imagelink{ text-align: center;}
	#photogallery .list {text-align: center;}
}

/* -------------------------------------------------------------------------
移住定住トップページ
------------------------------------------------------------------------- */
#ijuteiju .iju-mainimg{margin-bottom:50px;}
#ijuteiju .news-box{
	display: none;
	max-width:850px;
	width:auto;
	margin-bottom:50px;
}
#ijuteiju .news_active{
	display: grid;
}
#ijuteiju h2{
	background:none;
	color:#000;
}
#ijuteiju .news-title{
	background:none;
	text-align:center;
	color:#000;
	font-size:140%;
}
#ijuteiju .news-time{width:130px;}
#ijuteiju .news-box li{margin-left:0;}
#ijuteiju .news-box li::before{display:none;}
#ijuteiju .news-box li a{
	width:650px;
}
.iju-about{
	text-align:center;
	position:relative;
	margin-bottom:70px;
}
.iju-about-txt{
	max-width:560px;
	margin:0 auto;
}
.iju-about::before,.iju-about::after{
	content:'';
	display:block;
	position:absolute;
	width:270px;
	height:275px;
	background-size:270px;
	background-repeat:no-repeat;
	background-position:top center;
}
.iju-about::before{
	top:0;
	left:0;
	background-image:url(../life/sumai/ijuteiju/images/iju-about01.png);
}
.iju-about::after{
	top:0;
	right:0;
	background-image:url(../life/sumai/ijuteiju/images/iju-about02.png);
}
@media only screen and (max-width:1150px){
	.iju-about::before,.iju-about::after{position:static;margin:0 auto;width:auto;}
	.iju-about{margin-bottom:40px;}
}

#iju-menu{
	padding:50px 0;
	background:url(../life/sumai/ijuteiju/images/iju-line.png) repeat-x;
	background-size:456px;
	background-position:top center;
	margin-bottom:30px;
}
.iju-menu-container{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.iju-menu-box{
	border:1px solid #eee;
	padding-bottom:30px;
}
#iju-menu .iju-menu-box h3{
	background:none;
	text-align:center;
	font-size:250%;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-top:20px;
}
#iju-menu .iju-menu-box h3 em{
	font-size:50%;
	display:block;
}
#iju-menu .iju-menu-box ul{
	padding:0 40px;
	font-size:130%;
}
@media only screen and (max-width:800px){
	.iju-menu-container{display:block;}
	#iju-menu .iju-menu-box img{width:100%;}
}

.iju-hbn{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
	margin-bottom:40px;
}
@media only screen and (max-width:800px){
	.iju-hbn{display:block;text-align:center;}
	.iju-hbn p{margin-bottom:20px;}
}
.iju-link{
	text-align:center;
	margin-bottom:50px;
}
.iju-link p{
	display:inline-block;
	vertical-align: top;
	margin:0 10px 10px 10px;
}

/* -------------------------------------------------------------------------
空き家バンク
------------------------------------------------------------------------- */
#main-contents .anchor-list ul{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:22px;
}
#main-contents .anchor-list li::before{display:none;}
#main-contents .anchor-list li{
	margin:0;
}
#main-contents .anchor-list li a{
	display:block;
	padding:10px 15px;
	background:url(../img/common/icon/li-anchor-arrow.svg) no-repeat center left 25px #EDEDED;
	text-align:center;
	color:#000;
	font-size:110%;
	text-decoration:none;
}
#main-contents .akiya-areamap{text-align:center;position: relative;}
#main-contents .akiyabank-list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:25px;
	margin-bottom:50px;
}
#main-contents .akiyabank-list li::before{display:none;}
#main-contents .akiyabank-list li{margin:0;}
#main-contents .akiyabank-list li img{margin-bottom:5px;}

@media only screen and (max-width:850px){
	#main-contents .anchor-list ul{grid-template-columns:1fr 1fr;gap:10px;}
	#main-contents .akiyabank-list{grid-template-columns:1fr 1fr;gap:10px;}
}
@media only screen and (max-width:500px){
	#main-contents .akiya-areamap .areamap-spnone{display:none;}
	#main-contents .akiya-areamap map area{display:none;pointer-events: none;cursor:none;}
	#main-contents .akiya-areamap map area:-webkit-any-link{cursor: none;}
	#main-contents .anchor-list ul{display:block;}
	#main-contents .akiyabank-list{display:block;}
	#main-contents .akiyabank-list li{margin-bottom:20px;text-align:center;}
	#main-contents .anchor-list li{margin-bottom:10px;}
	#main-contents .akiya-areamap::after{content:'';width:100%;height:100%;display:block;position: absolute;top: 0;}
}

/*空き家バンク詳細画面*/
.bukkenjoho-container{
	display:flex;
	gap:4%;
	align-items: start;
}
.bukkenjoho-imgbox{
	width:48%;
	display: grid;
	gap: 20px;
	grid-template-columns:1fr 1fr;
}
#main-contents .bukkenjoho-imgbox .wcv-imgbox{margin:0;}
.bukkenjoho-imgbox .wcv-imgbox:first-child{
	grid-column: 1 / span 2;
}
.bukkenjoho-shousai{
	width:48%;
}
#main-contents .bukkenjoho-container .bukkenjoho-shousai table{
	width:100%;
	margin-top:0;
}
@media only screen and (max-width:700px){
	.bukkenjoho-container{display:block;}
	.bukkenjoho-imgbox{width:auto;margin-bottom:20px;}
	.bukkenjoho-shousai{width:auto;}
}
@media only screen and (max-width:400px){
	.bukkenjoho-imgbox{display:block;}
	#main-contents .bukkenjoho-imgbox .wcv-imgbox{margin-bottom:10px;}
}

/*ページ下部メニュー*/
.pagebottom-menu{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
#main-contents .pagebottom-menu li{
	background:url(../img/common/icon/li_icon.svg) no-repeat center left 25px #eee;
	padding:20px 10px 20px 50px;
	font-size:110%;
	margin:0;
}
#main-contents .pagebottom-menu li::before{display:none;}
.pagebottom-menu li a{color:#000;}

@media only screen and (max-width:500px){
	.pagebottom-menu{display:block;}
	#main-contents .pagebottom-menu li{margin-bottom:10px;}
}

/* -------------------------------------------------------------------------
文字サイズ・背景色
------------------------------------------------------------------------- */
/*文字サイズ*/
#fontsize{
	background:#eee;
	text-align:center;
	padding:20px;
	margin-bottom:30px;
}
#container #content_sub #main-contents #fontsize dd{
	display:inline-block;
	margin:10px;
	border:1px solid #666;
	vertical-align: bottom;
	padding:0;
}

#fontsize dd a{
	display:inline-block;
	padding:10px 15px;
	background: linear-gradient(#000,#666);
    color: #fff;
	text-decoration:none;
}
#fontsize .hyojun{
	font-size:20px;
}
#fontsize .kakudai{
	font-size:30px;
}
/*背景色*/
#container #content_sub #main-contents #bgcolor{
	background:#eee;
	text-align:center;
	padding:20px;
	margin-bottom:30px;
}
#container #content_sub #main-contents #bgcolor dd{
	display:inline-block;
	margin:10px;
	border:1px solid #666;
	vertical-align: bottom;
	padding:0;
}
#bgcolor dd a{
	display:inline-block;
	text-decoration:none;
	padding:10px 15px;
	font-size:20px;
}

#bgcolor #bg_w a{
	color:#000;
	background:#fff;
}
#bgcolor #bg_bl a{
	color:#fff;
	background:#00008B;
}
#bgcolor #bg_yl a{
	color:#000;
	background:#FF9;
}
#bgcolor #bg_bk a{
	color:#FF0;
	background:#000;
}

/*--ご意見・お問い合わせ--*/
div.right_side_block dl#opinion-inquiry{ width:100%; background:#fff; margin-bottom:12px; border:1px #b3b3b3 solid;}
div.right_side_block ul#opinion-inquiry-btn{ display:table; margin-bottom:20px; width:100%;max-width:235px;margin-left: auto;
    margin-right: auto;}
div.right_side_block ul#opinion-inquiry-btn li{ display:table-cell; width:50%;}
div.right_side_block ul#opinion-inquiry-btn li a{ display:inline-block; width:100%; text-align:right;}
div.right_side_block ul#opinion-inquiry-btn li:first-child a{ text-align:left;}
div.right_side_block dl#opinion-inquiry dd ul{ display:block; width:90%; margin:10px auto;}

.area_banner_side{text-align:center;}

/* -------------------------------------------------------------------------
フォーム
------------------------------------------------------------------------- */

@media only screen and (max-width:650px){
	#container #content_sub #main-contents table.form th,#container #content_sub #main-contents table.form td {
	display: block;}
}

/* -------------------------------------------------------------------------
カレンダー
------------------------------------------------------------------------- */

@media only screen and (max-width:650px){
	#container #content_sub #main-contents .calenadr,
	#container #content_sub #main-contents .mini-cal {
		margin-bottom: 15px;
	}
	.wcv_sys_cal_design {
		width: auto !important;
	}
	.wcv_sys_cal .wcv_sys_cal_topbelt {
		width: 285px;
	}
	.wcv_sys_cal .wcv_sys_cal_topbelt p {
		margin-bottom: 0 !important;
	}
	.wcv_sys_cal table.wcv_sys_cal_listtype th {
		width: 25%;
	}
}

#main-contents .wcv_sys_cal .wcv_sys_cal_legend ul li:before{display:none;}

/* -------------------------------------------------------------------------
テーブル
------------------------------------------------------------------------- */

@media only screen and (max-width:650px){
	#container #content_sub #main-contents table{
		overflow-x:auto;
		max-width:100%;
		display:block;
		border:none;
		padding:0 15px;
	}
	#container #content_sub #main-contents table::-webkit-scrollbar {
	  height: 5px;
	}
	#container #content_sub #main-contents table::-webkit-scrollbar-track {
	  border-radius: 5px;
	  background: #eee;
	}
	#container #content_sub #main-contents table::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}
	#container #content_sub #main-contents td,#container #content_sub #main-contents th{-webkit-text-size-adjust: 100%;}
}

/* -------------------------------------------------------------------------
 ブロック（スマホ対応）
------------------------------------------------------------------------- */

@media only screen and (max-width:650px){
	/* -------- 画像 -------- */
	#content img {
		margin-right: 0;
		margin-left: 0;
	}
	#content img.blank {
		margin-left: 5px;
	}
	#content p img {
		margin: 0 1% 10px;
		max-width: 98%;
		height: auto;
	}
	/*画像と回り込み文字用ボックス*/
	#content .wcv-floatbox-left,
	#content .wcv-floatbox-right {
		margin-top: 15px;
	}
	#content .wcv-floatbox-left blockquote p,
	#content .wcv-floatbox-right blockquote p {
		margin-bottom: 0;
	}
	#main-contents div.wcv-floatbox-left .wcvimg-floatleft,
	#main-contents div.wcv-floatbox-right .wcvimg-floatright {
		float: none;
		margin: 0 auto 10px;
		display: block;
	}
	#main-contents div.wcv-floatbox-left img,
	#main-contents div.wcv-floatbox-right img {
		max-width: 100%;
		height: auto;
	}

	#main-contents div.wcv-floatbox-left ol li {
		list-style-position: outside;
	}

	/*キャプション付き画像用ボックス*/
	#main-contents div.wcv-imgbox {
		margin-top: 15px;
	}
	/*画像の下に表示させる文字*/
	#main-contents p.wcv-imgcap {
		margin-bottom: 10px;
		text-align:center;
	}
	#main-contents div.wcv-imgbox {
		margin-left: 0;
		margin-right: 0;
	}
	#main-contents .wcv-imgbox img {
		max-width: 100%;
		height: auto;
	}

	/*２つ並び：左*/
	#main-contents div.wcv-inner2-l {
		float: none;
		width: auto;
		margin-right: 0;
		text-align:center;
	}
	/*２つ並び：右*/
	#main-contents div.wcv-inner2-r {
		float: none;
		width: auto;
		text-align:center;
	}
	/*３つ並び：左・中*/
	#main-contents div.wcv-inner3 {
		float: none;
		text-align:center;
		width: auto;
		margin-right: 0;
	}
	/*３つ並び：右*/
	#main-contents div.wcv-inner3-r {
		float: none;
		text-align:center;
		width: auto;
	}
	/*４つ並び：左・中*/
	#main-contents div.wcv-inner4 {
		float: none;
		text-align:center;
		width: auto;
		margin-right: 0;
	}
	/*４つ並び：右*/
	#main-contents div.wcv-inner4-r {
		float: none;
		width: auto;
		text-align:center;
	}

	/* -------- PDFダウンロード案内 -------- */
	#main-contents .adobe img.wcvimg-floatleft {
		margin: 0 auto 5px;
		display: block;
		float: none;
	}

	/* -------- 左右２つ並び用ボックス -------- */
	#main-contents div.wcv-box div.wcv-inner2-l,
	#main-contents div.wcv-box div.wcv-inner2-r {
		width: auto;
	}
	#main-contents div.wcv-box div.wcv-inner2-l *:last-child {
		margin-bottom: 15px;
	}

	/* -------- 動画KIT -------- */
	.movie {
		max-width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin: 10px 20px;
	}
	.movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}