@charset "UTF-8";



/*----------------------------------------------------

  ブログ投稿のテンプレート

----------------------------------------------------*/



/* --------  680〜　PC調整   --------*/
@media screen and ( min-width:680px) {


/*　画像の幅・高さの設定をリセット WPで指定した画像サイズに合わせる　*/
.single-post .blog-left-box .blog-content .blog-content-main img,
.single-post .hp-blog-main .hp-blog-main-inner img {
	width:auto;
	height:auto;
}
/*　画像ホバー時の設定（リンク・拡大表示など）　*/
.single-post .blog-left-box .blog-content .blog-content-main a:hover img,
.single-post .hp-blog-main .hp-blog-main-inner a:hover img {
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
}

/*　テキスト下部の余白　pタグ連続による段落ごとの余白　*/
.single-post .blog-left-box .blog-content .blog-content-main p,
.single-post .hp-blog-main .hp-blog-main-inner p {
	padding-bottom:20px;
}


/*----------------------------------------------------
   画像を入れる場合の設定
----------------------------------------------------*/
/*　画像位置設定　*/
.single-post .blog-left-box .blog-content .blog-content-main figure,
.single-post .hp-blog-main .hp-blog-main-inner figure {
	margin:20px auto 35px!important;
	text-align:center;
}
/*　画像キャプション　*/
.single-post .blog-left-box .blog-content .blog-content-main figcaption,
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption-text,
.single-post .hp-blog-main .hp-blog-main-inner figcaption,
.single-post .hp-blog-main .hp-blog-main-inner .wp-caption-text {
	font-size:13px;
	color:#666;
	padding-top:3px;
	text-align:center;
	padding-bottom:0!important;
	margin:0 auto;
	max-width:100%;
	line-height:1.3;
}

/*.single-post .blog-left-box .blog-content .blog-content-main .blog-write-img {
	margin:20px auto 35px;
	text-align:center;
}
.single-post .blog-left-box .blog-content .blog-content-main p.blog-write-img {
	margin:20px auto 25px;
	text-align:center;
}
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.aligncenter .blog-write-img {
	margin:0px auto ;
	text-align:center;
}
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.aligncenter a.blog-write-img {
	display:block;
	text-align:center;
}*/

/*　画像　配置指定なし（中央配置にする）　*/
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.alignnone,
.single-post .hp-blog-main .hp-blog-main-inner .wp-caption.alignnone {
	margin:20px auto 25px;
}
/*　画像　中央配置にする　*/
.single-post .hp-blog-main .hp-blog-main-inner p img.aligncenter {
	margin:20px auto 25px;
	display: block;
}

/*　画像　配置指定なし　*/
/*.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.alignnone a.blog-write-img,
.single-post .blog-left-box .blog-content .blog-content-main figure.wp-block-image a.blog-write-img.fancybox  {
	margin:0 auto;
}*/
/* --------  〜679　スマホ調整   --------*/
@media screen and ( max-width:679px) {
/*　画像キャプションのテキスト　*/
.single-post .blog-left-box .blog-content .blog-content-main figcaption,
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption-text,
.single-post .hp-blog-main .hp-blog-main-inner figcaption,
.single-post .hp-blog-main .hp-blog-main-inner .wp-caption-text {
	font-size:12px;
}
.single-post .hp-blog-main .hp-blog-main-inner .alignnone {
	width: auto;
	height: auto;
}
/*.single-post .blog-left-box .blog-content .blog-content-main .blog-write-img {
	margin:20px auto 20px;
	text-align:center;
}
.single-post .blog-left-box .blog-content .blog-content-main p.blog-write-img {
	margin:20px auto 0px;
	text-align:center;
}*/
}


/*----------------------------------------------------
   テキスト設定
----------------------------------------------------*/

/*　テキスト　h1〜h6とpタグ　*/
.single-post .blog-left-box .blog-content .blog-content-main h1,
.single-post .blog-left-box .blog-content .blog-content-main h2,
.single-post .blog-left-box .blog-content .blog-content-main h3,
.single-post .blog-left-box .blog-content .blog-content-main h4,
.single-post .blog-left-box .blog-content .blog-content-main h5,
.single-post .blog-left-box .blog-content .blog-content-main h6,
.single-post .blog-left-box .blog-content .blog-content-main p,
.single-post .hp-blog-main .hp-blog-main-inner h1,
.single-post .hp-blog-main .hp-blog-main-inner h2,
.single-post .hp-blog-main .hp-blog-main-inner h3,
.single-post .hp-blog-main .hp-blog-main-inner h4,
.single-post .hp-blog-main .hp-blog-main-inner h5,
.single-post .hp-blog-main .hp-blog-main-inner h6,
.single-post .hp-blog-main .hp-blog-main-inner p {
	color:#3f2710;
	padding-bottom:20px;
}
/*　リスト表示の ul と ol　*/
.single-post .blog-left-box .blog-content .blog-content-main ul,
.single-post .blog-left-box .blog-content .blog-content-main ol,
.single-post .hp-blog-main .hp-blog-main-inner ul,
.single-post .hp-blog-main .hp-blog-main-inner ol {
	margin-bottom:20px;
	margin-left:30px;
}
/*　リスト表示の li　*/
.single-post .blog-left-box .blog-content .blog-content-main ul li,
.single-post .blog-left-box .blog-content .blog-content-main ol li,
.single-post .hp-blog-main .hp-blog-main-inner ul li,
.single-post .hp-blog-main .hp-blog-main-inner ol li {
	padding-bottom:5px;
}
/*　リスト表示の li の最後の要素のスタイル　*/
.single-post .blog-left-box .blog-content .blog-content-main ul li:last-child,
.single-post .blog-left-box .blog-content .blog-content-main ol li:last-child,
.single-post .hp-blog-main .hp-blog-main-inner ul li:last-child,
.single-post .hp-blog-main .hp-blog-main-inner ol li:last-child {
	padding-bottom:0px;
}
/*　リストデフォルト　*/
.single-post .blog-left-box .blog-content .blog-content-main ul li,
.single-post .hp-blog-main .hp-blog-main-inner ul li {
	list-style:disc;
}
/*　順番リストデフォルト　*/
.single-post .blog-left-box .blog-content .blog-content-main ol li,
.single-post .hp-blog-main .hp-blog-main-inner ol li {
	list-style:decimal;
}

/*　リスト表示　黒丸　*/
.single-post .blog-left-box .blog-content .blog-content-main ul.disc li,
.single-post .hp-blog-main .hp-blog-main-inner ul.disc li {
	list-style:disc;
}
/*　リスト表示　白丸　*/
.single-post .blog-left-box .blog-content .blog-content-main ul.circle li,
.single-post .hp-blog-main .hp-blog-main-inner ul.circle li {
	list-style:circle;
}
/*　リスト表示　黒四角　*/
.single-post .blog-left-box .blog-content .blog-content-main ul.square li,
.single-post .hp-blog-main .hp-blog-main-inner ul.square li {
	list-style:square;
}
/*　リスト表示　算用数字　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.number li,
.single-post .hp-blog-main .hp-blog-main-inner ol.number li {
	list-style:decimal;
}
/*　リスト表示　小文字のアルファベット　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.lower-alpha li,
.single-post .hp-blog-main .hp-blog-main-inner ol.lower-alpha li {
	list-style:lower-alpha;
}
/*　リスト表示　小文字のギリシャ文字　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.lower-greek li,
.single-post .hp-blog-main .hp-blog-main-inner ol.lower-greek li {
	list-style:lower-greek;
}
/*　リスト表示　小文字のローマ数字　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.lower-roman li,
.single-post .hp-blog-main .hp-blog-main-inner ol.lower-roman li {
	list-style:lower-roman;
}
/*　リスト表示　大文字のアルファベット　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.upper-alpha li,
.single-post .hp-blog-main .hp-blog-main-inner ol.upper-alpha li {
	list-style:upper-alpha;
}
/*　リスト表示　大文字のローマ数字　*/
.single-post .blog-left-box .blog-content .blog-content-main ol.upper-roman li,
.single-post .hp-blog-main .hp-blog-main-inner ol.upper-roman li {
	list-style:upper-roman;
}
/*　テキストリンク　*/
.single-post .blog-left-box .blog-content .blog-content-main a,
.single-post .hp-blog-main .hp-blog-main-inner a {
	display:inline-block;
	color:#C00;
	font-weight:bold;
	text-decoration:underline!important;
}
/* --------  680〜　PC調整   --------*/
@media screen and ( min-width:680px) {
/*　PC　テキストサイズ　h1　*/
.single-post .blog-left-box .blog-content .blog-content-main h1,
.single-post .hp-blog-main .hp-blog-main-inner h1 {
	font-size:23px;
}
/*　PC　テキストサイズ　h2　*/
.single-post .blog-left-box .blog-content .blog-content-main h2,
.single-post .hp-blog-main .hp-blog-main-inner h2 {
	font-size:22px;
}
/*　PC　テキストサイズ　h3　*/
.single-post .blog-left-box .blog-content .blog-content-main h3,
.single-post .hp-blog-main .hp-blog-main-inner h3 {
	font-size:20px;
}
/*　PC　テキストサイズ　h4　*/
.single-post .blog-left-box .blog-content .blog-content-main h4,
.single-post .hp-blog-main .hp-blog-main-inner h4 {
	font-size:19px;
}
/*　PC　テキストサイズ　h5　*/
.single-post .blog-left-box .blog-content .blog-content-main h5,
.single-post .hp-blog-main .hp-blog-main-inner h5 {
	font-size:18px;
}
/*　PC　テキストサイズ　h6　*/
.single-post .blog-left-box .blog-content .blog-content-main h6,
.single-post .hp-blog-main .hp-blog-main-inner h6 {
	font-size:17px;
}
/*　テキストリンクホバー色変更　*/
.single-post .blog-left-box .blog-content .blog-content-main a:hover,
.single-post .hp-blog-main .hp-blog-main-inner a:hover {
	color:#FF0000;
}
}

/* --------  〜679　スマホ調整   --------*/
@media screen and ( max-width:679px) {
/*　スマホ　テキストサイズ　h1　*/
.single-post .blog-left-box .blog-content .blog-content-main h1,
.single-post .hp-blog-main .hp-blog-main-inner h1 {
	font-size:20px;
}
/*　スマホ　テキストサイズ　h2　*/
.single-post .blog-left-box .blog-content .blog-content-main h2,
.single-post .hp-blog-main .hp-blog-main-inner h2 {
	font-size:19px;
}
/*　スマホ　テキストサイズ　h3　*/
.single-post .blog-left-box .blog-content .blog-content-main h3,
.single-post .hp-blog-main .hp-blog-main-inner h3 {
	font-size:18px;
}
/*　スマホ　テキストサイズ　h4　*/
.single-post .blog-left-box .blog-content .blog-content-main h4,
.single-post .hp-blog-main .hp-blog-main-inner h4 {
	font-size:17px;
}
/*　スマホ　テキストサイズ　h5　*/
.single-post .blog-left-box .blog-content .blog-content-main h5,
.single-post .hp-blog-main .hp-blog-main-inner h5 {
	font-size:16px;
}
/*　スマホ　テキストサイズ　h6　*/
.single-post .blog-left-box .blog-content .blog-content-main h6,
.single-post .hp-blog-main .hp-blog-main-inner h6 {
	font-size:15px;
}
}


/*----------------------------------------------------
   sec01　投稿内容
----------------------------------------------------*/
/*　テキスト　h1〜h6とpタグ　*/
/*.single-post #sec01 .blog-left-box h1,
.single-post #sec01 .blog-left-box h2,
.single-post #sec01 .blog-left-box h3,
.single-post #sec01 .blog-left-box h4,
.single-post #sec01 .blog-left-box h5,
.single-post #sec01 .blog-left-box h6,
.single-post #sec01 .blog-left-box p {
	color:#3f2710;
	padding-bottom:20px;
}*/
/* --------  680〜　PC調整   --------*/
@media screen and ( min-width:680px) {
}

/* --------  〜679　スマホ調整   --------*/
@media screen and ( max-width:679px) {
/*　投稿部分の大枠　*/
.single-post .blog-left-box .blog-content .blog-content-main,
.single-post .hp-blog-main .hp-blog-main-inner {
	box-sizing:border-box;
}
}









/*----------------------------------------------------
 回り込み
-------------------------------------------------------*/

/*　　*/
/*.single-post .blog-left-box .blog-content .blog-content-main img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}*/

/*　画像右寄せ　*/
.single-post .blog-left-box .blog-content .blog-content-main .alignright,
.single-post .hp-blog-main .hp-blog-main-inner .alignright {
	float: right;
	margin-left:3%;
	margin-bottom:20px;
}

/*　画像左寄せ　*/
.single-post .blog-left-box .blog-content .blog-content-main .alignleft,
.single-post .hp-blog-main .hp-blog-main-inner .alignleft {
	float: left;
	margin-right:3%;
	margin-bottom:20px;
}
/*.single-post .blog-left-box .blog-content .blog-content-main .alignleft .blog-write-img,
.single-post .blog-left-box .blog-content .blog-content-main .alignright .blog-write-img {
	margin:0 auto;
}
.single-post .blog-left-box .blog-content .blog-content-main .alignleft.blog-write-img,
.single-post .blog-left-box .blog-content .blog-content-main .alignright.blog-write-img {
	margin:0 3% 20px 0;
}*/

/*　画像左寄せ（リンク付き）の a タグ　*/
.single-post .blog-left-box .blog-content .blog-content-main .blog-alignleft-link,
.single-post .hp-blog-main .hp-blog-main-inner .blog-alignleft-link {
	float:left;
	margin-right:3%;
	margin-bottom:20px;
}
/*　画像右寄せ（リンク付き）の a タグ　*/
.single-post .blog-left-box .blog-content .blog-content-main .blog-alignright-link,
.single-post .hp-blog-main .hp-blog-main-inner .blog-alignright-link {
	float: right;
	margin-left:3%;
	margin-bottom:20px;
}
/*　画像中央寄せ（リンク付き）の a タグ　*/
.single-post .blog-left-box .blog-content .blog-content-main .blog-aligncenter-link,
.single-post .hp-blog-main .hp-blog-main-inner .blog-aligncenter-link {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
/*　画像中央寄せ（キャプションあり）　*/
.single-post .blog-left-box .blog-content .blog-content-main div.wp-caption.aligncenter,
.single-post .hp-blog-main .hp-blog-main-inner div.wp-caption.aligncenter {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.single-post .hp-blog-main .hp-blog-main-inner div.wp-caption.aligncenter {
	margin-bottom: 25px;
}



/* --------  〜679　スマホ調整   --------*/
@media screen and ( max-width:679px) {
/*　画像左寄せ右寄せ指定を解除　*/
.single-post .blog-left-box .blog-content .blog-content-main .alignright,
.single-post .blog-left-box .blog-content .blog-content-main .alignleft,
.single-post .hp-blog-main .hp-blog-main-inner .alignright,
.single-post .hp-blog-main .hp-blog-main-inner .alignleft {
	float: none;
	margin-left:0!important;
	margin-right:0!important;
	margin-bottom:0px;
	width:auto;
	height:auto;
}
.single-post .blog-left-box .blog-content .blog-content-main p span.sp-img-box,
.single-post .blog-left-box .blog-content .blog-content-main p span.sp-img-box,
.single-post .hp-blog-main .hp-blog-main-inner p span.sp-img-box,
.single-post .hp-blog-main .hp-blog-main-inner p span.sp-img-box {
	display:block;
	text-align:center;
	margin-bottom:20px;
}
/*　画像左寄せ右寄せ（キャプションあり）の下部余白　*/
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.alignright,
.single-post .blog-left-box .blog-content .blog-content-main .wp-caption.alignleft,
.single-post .hp-blog-main .hp-blog-main-inner .wp-caption.alignright,
.single-post .hp-blog-main .hp-blog-main-inner .wp-caption.alignleft {
	margin-bottom:20px;
}
/*　画像左寄せ（リンク付き）の a タグ　*/
.single-post .blog-left-box .blog-content .blog-content-main .blog-alignleft-link ,
.single-post .blog-left-box .blog-content .blog-content-main .blog-alignright-link,
.single-post .hp-blog-main .hp-blog-main-inner .blog-alignleft-link ,
.single-post .hp-blog-main .hp-blog-main-inner .blog-alignright-link {
	float:none;
	display:block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}
.single-post .blog-left-box .blog-content .blog-content-main div.wp-caption.alignright,
.single-post .blog-left-box .blog-content .blog-content-main div.wp-caption.alignleft,
.single-post .hp-blog-main .hp-blog-main-inner div.wp-caption.alignright,
.single-post .hp-blog-main .hp-blog-main-inner div.wp-caption.alignleft {
	float: none;
	margin-left:auto!important;
	margin-right:auto!important;
}
}






/*----------------------------------------------------
 SNSボタン
-------------------------------------------------------*/

/*　ボタンを囲むpタグ共通設定　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-twitter-linkbtn,
.single-post .hp-blog-main .hp-blog-main-inner .sns-twitter-linkbtn {
	text-align: center;
}
/*　ボタンリンクaタグ共通設定　ボタンの見た目・幅を設定　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-linkbtn a {
	text-align: center;
	display: block;
	width: 65%;
	box-sizing: border-box;
	border-radius: 5px;
	color: #FFF;
	text-decoration: none!important;
	margin: 0 auto 15px;
}
/*　ボタンのテキスト部分共通設定　フォントカラー・SNS画像・余白を設定　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-linkbtn a span,
.single-post .hp-blog-main .hp-blog-main-inner .sns-linkbtn a span {
	display: inline-block;
	padding: 10px 30px;
	box-sizing: border-box;
	color: #FFF;
	text-decoration: none!important;
	background-size: 20px auto;
	background-position: left center;
	background-repeat: no-repeat;
}
/*　ボタンの背景色　twitter　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-twitter-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-twitter-linkbtn a {
	background-color: #1da1f2;
}
/*　ボタンの背景色　facebook　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-facebook-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-facebook-linkbtn a {
	background-color: #1877f2;
}
/*　ボタンの背景色　instagram　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-instagram-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-instagram-linkbtn a {
	background-color: #d72f83;
}
/*　ボタンのSNS画像　twitter　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-twitter-linkbtn a span,
.single-post .hp-blog-main .hp-blog-main-inner .sns-twitter-linkbtn a span {
	background-image: url("../img/sns_t_white.png");
}
/*　ボタンのSNS画像　facebook　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-facebook-linkbtn a span,
.single-post .hp-blog-main .hp-blog-main-inner .sns-facebook-linkbtn a span {
	background-image: url("../img/sns_f_white.png");
}
/*　ボタンのSNS画像　instagram　*/
.single-post .blog-left-box .blog-content .blog-content-main .sns-instagram-linkbtn a span,
.single-post .hp-blog-main .hp-blog-main-inner .sns-instagram-linkbtn a span {
	background-image: url("../img/sns_i_white.png");
}

/* --------  680〜830　タブレット〜PC調整   --------*/
@media screen and (min-width:680px) and ( max-width:830px) {
.single-post .blog-left-box .blog-content .blog-content-main .sns-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-linkbtn a {
	width: 90%;
}
}

/* --------  〜679　スマホ調整   --------*/
@media screen and ( max-width:679px) {
.single-post .blog-left-box .blog-content .blog-content-main .sns-linkbtn a,
.single-post .hp-blog-main .hp-blog-main-inner .sns-linkbtn a {
	width: 90%;
}
}