@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

/*
Theme Name: geidai-art-mikata
Theme URI: https://geidai-art-mikata.jp/news/
Description: geidai-art-mikata_news
Version: 2.0
Author: mik
Author URI: https://geidai-art-mikata.jp/news/
*/

/* base
----------------------------------------------- */
html{font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding:0;
	text-align:left;
	background:#fff;
	font-family: "Noto Sans JP","メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;
	font-size: 1.6em;/*16px*/
	position: relative;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

th{margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align: left;}

img{border:0;
	line-height:1;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic !important;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.2;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#036eb8; color:#fff;}
::-moz-selection{background:#036eb8; color:#fff;}

	
/* clearfix
----------------------------------------------- */
.clear{clear:both;
	margin:0;
	font-size:0;}

.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
	

/* content
----------------------------------------------- */
#container{width:100%;
	margin:0;
	padding:0;
	position: relative;}

.section{width:100%;
	margin:0;
	padding:0;
	position: relative;}
	
.main{width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;}
	
.maincon{width:70%;
	margin:0;
	padding:0;
	text-align:left;
	float:left;}

.mainsab{width:25%;
	margin:0;
	padding:2em;
	background: #036eb8;
	border-top-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	float:right;}
	
.cont{margin:0 0 3em 0;
	padding:0 0 3em 0;
	border-bottom:#036eb8 1px dotted;}

#footer{width:100%;
	margin:0;
	padding:1.25em;
	text-align:center;
	background:#036eb8;
	}

/* footer
----------------------------------------------- */
#footer small{margin:0;
	font-size:75%;
	color:#fff;
	letter-spacing:0.06em;
	line-height:1.2;}

/* pageheader
----------------------------------------------- */
#pageheaderbg{width:100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url("image/phbg.png") 50% 50% repeat;
	position:relative;}
	
.phbg00{position:relative;}
.phbg00::after{top:0;
	left: 28.15%;
	content: " ";
	height: 100%;
	width: 71.85%;
	background: #fff url("image/phbg00.jpg") 50% 50% no-repeat; background-size: cover;
	position: absolute;
	z-index:-1;}

#pageheader{max-width: 2000px;
	margin: 0;
	position:relative;}
	
#pageheader .phcp{width: 100%;
	padding: 0.5em;
	bottom: 0;
	position: absolute;
	text-align: right;}
	
#pageheader .phcp p{font-size:10px;
	color: #fff;
	line-height: 1.2;}

/* pushy
----------------------------------------------- */
#sidesmall{margin:0;
	padding:2em;}

#sidesmall P{margin:0;
	font-size:10px;
	color:#fffce1;
	letter-spacing:0.03em;
	line-height:1.35;
	text-align:left;}

#sidenav_title{margin:0;
	text-align:center;}

/* bread nav
----------------------------------------------- */
#breadnav{margin:0;
	padding:1em 3em;
	background: #222;
	border-bottom: #151515 1px solid;}

#breadnav ul{margin:0;
	padding:0;
	font-size:73%;
	color: #888;
	list-style-type:none;}

#breadnav a{transition: color 0.3s;}
#breadnav a:link{color:#d5bba0; text-decoration:none;}
#breadnav a:visited{color:#d5bba0; text-decoration:none;}
#breadnav a:active{color:#fff; text-decoration:none;}
#breadnav a:hover{color:#fff; text-decoration:none;}


/* widget
----------------------------------------------- */
#widget{margin:0;
	padding:0;
	color:#fff;}

#widget h3{margin:0 0 8px;
	padding:0;
	font-size:16px;}

#widget ul{margin:0;
	padding:0;
	list-style:none;}

#widget ul ul{margin:0;
	padding:0;
	list-style:disc;
	color: #d5bba0;
	margin-left:1.5em;}

#widget select {max-width:100%;}

.widget_search #s{width:60%;}

.widget_search label{display:none;}

.widget-container{padding:1.5em 0 1em; border-bottom:#035e9d 2px solid;}
.widget-container li{margin:0 0 0.5em;	
	font-size:100%;
	/*list-style-image:url(image/li.png);*/}

.widget-title{font-weight:bold;}

#widget a:link{color:#d5bba0; text-decoration:none;}
#widget a:visited{color:#d5bba0; text-decoration:none;}
#widget a:active{color:#d5bba0; text-decoration:underline;}
#widget a:hover{color:#d5bba0; text-decoration:underline;}

#widget .entry-meta{font-size:100%;}

#wp_tag_cloud div{line-height:1.6em;}


#wp-calendar{width:100%;
	border-collapse:collapse;
	line-height:1.6em;}

#wp-calendar caption{padding:0 0 5px;
	color:#fff;
	font-size:16px;
	text-align:left;}
	
#wp-calendar thead{font-size:12px;
	text-align:center;}

#wp-calendar thead tr{color:#fff; border-bottom:#fff 2px solid;}
#wp-calendar thead th{margin:0;
	padding:0;
	font-weight:normal;
	text-align: center;
	background: none;}
	
#wp-calendar tbody td, #wp-calendar th {border: none;}

#wp-calendar tbody{color:#fff;}

#wp-calendar tbody td{padding:0.25em 0;
	font-size:12px;
	text-align:center;}

#wp-calendar tbody .pad {background:none;}

#wp-calendar tfoot {font-size:100%;}

#wp-calendar a{display:block; transition: all 0.3s;}

#wp-calendar a:link {color:#000; text-decoration:none; background:#d5bba0;}
#wp-calendar a:visited {color:#000; text-decoration:none; background:#d5bba0;}
#wp-calendar a:active {color:#d5bba0; text-decoration:none; background:#fff;}
#wp-calendar a:hover {color:#d5bba0; text-decoration:none; background:#fff;}

#wp-calendar tfoot #prev a{background:none;}
#wp-calendar tfoot #next a{background:none; text-align:right;}
nav.wp-calendar-nav{font-size: 73%; margin-top: 0.5em; text-align: left;}
.wp-calendar-nav-prev{padding-right: 0.75em; border-right: #fff 1px dotted;}


#wp-calendar tfoot a:link {color:#d5bba0; text-decoration:none;}
#wp-calendar tfoot a:visited {color:#d5bba0; text-decoration:none;}
#wp-calendar tfoot a:active {color:#bbb; text-decoration:underline;}
#wp-calendar tfoot a:hover {color:#bbb; text-decoration:underline;}	

.wp-calendar-nav{text-align: right;}
	
.widget_rss a.rsswidget {color:#d5bba0;}
.widget_rss a.rsswidget:hover {color:#bbb;}
.widget_rss .widget-title img {width:11px;
	height:11px;}

/* aquo (blog)
----------------------------------------------- */
#aquo{margin:0;
	padding:0;
	width:100%;
	text-align:center;
	clear:both;}

#aquo ul{width:66px;
	margin:0 auto;
	padding:0;
	text-align:center;}

#aquo li{margin:0 2px;
	padding:0;
	font-size:14px;
	list-style-type:none;
	float:left;}
	
.aquoL a{width:2em;
	height:2em;
	line-height:1.75em;
	background:#000;
	display:block;
	border-radius: 1em;
	float:left;}

.aquoR a{width:2em;
	height:2em;
	line-height:1.75em;
	background:#000;
	display:block;
	border-radius: 1em;
	float:right;}

#aquo li a:link {color:#d5bba0; text-decoration:none;}
#aquo li a:visited {color:#d5bba0; text-decoration:none;}
#aquo li a:active {color:#fff; text-decoration:none; background:#d5bba0;}
#aquo li a:hover {color:#fff; text-decoration:none; background:#d5bba0;}

/* images (blog)
-------------------------------------------------------------- */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin:0 1em 1em 0;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin:0 0 1em 1em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin:0 auto 1em;
}

.imgleft,
img.imgleft {
	display: inline;
	float: left;
	margin:0 1em 1em 0;
}


/* p,h,ul (blog)
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;/*15px*/
	color:#000;
	letter-spacing:0.05em;
	line-height:1.7;}
	
.fxxs{font-size:66.7%;}/*10px*/
.fxs{font-size:80%;}/*12px*/
.fs{font-size:86.7%;}/*13px*/
.fls{font-size:93.3%;}/*14px*/
.fl{font-size:106.7%;}/*16px*/
.fxl{font-size:120%;}/*18px*/
.fxxl{font-size:150%;}/*20px*/

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

h1{margin:0 0 1em;
	padding:0 0 0.65em 0;
	font-size:200%;/*24px*/
	line-height:1.4;
	color:#000;
	border-bottom: #eee 1px solid;
	/*font-weight: bold;*/
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	position: relative;}

.h1n::after{bottom:-3px;
	left: calc(50% - 1em);
	content: " ";
	height: 5px;
	width: 2em;
	border-radius: 10px;
	position: absolute;
	pointer-events: none;
	background: #036eb8;
	z-index:1;}

h2{margin:0 0 1em 0;
	padding:0.5em 0 0.5em 0.75em;
	font-size:150%;
	color:#000;
	border-left: #036eb8 1px solid;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: relative;}

h2::after{position: absolute;
	top: 0;
	left: -5px;
	z-index: 1;
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 11px;
	background: #036eb8;}

.date{margin-top:1em;
	color:#aaa;
	text-align: right;
	font-size:82%;
	clear:both;}

hr{margin:3em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#ccc;
	background:#ccc;
	border:none;
	clear:both;}

/* img
----------------------------------------------- */	
#pageheader img, .main img{max-width: 100%;
	height: auto;}

/* margin padding
----------------------------------------------- */
.pd3{padding:3em 0;}

/* span
----------------------------------------------- */	
#nav span,#menu span,
#pageup span,
#btn_menu span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

	
/* link
----------------------------------------------- */
a{transition: color 0.45s;}
a:link{color:#036eb8; text-decoration:underline;}
a:visited{color:#036eb8; text-decoration:underline;}
a:active{color:#d5bba0; text-decoration:none;}
a:hover{color:#d5bba0; text-decoration:none;}


/* media queries
----------------------------------------------- */
.tbmbdisplay{display:none;}
.mbdisplay{display:none;}

@media only screen and (max-width:979px){ /*979*/
	.main{width:90%;}

}

@media only screen and (max-width:767px){
	body{font-size: 1.3em;}

	.pcdisplay{display:none;}
	.tbmbdisplay{display:block;}
	
	.sticky-wrapper{display:none;}
		
	.main{width:90%;}
	
	.maincon{width:100%;
	float:none;}

	.mainsab{width:100%;
	margin-top:3em;
	padding-top:3em;
	/*border-top:#333 2px solid;*/
	float:none;}
	
	.cont{margin-bottom:1em;
		padding-bottom:1em;}
	
	#breadnav{padding:1em;}

	#pagenav li{width:49%;}
	#pagenav li:nth-child(odd){border-left:none;}
	.pnaw::after{display: none;}
	
	.tbdisplay{display:none;}
	.mbdisplay{display:block;}
	
	#pagenav li{width:100%;
		border-left:none;}
	#pagenav li:last-child{border-bottom:none;}

	.phbg00::after{left: 27.55%;
	width: 72.45%;}

}


@media only screen and (max-width:479px){



}