@charset "utf-8";
#main_col{ padding-bottom:2em; }

/* title */
.title_c.center{ margin-bottom:1em; }
.title_c.center::before{ left:50%;
	-webkit- transform:translate(-50%, 0); transform:translate(-50%, 0); }
.t_marker{ margin:0 auto 2em; text-align:center; }
.t_marker .title_in{ display:inline-block; position:relative; z-index:1;  padding:0 2em;
	font-size:1.3em; font-weight:400; letter-spacing:0.1em; }
.t_marker .title_in::before{ position:absolute;  z-index:-1; content:""; width:100%; height:1.8em; 
	top:45%; left:50%;
	-webkit- transform:translate(-50%, 0); transform:translate(-50%, 0);
	background:#e8f1fd; }
.t_marker .title_in .title_en{ display:block; }
.title_line{ margin-bottom:1em; padding:0.5em 0.8em; font-size:1.2em; 
	border-bottom:1px solid #c0c4ca; background:#f5f7fb; }

/* LIST */
.l_list li{ margin-bottom:1.2em; padding-bottom:0.8em; 
	border-bottom:1px solid #b9b9b9; }
.l_list li:last-child{ padding:0; border:0; }
.l_list li .item{ min-width:8em; font-weight:500; }
.l_list li p{ margin:0; }
.dot_list{ margin:1em 1em 2em; }
.dot_list li{ position:relative; margin-bottom:0.2em; padding-left:0.8em; }
.dot_list li::before{ position:absolute; content:""; width:4px; height:4px;
	top:50%; left:0; background:#666; border-radius: 50%; }

/* BOX ---------------- */
.sec_box{ margin-bottom:3em; }
.box{ padding:1.5em 2em; }

/* works */
#works .ex{ margin:2em 2em; }
.news_list.col3 li{ width:47%; margin-right:1.5%; margin-left:1.5%; }
.news_list li a{ padding-top:100%; }
.news_list li .pic{ height:300px; width:auto; max-width:initial; }
.sec_box .news_list:last-child{ border:0; }	

/* wp-pagenavi */
.wp-pagenavi{ margin:0 auto; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span{ margin: 0.3em !important; padding: 0 0.8em 0.3em !important; }
.wp-pagenavi a{ color:#4175c3; }

/* SWIPE BOX */
#swipebox-slider .slide{ padding:1em; }

/* contact */
.mw_wp_form_g-standard{ margin-top:2em !important; }
.mw_wp_form_g-standard table th{ background:#f5f7fb !important; }
.mw_wp_form_g-standard input[type="submit"], .mw_wp_form_g-standard input[type="button"], 
.mw_wp_form_g-standard button{ background:#ebf2fb !important; border-radius:0 !important;
	letter-spacing: 0.08em; color: rgba( 0, 0, 0, 1.0 ) !important; box-shadow: none !important;
	border-color: #DDD !important;
	font-family:
    "Hannari", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
    "游明朝体", "Yu Mincho", YuMincho,
    "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important; }

 /* Blog */
/* 共通 ------------------------*/
.pan{ margin:0 0 1.8em; }
.pan li{ position:relative; margin-left:20px;  padding-left:20px; }
.pan li::before{ position:absolute; content:"/"; top:0; left:0; }
.pan li:first-child{ margin-left:0;  padding-left:0; }
.pan li:first-child::before{ content:none; }
.pan a{ font-size:0.9em; color:#4c7bc2 }

#main .mainTtl { position:relative; z-index:1; padding:0 0 1em 0.5em; font-size:1.2em; font-weight:500; }
.outline-title { margin:1em; padding-left:10px; font-size:1.5em; border-left:3px solid #373737; }
.item { margin-top:10px !important; padding-top:10px; text-align:right; font-size:0.9em; border-top:1px dotted #c2aeac; }
.item i { color:#4c7bc2; }
.item a { color:#4c7bc2 !important; }
.item .user { margin:0 15px; }

.post { position:relative; z-index:1; margin-bottom:4em; padding:2em 1em 1em; background:#FFF; }

.con_ttl2 { position:relative; z-index:1; margin-bottom:1.5em; padding:0.4em 0 0.6em 1em; font-size:1.2em; font-weight:500;
	background:#ebf2fb; }
.has-large-font-size{ font-size: 1.4em !important; }

#main, #side{ width:100%; }

.entry-header{ margin-bottom:1.5em; }
.entry-header p { margin:0 0 15px; font-size:.9em; }
.entry-header i { color:#4c7bc2; }
.entry-header a{ text-decoration:none; color:#222; }
.entry-header .category{ display:inline-block; margin-right:0.5em; }
.entry-header .category li{ display:inline-block; margin-right:0.5em; }
.entry-header .category a{ padding: 0 0.5em 0.2em; font-size: 0.9em; color:#FFF; background:#404c5c; }
.entry-header .date{ display:inline-block; }

.entry-content { position:relative; overflow: hidden; }
.entry-content p { position:relative; z-index:10; }
.entry-footer { padding:10px 10px 8px; font-size:.9em; border:1px solid #DCDCDC; }
.entry-footer p { margin:0; }
.entry-footer i { color:#4c7bc2; }
.entry-footer a { color:#4c7bc2; }

	/* 本文再設定 */
	.entry-content h1, .post h2, .post h3, .post h4, .post h5, .post h6{margin:1.5em 0 0.5em; font-weight:bold;}
	.entry-content h1{font-size:180%; margin-top:1em;}
	.entry-content h2{font-size:160%; margin-top:1em;}
	.entry-content h3{font-size:140%;}
	.entry-content h4{font-size:120%;}
	.entry-content h5{font-size:110%;}
	.entry-content h6{font-size:100%;}
	
	.entry-content p { margin:0 0 1em; line-height:1.8; }
	.entry-content ul { list-style-type:disc; margin:15px 0px 15px 1.5em; }
	.entry-content ol { list-style-type:decimal; margin:15px 0px 15px 1.8em; padding:0; }

	.post blockquote{
		border-left:5px solid #ddd;
		background:#eee;
		padding:10px;
		margin:20px 0;
		font-style:italic;
		}
		.post blockquote p{margin:0;}

.more-link { float:right }
.more-link:hover {  }
.tag { padding:30px 0px 0px 0px; clear:both; }

/* 検索結果 */
.search .post { min-height:110px; margin-bottom:20px; padding: 15px 13px; }
.search .post:before { content:""; }
.search .entry-header p { text-align:left; margin-left:12px; }
.search .entry-header span { margin-left:0; margin-right:1em; }
.search .entry-summary p { margin: 10px 0 0 12px; }

/* シングルページ,固定ページ */
.post .author { margin-top:15px; overflow:hidden; }
.post .author img { float:left; }
.post .author p { margin-left:111px; }

.navigation { clear:both; margin-bottom:20px; }
.navigation span { display:block; }
.navigation a { display:inline-block; position:relative; }
.navigation a:after {
	content:''; position: absolute; top:25%; width:13px; height:13px; }
.navigation .prev { margin-bottom:15px; font-size:0.9em; }
.navigation .prev a { text-decoration:none; color:#fff; background-color:#4c7bc2; padding:5px 12px 7px; }
.navigation .prev a:after { left:7px; top:7px; color:#fff; }
.navigation .next { text-align:right; margin-bottom:15px; font-size:0.9em; }
.navigation .next a { text-decoration:none; color:#fff; background-color:#4c7bc2; padding:5px 12px 7px; }
.navigation .next a:after { right:7px; top:7px; color:#fff; }

/* コメント欄 */
#respond { margin-top:15px; }
#reply-title { font-size:1.2em; font-weight:bold; }
#commentform p{ margin:5px 0px; }
#commentform label { display:inline-block; width:120px; }
#commentform input[type="text"], #commentform textarea { width:475px; padding:4px; border:1px solid #DDD; }
#commentform .form-submit { text-align:center; }
#commentform .form-submit input { padding:5px 10px; }

#comments { padding:15px; text-align:left; background:url(images/bg_comments.png); }
#comments-count { padding:3px 15px; color:#FFF; background:#630; font-size:1.2em; font-weight:bold; box-shadow:0 0 3px rgba(0,0,0,0.4); }

#comments-list li { margin-top:15px; position:relative; }
#comments-list .children li { margin-left:20px; padding-right:0; padding-bottom:0; border-top:1px dotted #DDD; box-shadow:none; }
	#comments-list .comment-author .fn { font-style:normal; font-weight:bold; font-size:1.2em; }
	#comments-list .avatar { float:left; margin-right:15px; }
	#comments-list .comment-meta { margin-bottom:20px; line-height:1; }
		#comments-list .comment-meta a { color:#666; }
			#comments-list .comment-meta a:hover { color:#999; }
	#comments-list p{ margin:0 0 0.8em 63px; }
	#comments-list .reply { text-align:right; }
		#comments-list .reply a{ padding:3px 10px; background:#6DCBAB; color:#FFF; }
			#comments-list .reply a:hover { background:#53C8D9; }
/* コメント欄end */

/* 投稿画像等設定 */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%; height:auto; }

.alignleft,
img.alignleft {
	display:inline; float:left; margin-right:15px; margin-top:4px; }

.alignright,
img.alignright {
	display:inline; float:right; margin-left:15px; margin-top:4px; }

.aligncenter,
img.aligncenter {
	clear:both; display:block; margin-left:auto; margin-right:auto; }

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px; }

.post div.wp-caption{margin:20px 0;}
	.post div.wp-caption img{ margin:0;}
	.post div.wp-caption p{ font-size:85%;}
.wp-smiley { margin:0; }
#content .attachment img { display:block; margin:0 auto; }
/* 投稿画像等設定end */

/* side------------------------ 
/* ウィジェット */
.widget-title { position:relative; margin: 20px 0 0; padding:4px 10px 10px 10px;
  font-weight:normal; border-bottom:2px solid #c0c4ca; }
.widget > ul > li > a{ display:block; position:relative; padding:12px 4px 12px 1.5em; text-decoration:none; 
	color:#4c7bc2; font-size:0.95em; line-height:1.5; border-bottom:1px solid #c0c4ca; }
.widget > ul > li:last-child > a{ border:0; }
.widget > ul > li > a:hover{ color:#4c7bc2; background:#FFF; }
.widget > ul > li > a::after{ position: absolute; top:50%; left:0; margin:auto; 
	content:""; vertical-align: middle; }
.widget > ul > li > a::after{ left: 4px; width: 4px; height: 4px; 
	border-top: 1px solid #4c7bc2; border-right: 1px solid #4c7bc2;
  -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* アーカイブ年月 */
#archives2-2 li span { font-weight:bold; }
#archives2-2 li ul { margin:0; display: -webkit-flex; display:flex; }
#archives2-2 li ul li { width:16.666%; margin:0; }
#archives2-2 li ul li a { padding-left:0; font-size:.9em; }
/*

/* 検索フォーム */
#searchform { margin:0 0px 20px 0px; position:relative; }
#searchform > * { box-sizing:border-box; }
#search label { display: none; }
#side #s { width:78%; height:32px; padding:0 8px; line-height:30px; border:1px solid #b5b5b5; border-radius:4px 0 0 4px; box-sizing:border-box; }
#searchsubmit {
	position:absolute; top:3px; right:0;
	margin:0; width:22%; height:32px; cursor:pointer;
	font-family:FontAwesome; color:#FFF; background:#4c7bc2; border:none; border-radius:0 4px 4px 0; -webkit-appearance: none; }

/* セレクトボックス */
#side select { margin:30px 0px 30px 0px; }

/* タグクラウド */
.tagcloud { margin:10px 0px 10px 0px; }

/* 一覧 */
#news .news_list{ width: 100%; margin-bottom:2em; padding-bottom:1.5em; }
#news .news_list .thumnail{ position: relative; }
#news .news_list a{ text-decoration:none; color:#222; }
#news .sub{ margin-bottom: 1em; font-size:1.1em; }
#news .news_list .thumnail{ width:80%; margin:0 auto 2em; }
#news .news_list .thumnail .image{ position:relative; overflow:hidden; padding-top:75%; }
#news .news_list .thumnail .image img{ position:absolute; top:50%; left:50%;
  -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 960px以上(PC) */
@media screen and (min-width: 960px) {
	.l_list li{ display:-webkit-flex; display:flex; }
	.t_marker .title_in .gf-garamond{ margin-left:1em; }

	/* works */
	#gallery .ex, #exhibiton .ex{ width: 65%; margin:3em auto; }
	#gallery .ex .txt_jp, #exhibiton .ex .txt_jp{ margin-bottom:2em; }
	.news_list.col3 li{ width:30%; }

	/* Blog */
	#main { width:70%; }
	#side { width:26%; padding:1em 1.5em; background:#f5f7fb; }
	
	#news .news_list .thumnail{ width:40%; margin-right:2em; }
	#news .news_list .txt{ -webkit-flex:1; flex:1; }
	.navigation .prev { float:left; max-width:46%; }
	.navigation .next { float:right; max-width:46%; }

	/* SWIPE BOX */
	#swipebox-slider .slide{ padding:3em; }

}

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

	/* work */
	.news_list li .pic{ height: 250px; }

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

	.title_c.center{ margin-top: 2.0em; }
	.t_marker .title_in .gf-garamond{ display:block; }

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

	/* works */
	#works .ex{ margin:2em 1em; }
	.news_list li .pic{ height: 150px; }

}