@charset "UTF-8";

/* layout
++--------------------------------------------++*/
@media (min-width: 768px){
	.kiji-inner{
		min-width: var(--width-min);
		max-width: var(--width-max);
		margin: 0px auto;}

	.kiji-flex{
		display: flex;}

	.kiji-left{
		flex:3.5;}

	.kiji-right{
		flex:1;}

	.kiji-wrapper{
		padding: 1em 4em}
}

@media (max-width: 767px){
	.kiji-inner{
		max-width: 100%;
		margin: 0px auto;}

	.kiji-wrapper{
		padding: 1em 1em}
}

.kiji-bk{
	background: var(--color-bk5);}

.kiji-inner{
	background: #FFF;
	border: 1px solid #ddd;}

/* loop
++--------------------------------------------++*/
.kiji-Heading h1{
	font-size: 24px; font-size: 2.4rem;
	margin: 0 0 32px 0px;
	padding: 8px 0 8px 16px;
	border-left: 10px solid #C6AB63;
	/*background-color: #EFDCD2;*/
	background-color: var(--color-bk2);}

.loop-inner{
	display: flex;
	padding-bottom: 1em;}

.loop-left{
	flex: 1}
.loop-right{
	flex: 3;
	padding-left: 24px;}

.loop-bk a{
	display: block;
	padding-top: 20 0;
	border-bottom: 2px dotted #E6E6E6;
	color: #666;
	text-decoration: none;}

.loop-bk a:hover{
	background-color: #eee;
	opacity: 0.8;}

/*.loop-bk a, .loop-left img{
	width: 100%;
	height: 200px;}*/

.loop-right h1{
	padding: 10px 0 10px;
	font-size: 20px; font-size: 2.0rem;}

.loop-right p{
	margin: 0;
	font-size: 14px; font-size: 1.4rem;}

.loop-date{
	font-size: 13px; font-size: 1.3rem;}

/* kiji
++--------------------------------------------++*/
.kiji-left{
	/*padding: 10px 30px 10px 20px;*/
	padding: 1em 2em;

	border-right: 2px solid #eee;
	/*color: #404040;*/
	background: #fff;}

.kiji-left section{
	padding: 0 0 0px;}

/*kiji-head*/
.kiji-head{
	/*background-color: #f7f7f7;*/
	border-bottom: 3px solid #ddd;
	margin: 0 0 25px 0;
	padding: 0px 0em 1em;}

.kiji-head h1{
	color: var(--color-main)
	font-size: 25px; font-size: 2.5rem;
	padding: 0 0 0.5em}

/*.kiji-left h2{
	text-align: center;
	background-color: var(--color-bk3);
	color: #404040;
	font-family: var(--font-gothic);
	font-size: 24px; font-size: 2.4rem;
	margin: 0px 0px 16px;
	padding: 15px 0;}*/

.kiji-main h2{
	color: var(--color-main);
	margin: .5em 0 1em;
	padding: 0.5em 1em;
	border-top: solid 3px var(--color-main);
	border-bottom: solid 3px var(--color-main);}

.kiji-main h3{
	margin: 1em 0;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: var(--color-p2);/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px var(--color-main);}

.kiji-main img{
	padding: 1em 0;}

.kiji-main p{
	color: var(--color-p1);
	font-size: 16px; font-size: 1.6rem;
	padding: 0 0 1.5em 0;}

.kiji-main ol{
	padding: 0em 0 1em 0em;
	list-style: decimal inside;}

.kiji-main ul{
	padding: 0em 0 1em 0em;
	list-style: disc inside;}

.kiji-main dt{
	color: #907741;}

.kiji-main dt:before{
	color: #4D4D4D;
	font-family: "FontAwesome";
	content: "\f138";
	padding-right: 0.5em;}

.kiji-main dd{
	padding: 0 0 2em;}

.kiji iframe{width: 100%;}

/*tag*/
.kiji-tag{
	margin: 0 0 6px 0;}

.kiji-tag li{
	float: left;
	width: auto;}

.kiji-tag ul:after{
	content: "";
	display: block;
	clear: both;}

.kiji-tag ul li a{
	display: block;
	background-color: #7CCFC8;
	margin: 0 5px 2px 0;
	border-radius: 2px;
	padding: 3px 5px;
	color: #fff;
	font-size: 12px; font-size: 1.2rem;}

.kiji-date time{
	color: #777777;
	padding: 0 0 0.5em}

.kiji-nav{
	padding: 32px 0px;
	border-bottom: 1px solid #D9D9D9;}

.kiji-nav .new{
	float: right;}


/* side bar
++--------------------------------------------++*/
.kiji-right{
	/*border: 1px solid #ddd;*/
	padding: 0.5em 1em;}

.kiji-right h2, .kiji-right p, .kiji-right a{
	font-size: 14px; font-size: 1.4rem;
	padding-bottom: 0.5em;}

.kiji-right section ul li a, .kiji-right section ol li a, .kiji-right aside ul li a{
	color: var(--color-p1);}

.kiji-right section{
	padding: 0 0 1em}

.kiji-right h2{
	margin: 0 0 0.5em 0;
	border-bottom: solid 2px #A3893B;
	text-align: center;}

/*.side-info{
	padding: 0 0 0 2em;}*/

/* サムネイル画像を付けたメニューのデザイン */
.mymenu-thumb li{
	padding: 0 0 0.5em;}

.mymenu-thumb li a{
	/*padding: 3em 0;*/
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
	color: #AC8F4A}

.mymenu-thumb ul li:hover{
	color: #999;
	opacity: 0.6;}

.mymenu-thumb li a:after {
	content: "";
	display: block;
	clear: both}

.mymenu-thumb li .thumb {
	float: left;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-thumb li .text {
	float: none;
	width: auto;
	margin-left: 75px}

.mymenu-thumb .text{
	color: #C6AB63}

.mymenu-thumb li span {
	display: block;
	color: var(--color-p1);
	font-size: 10px; font-size: 1.0rem;}

/*サイドカテゴリ*/
.side-category ul li{
	padding: 0 0 0.25em;}

/*月別*/
.side-month ol li{
	padding: 0 0 0.25em;}

/*#recent-posts-2 ul li{
	padding: 6px 0;
	border-bottom: 1px dotted #CCCCCC;}

#recent-posts-2 ul li a{
	font-size: 12px; font-size: 1.2rem;}*/

/* page nation
++--------------------------------------------++*/
/* ページネーション */
.pagination ul:after{
	content: "";
	display: block;
	clear: both}

.pagination li{
	float: left;
	width: auto}

.pagination{
	margin: 40px 0 30px;
	text-align: center}

.pagination ul{
	display: inline-block;}

.pagination li a,
.pagination li > span{
	display: block;
	margin: 0 3px;
	padding: 8px 12px;
	border: solid 1px #cccccc;
	color: #666;
	font-size: 14px;}

.pagination li > span{
	background-color: var(--color-bk3)}

.pagination li a:hover{
	background-color: #eeeeee}


/* コメント投稿フォーム
++--------------------------------------------++*/
.comment-respond{
	padding: 2em 0 0;}

.comment-reply-title{
	padding: 0 0 1em;}

#respond p{
	font-size: 16px; font-size: 1.6rem;}

.comment-form label{
	display: block;
	padding: 0 0 0.5em;}

/*コメントボタン*/
.form-submit{
	display: block;}

#submit{
	-webkit-appearance: none;
	font-family: var(--font-gothic);
	display: inline-block;
	background-color: #7CCFC8;
	color: #fff;
	cursor: pointer;
	padding: 1em 2em;
	font-size: 18px; font-size: 1.8rem;
	border-radius: 4px;
	border: none;
	letter-spacing: 0.25em;}

@media (min-width: 768px){
	.comment-respond{
		width: 350px;}

	.form-submit{
		width: 50%;}

	#author,
	#comment{
		width: 100%;
		padding: 5px;}
}

@media (max-width: 767px){
	.comment-respond{
		width: 95%;
		margin: 0 auto;}

	.form-submit{
		text-align: center;}

	#author,
	#comment{
		width: 100%;
		margin: 0 auto;
		padding: 0.5em 1em;}
}


#respond input[type="submit"]:hover{
	opacity: 0.7}

#respond .required  {color: #ff0000}

/* コメント */
#comments footer{
	background: none;
	margin: 0;}

#comments footer a{
	font-weight: lighter;}

#comments footer div{
	display: inline}

#comments article{
	border: dotted 1px #aaaaaa;
	border-radius: 3px;
	margin: 10px;
	padding: 10px 20px 20px 20px}

#comments .comment-content{
	margin-left: 30px}

.comment-meta {
	margin: 0px;
	padding: 2px;
	border: none;
	box-shadow: none;}

/*公開されることは・・・を消去*/
.comment-form-email{display:none;}
.comment-form-url{display:none;}
.form-allowed-tags{display:none;}
.comment-notes{display:none;}
.says{display:none;}

/* kiji-relation
++--------------------------------------------++*/
.single-relattion{
	margin: 2em 0;
	padding: 1em 1em;
	border: solid 1px var(--color-border1);}

.single-relattion h2{
	margin: 1em 0;
	padding: 0.25em 0.5em;
	color: var(--color-p2);
	background: transparent;
	border-top: none;
	border-bottom: none;
	border-left: solid 5px var(--color-main);}

.single-relattion li .text{
		float: none;
		font-size: 14px; font-size: 1.4rem;}

@media (min-width: 600px){
	.single-relattion ul:after{
		content: '';
		display: block;
		clear: both;}

	.single-relattion li{
		float: left;
		width: 25%;
		padding: 0 0.5em;}

	.single-relattion li .thumb{
		width: 100%;
		height: 80px;
		margin-bottom: 0.5em;}

	.single-relattion li .text{
		margin-left: 0;}
}

@media (max-width: 599px){
	.single-relattion{
		padding: 10px;}

	.single-relattion ul{
		padding: 0 0 0 0.5em;}

	.single-relattion li .thumb{
		float: left;
		width: 60px;
		height: 60px;
		background-size: cover;
		background-position: 50% 50%}

	.single-relattion li .text{
		margin-left: 80px;}
}

/* SNS
++--------------------------------------------++*/
.kiji-sns{
	width: 100%;
	text-align: center;
	margin: 1em auto 2em;}

.share_btn{
	display: inline-block;
	text-decoration: none;
	width: 50px;
	height: 50px;
	margin: 1em 0.5em;
	line-height: 50px;
	font-size: 23px;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	transition: .3s;}

@media (min-width: 768px){
	.share_btn{
		margin: 0em 1em;}
}
@media (max-width: 767px){
	.share_btn{
		margin: 0em 0.5em;}
}

.share_btn .fa{
	line-height: 50px;}

.share_btn:hover　{
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.28);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);}

.shtw {
	color: #22b8ff;
	background-image: -webkit-linear-gradient(#aeecff 0%, #57c8ff 100%);
	background-image: linear-gradient(#aeecff 0%, #57c8ff 100%);}

.shfb {
	color: #6183f3;
	background-image: -webkit-linear-gradient(#b5d3ff 0%, #6b8bff 100%);
	background-image: linear-gradient(#b5d3ff 0%, #6b8bff 100%);}

.shline{
	color: #60d245;
	font-size: 16px; font-size: 1.6rem;
	background-image: -webkit-linear-gradient(#b9ffca 0%, #80e067 100%);
	background-image: linear-gradient(#b9ffca 0%, #80e067 100%);}

/*.shinsta{
	color: #F03679;
	background-image: -webkit-linear-gradient(#FCB379 0%, #F274B8 100%);
	background-image: linear-gradient(#FCB379 0%, #F274B8 100%);}*/

.shinsta{
	position: relative;
	/*font-size: 30px; font-size: 3.0rem;*/
	overflow: hidden;
	background-image: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%));
	background-image: linear-gradient(135deg, #75A1FF 0%, #F16F99 70%);}


.shinsta:before{
  content: '';
  position: absolute;/*絶対配置*/
  top: 18px;/*ずらす*/
  left: -35px;/*ずらす*/
  width: 75px;/*グラデーションカバーの幅*/
  height: 75px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#FFE45E 10%, rgba(255, 139, 84, 0.65) 55%, rgba(255, 140, 146, 0) 70%);
  background: radial-gradient(#FFE45E 10%, rgba(255, 139, 84, 0.65) 55%, rgba(255, 140, 146, 0) 70%);}

.shinsta .fa-instagram{
  color: #F7F7FC;
  font-size: 30px; font-size: 3.0rem;
  position: relative;
  z-index: 2;/*グラデーションより前に*/}


/*.shhtb {
	color: #49a8fb;
	background-image: -webkit-linear-gradient(#d2efff 0%, #76befb 100%);
	background-image: linear-gradient(#d2efff 0%, #76befb 100%);}

.shpkt{
	color: #ff6d82;
	background-image: -webkit-linear-gradient(#ffcfd7 0%, #ff7285 100%);
	background-image: linear-gradient(#ffcfd7 0%, #ff7285 100%);}

.shfdly{
	color: #60d245;
	background-image: -webkit-linear-gradient(#b9ffca 0%, #80e067 100%);
	background-image: linear-gradient(#b9ffca 0%, #80e067 100%);}

.shgp{
	color: #ea4158;
	background-image: -webkit-linear-gradient(#ffa8a8 0%, #ff5d5d 100%);
	background-image: linear-gradient(#ffa8a8 0%, #ff5d5d 100%);}*/

.kiji-sns .linefrend{
	width: 150px;
	height: auto;
	padding: 0;
	margin: 2em auto 0;}

.linefrend img{
	margin: 0;
	padding: 0;
	/*margin: 1em auto 0;*/}

/* 限定banner
++--------------------------------------------++*/
.banner-limited{
	margin: 4em 0 2em;
	padding: 0 0 1em;}

.banner-limited p{
	padding: 0;}

.banner-limited a img{
	margin: 0 0 3em;
	padding: .75em 0 0;}

.banner-limited div{
	margin: 0 auto;
	text-align: center;}

/* facebook
++--------------------------------------------++*/
.fb-div{
	margin: 0 auto;
	text-align: center;}

/*.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;}*/