@charset "utf-8";
/* CSS Document */

/*******************************************************************************************

	汎用CSS
	
*******************************************************************************************/
/*div幅指定用*/

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

.w100 {
	width: 100%;
}

}
.w70 {
	width: 70%;
}
.w60 {
	width: 60%;
}
.w50 {
	width: 50%;
}
.w40 {
	width: 40%;
}
.w30 {
	width: 30%;
}
.w33 {
	width: 33%;
}

/*マージン調整用*/
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 15px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb10 {
	margin-bottom: 10px !important;
}

.mb10-1000 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

/*パディング調整用*/
.pl20 {
	padding-left: 20px;
}
/*フォント用*/
.fs80 {
	font-size: 80%;
}
.fs90 {
	font-size: 90%;
}


.mintyo{
	color:#000000;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.mintyo_en{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}

/*フロート用*/
.fleft {
	float: left;
}
.fright {
	float: right;
}
/*text-align用*/
.talg_C {
	text-align: center;
}
.talg_R {
	text-align: right;
}

.clear_both{
	clear:both;
}

.vertical{
	vertical-align:middle;
}

/*img寄せ用*/

img.alignright{
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter{
	display: block;
	margin: 0 auto;
}

/* 字下げ */
.jisage{
padding-left:1em;
text-indent:-1em;
}

/* スクロールするとふわっと現れる文字や画像 */
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.slick-slide:focus {
  outline: none;
}


*******************************************************************************************/
.tac {
  text-align: center;
}

.single .contentsBody section,
.page .contentsBody section {
	margin-bottom: 60px;
    clear: both;
}

.single section a ,
.page section a ,
.box1000 a{
	text-decoration:underline;
}

.single h2,
.page h2{
	font-size:3rem;
	border-bottom: 2px solid #656565;
	margin-bottom:40px;
	padding:0 10px 5px 10px;
}


.single li,
.page li {
	list-style:none;
}


/* main section{
	padding:0 10px 0 10px;
} */


/*main section h3 , h3.p01{
	font-size:2.8rem;
	border-bottom:1px solid #ababab;
	margin-bottom:30px;
	padding:0 10px 5px 10px;
} */

.single section h3,
.single .contentsBody h3,
.page section h3,
.page .contentsBody h3{
	font-size:2.8rem;
	margin-bottom:30px;
}

.single section h4,
.single .contentsBody h4,
.single h4.p01,
.page section h4,
.page .contentsBody h4,
.page h4.p01{
	font-size:2rem;
	font-weight:bold;
	color:#867032;
	margin-bottom:10px;
}

.single section h5,
.single .contentsBody h5,
.single h5.p01,
.single .box1000 h5,
.page section h5,
.page .contentsBody h5,
.page h5.p01,
.page .box1000 h5{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:15px;
}

.single section h6,
.single .contentsBody h6,
.single h6.p01,
.page section h6,
.page .contentsBody h6,
.page h6.p01{
	font-weight:bold;
	margin-bottom:10px;
}

.single section p,
.single .contentsBody p,
.page section p,
.page .contentsBody p{
	margin-bottom:20px;
}

.single .pm section p,
.page .pm section p{
	margin-bottom:20px;
}

.single ul.p01,
.single ul.p02,
.page ul.p01,
.page ul.p02{
	margin-bottom:20px;
	list-style:none !important;
}

.single ul.p01 li,
.page ul.p01 li{
	padding:3px 0 0 20px;
	position: relative;	
	margin-top: 8px;
	list-style: none;
}

.single ul.p01 li::before,
.page ul.p01 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    translate: 0 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #867032;
    border-bottom: 2px solid #867032;
    rotate: -45deg;
}

.single ul.p01 li a:hover,
.page ul.p01 li a:hover {
    text-decoration: underline!important;
}

.single ul.p02 li,
.page ul.p02 li{
	padding:3px 0 0 20px;
	position: relative;
	margin-top: 8px;
	list-style: none;
}

.single ul.p02 li::before,
.page ul.p02 li::before {
    content: "●";
    position: absolute;
    left: 0;
	color: #867032;
}

.single ul.p02 li a:hover,
.page ul.p02 li a:hover {
    text-decoration: underline!important;
}

.single ul.p03 li h4,
.page ul.p03 li h4{
	font-size:1.3rem;
	padding:5px;
	text-align:center;
	margin-bottom:0;
	color:#FFFFFF;
}

.single ul.p03,
.page ul.p03{
	overflow:hidden;
	border-top:1px solid #d0d0d0;
}

.single ul.p03 li,
.page ul.p03 li{
	float:left;
	width:50%;
	padding:15px;
	list-style: none;
}

.single ul.p01 a , .single ul.p02 a , .single ul.p03 a,
.page ul.p01 a , .page ul.p02 a , .page ul.p03 a{
	text-decoration:none !important;
}



/* --※※※ p01 temp01等はリニューアル前記事テンプレ用　要整理 ※※※-- */

/* --------------- 2023追記分 --------------- */

/* ------ 澳门太阳城赌城_澳门赌博游戏推荐　個別ページ用 ------ */

.news.single h2{
  margin-bottom:20px;
}

.news.single .postInfo{
  margin-bottom:50px;
}




/* --------------- / 2023追記分 --------------- */

.youtube iframe{
	width: 100%;
}


/* ------------------------ パソコン ------------------------ */
@media screen and (min-width: 770px) {

ul.p03{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	border-left:1px solid #d0d0d0;
}

ul.p03 li{
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:767px){
.single,
.page{
    font-size: 1.4em;
}
.single section p,
.single .contentsBody p,
.page section p,
.page .contentsBody p{
	margin-bottom:12px;
}

.single h2,
.page h2{
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 0 0 5px 0;
}
.single section h3, .single .contentsBody h3, .single h3.p01,
.page section h3, .page .contentsBody h3, .page h3.p01 {
    font-size: 1.8rem;
    margin-bottom: 15px;
}
.single section h4, .single .contentsBody h4, .single h4.p01,
.page section h4, .page .contentsBody h4, .page h4.p01 {
    font-size: 1.8rem;
    margin-bottom: 15px;
}
.single section h5, .single .contentsBody h5, .single h5.p01,
.page section h5, .page .contentsBody h5, .page h5.p01 {
    font-size: 1.6rem;
    margin-bottom: 15px;
}
ul.p03{
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}

ul.p03 li{
	width:100%!important;
	border-bottom:1px solid #d0d0d0;
}

}



table.p01 , table.p03{
	border-collapse:collapse;
	width:100%;
	margin-bottom:60px;
}

table.p01 th , table.p01 td ,table.p03 th , table.p03 td{
    padding: 15px;
    border: 1px solid #D4D4D4;
    vertical-align: middle;
}

table.p01 th ,table.p03 th {
    font-weight: normal;
}

table.p01 th p , table.p01 td p ,table.p02 th p , table.p02 td p ,table.p03 th p , table.p03 td p{
	margin-bottom: 0;
}

table.p02{
	border-collapse:collapse;
	width:100%;
	margin-bottom:60px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

table.p02 th , table.p02 td{
    padding: 20px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

table.p03{
	font-size:1.4rem;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:767px){


.tableSp{
	overflow-x:scroll;
}

.tableSp table{
	margin-bottom:0;
}

table.p01 , table.p03{
	margin-bottom:30px;
}

table.p02 th , table.p02 td{
    padding: 10px
}

table.p01 th , table.p01 td ,table.p03 th , table.p03 td{
    padding: 8px
}


}

.p_icon , .w_icon , .e_icon{
	vertical-align:middle;
	margin:0 5px !important;
	width:16px !important;
	float: none !important;
}

.indent1{margin-left: 10px;}
.indent2{margin-left: 20px;}

.contents_box{
	padding:0 15px;
}

.temp01{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}

section.temp01 img , section.temp01-2 img , dd.temp01-2 img{
	max-width:35%;
	height:auto !important;
	margin:0 0 15px 30px;
	float:right;
}

section.temp01-2 img , dd.temp01-2 img {width:30%;}

section.temp02 img{
	max-width:35%;
	height:auto;
	margin:0 30px 15px 0;
	float:left;
}

section.temp02::after {
   content: "";
   display: block;
   clear: both;
}

dd.temp01-2 div{
	overflow:hidden;
}

section.temp03 img{
	margin-bottom:20px;
	max-width:730px;
}

section.temp04 div , section.temp04-2 div , dd.temp04-2 div{
	width:35%;
	margin:0 0 15px 30px;
	float:right;
}

section.temp04-2 div , dd.temp04-2 div{width:30%;}

section.temp04 div img , section.temp04-2 div img , dd.temp04-2 div img , section.temp05 div img{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

section.temp04::after {
   content: "";
   display: block;
   clear: both;
}

section.temp05 div{
	width:35%;
	margin:0 30px 15px 0;
	float:left;
}

section.temp05::after {
   content: "";
   display: block;
   clear: both;
}

.temp06 li{
	width:48%;
	margin:0 4% 15px 0;
	float:left;
}

.temp06 li img{
	width:100%;
	margin-bottom:10px;
}

.temp06 li:nth-child(2n){
	margin-right:0;
}

section.temp06::after {
   content: "";
   display: block;
   clear: both;
}

.temp07 li{
	width:31%;
	margin:0 3.5% 15px 0;
	float:left;
}

.temp07 li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

section.temp07::after,
section.temp07 ul::after {
   content: "";
   display: block;
   clear: both;
}

.temp09{
	display: flex;
	justify-content: space-between;
}

.temp09 div{
	width:48%;
}


/* ------------------------ パソコン ------------------------ */
@media screen and (min-width: 770px) {

.temp07 li:nth-child(3n){
	margin-right:0;
}

}

.temp08 img{
	width:100%;
	height:auto;
	margin-bottom:70px;
}

.temp08 h4{
	padding:0 !important;
	border:none !important;
	font-size:170%;
	margin-bottom:50px;
}

.temp08 h5{
	margin-bottom:30px;
}

.enclosure{
	border:3px solid #000000;
	padding:20px;
	width:100%;
	overflow:hidden;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:767px){

section.temp01 img , section.temp01-2 img , dd.temp01-2 img{
	width:100%;
	height:auto !important;
	margin:0 0 15px 0;
}

section.temp01-2 img , dd.temp01-2 img {width:100%;}



section.temp02 img{
	max-width: 50%;
	margin:0 15px 15px 0;
	float:left;
}

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

section.temp04 div , section.temp04-2 div , dd.temp04-2 div{
	width:100%;
	margin:0 0 0 30px;
	float:right;
}

section.temp05 div{
	width:100%;
	margin:0 0 15px 0;
	float:left;
}

.temp07 li{
	width:48%;
	margin:0 4% 15px 0;
}

.temp07 li:nth-child(2n){
	margin-right:0;
}

.temp08 img{
	margin-bottom:30px;
}

.temp08 h5{
	font-size: 120% !important;
	margin:20px 0 0 0 !important;
}

.temp09{
	display: block;
}

.temp09 div{
	width:100%;
}

}




/* ------------------------　個別CSS　------------------------ */



/* ------------------------------------------
  下層ページ
--------------------------------------------- */


.coc_h01{
	font-size:200% !important;
	color:#7c6b64;
}

.coc_h02{
	font-size:200% !important;
}

.coc_link{
	text-align:right;
}

.coc_link span{
	color:#5a5657;
}

.coc_link a{
	font-weight:bold;
	text-decoration:none !important;
}

ul.tab2{
	overflow:hidden;
	margin-bottom:40px;
}

ul.tab2 li{
	width:50%;
	text-align:center;
	float:left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	padding:5px;
	border:1px solid #9F9F9F;
	background-color:#dddddd;
}

ul.tab2 li a{
	display:block;
	text-decoration:none !important;
}

ul.tab2 li.on{
	border:1px solid #000000;
	background-color:#FFFFFF;
}

ul.sightseeing{
	overflow:hidden;
	margin-top:40px;
}

ul.sightseeing li{
	width:480px;
	float:left;
	margin-right:40px;
	margin-bottom:40px;
}

ul.sightseeing li:nth-child(2n){
	margin-right:0;
}

ul.sightseeing li img{
	float:left;
	margin-right:15px;
	width:220px;
}

ul.sightseeing li:first-child{
	height:200px;
	padding:10px 15px;
}

ul.sightseeing li:first-child img{
	margin-bottom:10px;
	width:83px;
}

ul.sightseeing li h4{
	font-size:140%;
	font-weight:bold;
	text-align:center;
	color:#ed86b3;
	line-height:1.2em;
	margin-top:10px;
}

ul.sightseeing li h5{
	font-size:110%;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:10px;
}

ul.sightseeing li h5 span{
	font-size:80%;
}

ul.sightseeing li:first-child h4 span{
	font-size:70%;
	color:#000000;
}

ul.sightseeing li:first-child p{
	clear:both;
}

ul.sightseeing li p{
	margin-bottom:10px;
}

.festival , .p3 , .gourmet , .koutu{
	border-bottom:2px solid #9fa0a0;

}

.coc01-1{background-color:#f1d8d1;}
.coc01-2{background-color:#e2e9d9;}

.coc01-1 , .coc01-2{
	width:100%;
	padding:10px 15px;
	overflow:hidden;
	margin-bottom:30px;
}

.coc01-1 img , .coc01-2 img{
	float:left;
	margin-top:20px;
	margin-right:15px;
}

.coc01-1 h4 , .coc01-2 h4{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#ed86b3;
	line-height:1.2em;
	margin-top:10px;
}

.coc01-1 p , .coc01-2 p{
	overflow:hidden;
}

.coc02{
	margin-bottom:50px;
}

.coc02 h4{
	font-size:130%;
	padding:5px;
	text-align:center;
	margin-bottom:0;
	color:#FFFFFF;
}

.coc02 ul{
	overflow:hidden;
}

.coc02 ul li{
	float:left;
	width:333px;
	padding:15px;
}

.coc02 ul li h5{
	font-size:130%;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:10px;
}

.coc02 ul li h5 span{font-weight:bold;}

.coc02 ul li p{
	margin-bottom:10px;
}

.coc02 ul li .coc_link{
	margin-bottom:0;
}

.coc02 ul.orange , .coc02 ul.orange li{border-color:#f3a35c;}
.coc02 h4.orange{background-color:#f3a35c;}
.coc02 ul.orange h5 span{color:#f3a35c;}
.coc02 ul.blue , .coc02 ul.blue li{border-color:#6ac9e9;}
.coc02 h4.blue{background-color:#6ac9e9;}
.coc02 ul.blue h5 span{color:#6ac9e9;}
.coc02 ul.purple , .coc02 ul.purple li{border-color:#c38bbc;}
.coc02 h4.purple{background-color:#c38bbc;}
.coc02 ul.purple h5 span{color:#c38bbc;}

.coc03{
	overflow:hidden;
	margin-bottom:50px;
}

.coc03 h4{
	font-size:150%;
	font-weight:bold;
	color:#000000;
}

.coc03 img{
	float:right;
	margin-left:20px;
}

.coc03 p span{
	background-color:#F7C79C;
}

/* ------------------------ パソコン ------------------------ */
@media screen and (min-width: 770px) {

ul.sightseeing li p{line-height:1.5em;font-size:90%;}

.coc02 ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	border-top:1px solid;
	border-left:1px solid;
}

.coc02 ul li{
	border-right:1px solid;
	border-bottom:1px solid;
}


}

.festival li:first-child{background-color:#dee4f0;}
.p3 li:first-child{background-color:#e2e9d9;}
.gourmet li:first-child{background-color:#e2e9d9;}
.koutu li:first-child{background-color:#f1d8d1;}
.tokusan li:first-child{background-color:#dee4f0;}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

.coc_h01{
	font-size:150% !important;
}

.coc_h02{
	font-size:150% !important;
}

ul.sightseeing{
	overflow:hidden;
	margin-top:30px;
}

ul.sightseeing li{
	width:100%;
	margin-bottom:30px;
}

ul.sightseeing li img{
	width:40%;
}

ul.sightseeing li:first-child{
	height:auto;
}

ul.sightseeing li:first-child img{
	width:83px;
}

.coc02{
	margin-bottom:30px;
}

.coc02 ul{
	border-left:1px solid;
	border-right:1px solid;
}

.coc02 ul li{
	width:100%;
	border-bottom:1px solid;
}

.coc03 img{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

}

.talk h4{
	font-size:120%;
	margin-bottom:30px;
	color:#000000;
}

.talk h4 span{
	letter-spacing: -0.2em;
}

.talk img{
	float:right;
	width:50%;
	margin-left:15px;
}

.talk dl dt{
	float:left;
	padding-right:15px;
	font-weight:bold;
}

.talk dl dd{
	overflow: hidden;
	margin-bottom:30px;
}

.talk dl dd  dl dt{
	width:80px;
}

.talk .img{
	width:100%;
	height:auto;
}

.f_green{color:#4ba751;}
.f_blue{color:#1e7fb8;}
.f_red{color:#be3436;}


.talk dl dt.pink , .talk dl dd.pink{color:#ed7a98;}
.talk dl dt.blue , .talk dl dd.blue{color:#7eccdd;}


ul.voice01{
	overflow:hidden;
}

ul.voice01 li{
	width:360px;
	float:left;
	margin-right:10px;
}

ul.voice01 li:nth-child(2n){
	margin-right:0;
}

ul.voice01 li img{
	float:left;
	margin-right:15px;
	width:110px;
	margin-bottom:20px;
}

ul.voice01 li p{
	float:left;
	font-size:90%;
}

ul.voice01 li strong{
	font-size:110%;
}

ul.voice01 li .long{
	background-color:#3385b7;
	width:150px;
	font-size:90%;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:10px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

ul.voice01 li:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: 0.8s ;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

ul.voice01 li{
	width:100%;
}

ul.voice01 li img{
	margin-right:0;
	width:40%;
}

ul.voice01 li div{
	width:55%;
	float:right;
}

ul.voice01 li .long{
	width:100%;
}

}



/* アコーディオンメニュー
   ========================================================================== */
#accordion > dt {
	font-size:140%;
	font-weight: bold;
    padding: 15px 0;
	border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}

#accordion > dd {
	margin-top:20px;
	margin-bottom: 30px;
	overflow:hidden;
}
@media only screen and (max-width:770px){
  #accordion > dd {
    padding: 0;
  }
}
#accordion .active {
	background:url(/zQPXBDM9/wp-content/themes/hiroshima-cu/img/h_bg.jpg) no-repeat top left;
}
#accordion .close {
  width: 100px;
  color: white;
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 10px;
  background: #666;
}
#accordion .close:hover {
  background: gray;
}


.year_schedule th , .year_schedule td{
    padding: 3px 5px;
    vertical-align: middle;
}

.year_schedule th{
	width:50%;
}

.year_schedule th img{
	width:90%;
	height:auto;
}

#searchform div{
	overflow:hidden;
}

.searchform label{
	width:25%;
	font-size:0.9em;
	float:left;
}

.searchsubmit{
	clear:both;
}

.sns_btn ul{
	overflow:hidden;
	margin-top:60px;
}

.sns_btn ul li{
	float:left;
	margin-right:20px;
	height:30px;
}

.sns_btn ul li img{
	vertical-align:top;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

.sns_btn ul{
	margin-top:30px;
}

}

iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}