@charset "utf-8";
/*
Theme Name:JY DESIGN
Theme URI:https://www.jy-design.jp/
Description:JY DESIGN
Version:1.0
Author:JY DESIGN
Author URI:https://www.jy-design.jp/
*/

/* 共通 ------------------------*/
#news .sec { max-width: 1400px; margin: 0 auto; }
#main { float:left; width:75%; padding-top:30px; }
#main article { width:100%; padding: 0 60px 80px; }
#side { float:right; width:20%; padding-top:24px; }
.outline-title { margin:1em; padding-left:10px; font-size:1.5em; border-left:3px solid #402000; }

.box { padding: 50px 30px; }

img.emoji { font-size: 16px!important; }

.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }
strong { font-size: 1.1em; }


.post { margin-bottom:30px; }

.sec_ttl:not(.totaldesign_sec_ttl) { margin-bottom: 10px; padding-bottom: 10px; font-size: 1.5em; text-align: left; letter-spacing: 2px; border-bottom: 1px solid #c5c5c5; }

.subTitle{ margin-bottom: 10px; font-size: 27px; font-weight: lighter; border-bottom: 1px solid #c5c5c5;
  font-family:
    "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
    "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 }

.entry-header { margin-bottom:30px; }
.entry-header p { margin:0 0 15px; font-size:.9em; text-align: right; }
.entry-header i { color:#8c9ba8; }

.entry-content { padding:0 0 30px; font-family:	"メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", Osaka, sans-serif; }
.entry-content a { text-decoration:underline; }
.entry-content a.btn { text-decoration:none; }
.entry-footer { text-align:right; font-size:.9em; /*background:#E8F5FB;*/ }

.entry-footer p { margin:0; }
.entry-footer i { color:#B22224; padding-right:3px; }
.entry-footer a { margin-left:5px; color:#333; border-bottom:1px solid #ccc; }
/*.entry-footer a:hover { text-decoration:underline; }*/


	/* 本文再設定 */
	.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; height:34px; margin:120px 0 90px; }
.navigation span { display:block; }
.navigation a { display:inline-block; position:relative; }
.navigation a:after {
	content: ' '; position: absolute; top:40%; width: 0; height: 0;
}
.navigation .prev { float:left; }
.navigation .prev a { padding-left:20px; }
.navigation .prev a:after {
	left:0;
  border-top: 3px solid transparent;
  border-right: 10px solid #8c9ba8;
  border-bottom: 3px solid transparent;
  border-left: 0 solid transparent;
}
.navigation .next { float:right; }
.navigation .next a { padding-right:20px; }
.navigation .next a:after {
	right:0;
  border-top: 3px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 10px solid #8c9ba8;
}
.navigation a:hover {  }




/* コメント欄 */
#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 */

/* シングルページ,固定ページend */


/* side------------------------ 
/* ウィジェット */
.widget-title { display:block; margin-top:20px; padding:5px 0; position:relative; border-bottom: 1px solid #c5c5c5; color: #000; font-size:16px; 
  /*font-family:
    "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
    "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
}
/*.widget-title:before {  width:19px; content:url("http://www.kyohime.co.jp/products/img/sakura.png"); position:absolute; top:15%; left:0; }*/

.widget ul { margin:15px 0 35px; }
.widget li { margin:0 0 10px; line-height:1.2; position:relative; }
.widget li a { display:inline-block; padding-left:25px; font-size: .9em; }
.widget li a:before { font-family:FontAwesome; position:absolute; top:0; left:3px; color:#8c9ba8; }
	.widget_archive li a:before					{ content: "\f073"; }
	.widget_categories > ul > li > a:before	{ content: "\f115"; }
	.widget_recent_comments li:before		{ content: "\f075"; }
	.widget_recent_entries li a:before	{ content: "\f017"; }
	.widget_meta li a:before						{ content: "\f192"; }
	.widget.popular-posts  li a:before	{ content: "\f017"; }
.widget .children { margin:10px 0 0 13px; }
.widget .children a { padding-left:12px; }
	.widget .children a:before { content: "\f0da";}

/* タグクラウド */
.widget .tagcloud a {
    background: #B22224;
    border: 1px solid #B22224;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	}
	.widget .tagcloud a:hover { color: #B22224; background:#fff; }

/* アーカイブ年月 */
#archives2-2 li span { font-weight:bold; }
#archives2-2 li ul { margin:3px 0 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; }
/*
#archives2-2 li ul li a {
	display:inline-block; padding: 5px; 
	font-size: 0.85em; text-align: center;
	color: #fff; background-color:#006d2c; border-radius: 5px;
  }
*/
/* 検索フォーム */
#searchform { margin:0 0px 20px 0px; position:relative; }
#searchform > * { box-sizing:border-box; }
#search label { display: none; }
#side #s { width:75%; height:31px; margin:0; padding:0 8px; line-height:30px; border:1px solid #8c9ba8; background: rgba(255, 255, 255, 0.7); }
#searchsubmit {
	position:absolute; top:0; right:0;
	margin:0; width:22%; height:32px; cursor:pointer;
	font-family:FontAwesome; color:#FFF; background:#8c9ba8; border:none; }

/* カレンダー */
#wp-calendar { margin:10px auto 0px auto; width:100%; font-size:14px; border-collapse:collapse; }
#wp-calendar tr > * { }
#wp-calendar td { padding:7px; }
#wp-calendar caption { padding:8px 0 5px; color:#FFF; font-weight:bold; background-color:#3e2e03; }
#wp-calendar thead th { padding:3px 0 2px; font-weight:normal; border:1px dashed #3e2e03; border-top-style:solid; }
#wp-calendar tbody { color:#aaa; }
#wp-calendar tbody td { padding:3px; text-align:center; vertical-aligin:middle; border:1px dashed #3e2e03; }
#wp-calendar thead th:first-child, #wp-calendar tbody td:first-child { border-left-style:solid; }
#wp-calendar thead th:last-child, #wp-calendar tbody td:last-child { border-right-style:solid; }
#wp-calendar tbody tr:last-child td { border-bottom-style:solid; }
#wp-calendar tbody td a {
	display:block; width:100%; height:100%; min-width:20px; min-height:20px; 
	font-size:13px; color:#221814; background:#DDA31F; border-radius:50%; }
#wp-calendar tbody td a:hover { color:#FFF; background:#006D2C; text-decoration:none; }
#wp-calendar tbody .pad { background:none; }
#wp-calendar tfoot #next { text-align:right; }


/* セレクトボックス */
#side select { width: 100%; margin:30px 0px 30px 0px; padding: 8px 8px 9px!important; font-size: .9rem; border-radius: 5px; }



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

/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 999px) {
#s { width: 55%; }
#side-recent ul li p { width:73%; }

}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {
.box { padding: 20px 10px; }

#main { float:none; width:100%; padding-top: 20px; margin-bottom: 40px; }
#main article { padding: 40px 20px; }
#side { float:none; width:100%; padding-top:0; }

.subTitle{ font-size: 18px; }
.post { margin-bottom: 20px; padding: 0; }
#main img { max-width:100%; height:auto; }
h1.entry-title { font-size:20px; }
.entry-content { padding:0; }
.navigation .prev a { padding:5px 18px 4px 13px;}
.navigation .next a { padding:5px 13px 4px 18px;}
#archives-2 ul li { display:inline-block; width:48%; margin:0 0 7px; }
#archives-2 ul li:nth-child(3n) { margin-right:0; }

#news .sec { padding: 90px 0; }
#news .sec_ttl { font-size: 1.1em; text-align: left; letter-spacing: 0; }

}