/*
/*  
 Theme Name:   theme_opea
 Template:     
*/

@charset "utf-8";

body{margin:0 auto; padding:0; color:#191931; /*min-width:1000px;*/ background:url(https://www.opea.or.jp/common/img/bg.png) center 135px no-repeat;}

div#contents{width:1000px; margin:0 auto; padding-bottom:80px;}
div#main{width:670px; float:left;}
div#side{width:280px; float:right;}
@media screen and (max-width: 640px) {
div#contents{width:auto; padding-bottom:20px;}
div#main{width:auto; float:none; padding-bottom:35px;}
div#side{width:auto; float:none;}
}

ol.list{list-style:none; padding-bottom:40px;}
ol.list li{border-bottom:1px dashed #007b7a;}
ol.list li a{display:block; padding:1.25em .25em;}
ol.list li a dt{font-size:14px; font-weight:bold; color:#009860 !important; width:7.5em; float:left;}
ol.list li a dd{font-size:14px; padding-left:7.5em;}
ol.list li a:hover{background:#007b7a; text-decoration:none !important; color:#fff !important;}
ol.list li a:hover dt{color:#fff !important;}
ol.pagenation{list-style:none; text-align:center;}
ol.pagenation li{display:inline-block; width:32px; height:32px; margin:0 .25em; font-size:16px; font-weight:bold;}
ol.pagenation li a{display:block; line-height:28px; text-align:center; background:#007b7a; color:#fff !important; border:2px solid #007b7a;}
ol.pagenation li a:hover,
ol.pagenation li a.current{background:#fff; color:#007b7a !important; text-decoration:none !important;}
@media screen and (max-width: 640px) {
ol.list{padding-bottom:20px;}
ol.list li a{padding:1em 3%;}
ol.list li a dt{width:auto; float:none; margin-bottom:.25em;}
ol.list li a dd{padding-left:0; font-size:13px;}
ol.pagenation li{width:28px; height:28px; margin:0 .2em; font-size:14px;}
ol.pagenation li a{line-height:24px;}
}

div#side h3{font-size:0; line-height:0; padding:12px 24px; margin-bottom:10px; border:solid #1a1a32; border-width:0 0 1px 1px;}
div#side>ol{list-style:none; padding-bottom:20px;}
div#side>ol>li{border-bottom:1px dashed #007b7a;}
div#side>ol>li a{display:block; padding:1em .4em;}
div#side>ol>li a dt{font-size:14px; font-weight:bold; color:#009860 !important; margin-bottom:.25em;}
div#side>ol>li a dd{font-size:13px;}
div#side>ol>li a:hover{background:#007b7a; text-decoration:none !important; color:#fff !important;}
div#side>ol>li a:hover dt{color:#fff !important;}
div#side select{background:#e1e5e5; border:1px solid #007b7a; width:100%; padding:.5em; font-size:12px; font-weight:bold; color:#2a4f5b; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 640px) {
div#side h3{padding:12px 30%; text-align:center; border-width:1px 0;}
div#side select{width:90%; margin:0 5%; line-height:2.5em; height:2.5em; font-size:16px;/* -webkit-appearance:none;*/}
}

/*--detail--*/
dl.ttl_box{display:table; width:100%; background:url(/news/img/bg_ttl.png) top left no-repeat; margin-bottom:20px;}
dl.ttl_box dt{display:table-cell; width:102px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
dl.ttl_box dd{display:table-cell; width:568px; vertical-align:middle; border:2px solid #80bdbd;}
dl.ttl_box dd h3{font-size:18px; color:#2a4f5b; padding:.8em 1em;}

dl.ttl_box_event{display:table; width:100%; background:url(/event/img/bg_ttl.png) top left no-repeat; margin-bottom:20px;}
dl.ttl_box_event dt{display:table-cell; width:102px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
dl.ttl_box_event dd{display:table-cell; width:568px; vertical-align:middle; border:2px solid #ffcd8e;}
dl.ttl_box_event dd h3{font-size:18px; color:#2a4f5b; padding:.8em 1em;}

div#entry{padding-bottom:2em; margin-bottom:50px; border-bottom:1px dashed #007b7a;}
/*div#entry a:before{content:"＞"; margin-right:.2em;}*/
div#entry a:hover{text-decoration:none !important; color:#80bdbd;}
ul.photo{list-style:none; padding-bottom:20px;}
ul.photo li{font-size:0; line-height:0; width:48%; float:left; text-align:center;}
ul.photo li.even{float:right;}
div#entry p{font-size:14px; line-height:2em; padding-bottom:1.5em;}
p.back{font-size:0; line-height:0; text-align:center;}
p.back a{display:inline-block; background:#007b7a;}
p.back a:hover{background:#009860;}

@media screen and (max-width: 640px) {
dl.ttl_box{display:block; background:#80bdbd url(/news/img/bg_ttl.png) top left no-repeat; margin:20px 0;}
dl.ttl_box dt{display:block; width:auto; text-align:left; padding:.5em 1em;}
dl.ttl_box dd{display:block; width:auto; border:none;}
dl.ttl_box dd h3{font-size:15px; color:#fff; padding:0 1em 1em;}

dl.ttl_box_event{display:block; background:#ffcd8e url(/event/img/bg_ttl.png) top left no-repeat; margin:20px 0;}
dl.ttl_box_event dt{display:block; width:auto; text-align:left; padding:.5em 1em;}
dl.ttl_box_event dd{display:block; width:auto; border:none;}
dl.ttl_box_event dd h3{font-size:15px; color:#fff; padding:0 1em 1em;}

div#entry{padding-bottom:1em; margin-bottom:30px;}
ul.photo{padding:0 3% 1px;}
ul.photo li{width:auto; float:none; margin-bottom:10px;}
ul.photo li.even{float:none;}
div#entry p{line-height:1.8em; padding:0 3% 1.5em;}
p.back{margin:0 25%;}
p.back a{display:block;}
}



/*--　PDFファイルにアイコンを付ける　--*/
a[href$=".pdf"]::after{
	/*font-family: "Font Awesome 5 Free";*/
	/*content: "\f1c1";*/
	content: "【PDF】";
	color:red;
	font-weight: 100 !important;
}

/*--　投稿記事の装飾　--*/
div#main span{
	text-decoration: none !important;
}
div#main a dl dt span{
	text-decoration: none !important;
}
div#main p{
	font-size:1.5rem;
}
div#main a{
	/*text-decoration: underline !important;*/
	margin:0.5em;
}
div#entry a{
	text-decoration: underline !important;
	margin:0.5em;
	word-break: break-all;
}
div#main a:hover{
	text-decoration: none !important;
}
.blocks-gallery-grid, .wp-block-gallery{
	align-items:flex-start !important;
}

/*--　ページネーションの装飾　--*/
.wp-pagenavi {
	clear: both;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
}
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #66cccc;
	border-color: #66cccc;
	font-weight: bold;
}

/*--　サイドバーの装飾　--*/
div#side h3{
	padding:1em;
	font-size:1.7rem;
	color:#1a1a32;
}
div#side ul{
	/*font-size:1.5rem;*/
}
div#side ul li{
	line-height:2em;
	list-style:none;
	border-bottom:1px #CCC dashed;
	padding:0.5em;
}
span.category.news{
	background:#009860;
	color:#FFF;
	margin:0 0.5em;
	padding:0 0.5em;
}
span.category.event{
	background:#ff991d;
	color:#FFF;
	margin:0 0.5em;
	padding:0 0.5em;
}