@charset "utf-8";


/* ブログ記事のみ英語の折り返しを許可

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
body{word-wrap:break-word; overflow-wrap:break-word;}

/* 親DIV　ブログを書く際は必ずこれ囲む

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts {}
#blogParts .st1{ background:#444; color:#fff; padding:10px; text-align:center; margin:1em 0;}


/* 見出し

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

#blogParts h2,#blogParts h3,#blogParts h4,#blogParts h5{line-height:1.6;}

#blogParts .tt01{border-bottom:2px solid #333;}
#blogParts .tt02{border-top:1px solid #333;border-bottom:1px solid #333;padding:5px 10px;}
#blogParts .tt03{border-top:3px double #333;border-bottom:3px double #333;padding:5px 10px;}
#blogParts .tt04{border-bottom: 1px solid #333;border-left: 10px solid #333;padding:5px 10px;}
#blogParts .tt05{background:#333;padding:13px 0 10px 10px; color:#fff;}
#blogParts .tt06{border:2px solid #333;padding:10px;}
#blogParts .tt07{border-bottom:2px dotted #333;}
#blogParts .tt08{position:relative; width:100%; color:#333; text-align: center;padding-bottom:0.3em;}
#blogParts .tt08::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image:-webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);	background-position: center; background-repeat: no-repeat;}
#blogParts .tt09{ position:relative; padding:10px 20px;color:#333; border:#333 solid 3px; border-radius:10px; background:#fff;}
#blogParts .tt09:before{ content:" "; position:absolute; top:100%; left:14px; width:0; height:0; border-width:18px; border-style:solid; border-color:transparent; border-top-color:#333;}
#blogParts .tt09:after{ content:" "; position:absolute; bottom:-27px; left:18px; width:0; height:0; border-width:14px; border-style:solid; border-color:transparent; border-top-color:#fff;}
#blogParts .tt10{border:2px solid #c00;padding:10px;}


/* 文字装飾

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/*文字サイズ 上から取消線・下線・点線・二重線 */
#blogParts .fcCancel{text-decoration:line-through; color:#333;}
#blogParts .fcUnderline { border-bottom: solid  1px #c00;}
#blogParts .fcDotline { border-bottom: dotted 1px #c00;}
#blogParts .fcDoubleline { border-bottom: double 3px #c00;}

/*文字サイズ*/
#blogParts .fc10px{font-size:10px;}
#blogParts .fc12px{font-size:12px;}
#blogParts .fc13px{font-size:13px;}
#blogParts .fc14px{font-size:14px;}
#blogParts .fc15px{font-size:15px;}
#blogParts .fc16px{font-size:16px;}
#blogParts .fc18px{font-size:18px;}
#blogParts .fc20px{font-size:20px;}
#blogParts .fc24px{font-size:24px;}
#blogParts .fc26px{font-size:26px;}
#blogParts .fc28px{font-size:28px;}
#blogParts .fc30px{font-size:30px;}
#blogParts .fc32px{font-size:32px;}
#blogParts .fc34px{font-size:34px;}
#blogParts .fc36px{font-size:36px;}
#blogParts .fc38px{font-size:38px;}
#blogParts .fc40px{font-size:40px;}

/* 文字マーカー */
#blogParts .fcLineYellow{position:relative;z-index:1;}
#blogParts .fcLineYellow:before{content:"";width:100%;height:8px;background:#ffdd76;position:absolute;z-index:-1;left:0;border-radius:3px;margin-top:18px;}

/* ボタン

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts .btn { display: inline-block;width: 200px; height: 50px; text-align: center; text-decoration: none;line-height: 50px;outline: none;}
#blogParts .btn::before,#blogParts .btn::after { position: absolute; z-index: -1;display: block;content: '';}
#blogParts .btn,#blogParts .btn::before,#blogParts .btn::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}

/*ホバー*/
#blogParts .btn01 {border:2px solid #333; color: #333;}
#blogParts .btn01:hover { background-color: #333; color: #fff;}

/* ライン

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/*上線*/
#blogParts .lineT1{border-top:1px solid #333;}
#blogParts .lineT2{border-top:2px solid #333;}
#blogParts .lineT3{border-top:3px solid #333;}
#blogParts .lineT4{border-top:4px solid #333;}
#blogParts .lineT5{border-top:5px solid #333;}
/*上線　ドット*/
#blogParts .lineTd1{border-top:1px dotted #333;}
#blogParts .lineTd2{border-top:2px dotted #333;}
#blogParts .lineTd3{border-top:3px dotted #333;}
#blogParts .lineTd4{border-top:4px dotted #333;}
#blogParts .lineTd5{border-top:5px dotted #333;}
/*下線*/
#blogParts .lineB1{border-bottom:1px solid #333;margin:10px 0;}
#blogParts .lineB2{border-bottom:2px solid #333;margin:10px 0;}
#blogParts .lineB3{border-bottom:3px solid #333;margin:10px 0;}
#blogParts .lineB4{border-bottom:4px solid #333;margin:10px 0;}
#blogParts .lineB5{border-bottom:5px solid #333;margin:10px 0;}
/*下線　ドット*/
#blogParts .lineBd1{border-bottom:1px dotted #333;margin:10px 0;}
#blogParts .lineBd2{border-bottom:2px dotted #333;margin:10px 0;}
#blogParts .lineBd3{border-bottom:3px dotted #333;margin:10px 0;}
#blogParts .lineBd4{border-bottom:4px dotted #333;margin:10px 0;}
#blogParts .lineBd5{border-bottom:5px dotted #333;margin:10px 0;}

/* リスト

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts li {list-style:none;}
/* マーク無し */
#blogParts ul.iNoneList li { position: relative;list-style-type:none;}
/* 初期（円形） */
#blogParts ul.normalList li { position: relative;list-style-type: disc;}
/* - ライン*/
#blogParts ul.lineList li { position: relative;}
#blogParts ul.lineList li::after {	display: block;	content: '';position: absolute;	top: .65em;	left: -1em;	width: 8px;	height: 1px;background-color: #666;}
/* > 矢印*/
#blogParts ul.arrowList li {position: relative;}
#blogParts ul.arrowList li::after {display: block;content: '';position: absolute;top: .5em;left: -1em;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/* チェック*/
#blogParts ul.checkList li { position: relative;}
#blogParts ul.checkList li::after {display: block;content: '';position: absolute;top: .5em;left: -1em;width: 8px;height: 3px;border-left: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/* まるばつ*/
#blogParts ul.marubatuList li{ position:relative;}
#blogParts ul.marubatuList .maru:after{ content:'';  display:block;  position:absolute;  top:3px;  left: -1em;  border-radius:30px; height:7px;  width:7px;  border:3px solid #666;}
#blogParts ul.marubatuList .batu:before, .marubatuList .batu:after{ content:'';  display:block;  position:absolute;  top:8px;  left: -1em; height:4px;  width:14px;  background:#666;  transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
#blogParts ul.marubatuList .batu:after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}

/* table

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts table.tb01{width: 100%; }
#blogParts table.tb01 tr{ border: 1px solid #ddd;}
#blogParts table.tb01 th, section td { padding: 10px; box-sizing: border-box; vertical-align: middle;}
#blogParts table.tb01 th { background: #f4f4f4;border-right: 1px solid #ddd; }
 
/* table 縦一列 */
#blogParts table.tb01 th  { width: 30%; text-align: left; }
@media only screen and (max-width:767px){
   	#blogParts table.tb01 { margin: 0; }
    #blogParts table.tb01 th, #blogParts table.tb01 td{ width: 100%; display: block; border-top: none;}
	#blogParts table th { border-right:none;  border-bottom: 1px solid #ddd; }
}

/* H2タグ ボーダー版 */
#blogParts h2.border {border:solid #000;border-width:1px 0;padding:10px 0;}

/* YouTube埋め込み用タグ */
#blogParts .movie { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:0 0 10px 0;}
#blogParts .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.sen{text-decoration: line-through;}
.moji{color: #e61846; font-size: 20px;}
.moji2{font-size: 20px;}


/* リンク

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts .link01{text-decoration:underline; color:#618CAA;}
#blogParts .link01:hover{color:#436276;}

/* シェアボタン（テスト）

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/


/******************************
 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい
******************************/
.social-area-syncer { width:100%; min-height:190px;padding: 1.5em 0;}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer { min-height: 119px;}
}

/* スマホ */
ul.social-button-syncer { width: 238px ; margin: 24px auto ; padding: 0 ; border: none ; list-style-type: none;}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {width: 410px ;}
}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li { float: left ; text-align: center ; height: 71px ; margin: 0 8px ; padding:0;}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw { width: 71px;}
.sc-tw svg { width: 30px ; height: 30px;}
.sc-tw a { height: 56px ; margin: 0 auto ; padding-top: 6px ; display: block ; background: #1B95E0 ; font-size: 12px ; color: #fff ; font-weight: 700 ; text-decoration: none ; letter-spacing: .5px ; border-radius: 2px;}
.sc-tw a:hover { color: #fff ; background: #0c7abf;}
.sc-tw span:before { white-space: pre ; content: '\A';}

/* [Facebook] */
.sc-fb { z-index: 99 ; width: 69px;}
/* [LINE] */
.sc-li { width: 50px;}
.sc-li-img { border: none ; margin: 0 auto ; padding:0 ; width: 36px ; height: 60px;}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) { 
	.sc-li { display: none;}
}


/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#blogParts .lineH16{ line-height:1.6;}
#blogParts .lineH3{ line-height:3;}
#blogParts .lineH5{ line-height:5;}
#blogParts .lineH10{ line-height:10;}
#blogParts .textDec{ text-decoration:underline;}
#blogParts .textC, #blogParts .alignC { text-align: center!important;}
#blogParts .textR, #blogParts .alignR { text-align: right!important;}
#blogParts .textL, #blogParts .alignL { text-align: left!important;}
@media screen and (max-width: 767px){ 
	#blogParts .textC{ text-align: left!important;}
}
#blogParts .bold { font-weight:bold;}
#blogParts .nomarl { font-weight: normal;}
#blogParts .small { font-size: 90%;}
#blogParts .fs30 { font-size: 30px;}
#blogParts .fs80 { font-size: 12px;}
#blogParts .fs90 { font-size: 14px;}
#blogParts .fs100 { font-size: 20px;}
#blogParts .fs120 { font-size: 22px;}
#blogParts .fs150 { font-size: 24px;}
/* 文字色 */
#blogParts .fcWhite { color: #fff !important;}
#blogParts .fcRed { color: #c00 !important;}
#blogParts .fcGray { color: #333 !important;}
#blogParts .fcLgBl { color:#618CAA !important;}
#blogParts .fcGreen{ color:#1D533D !important;}
#blogParts .fcBl { color:#033E8A !important;}
#blogParts .fcOrange { color:#ff8c00 !important;}
#blogParts .fcGold { color:#b8860b !important;}
#blogParts .fcPurple { color:#5E4771 !important;}
#blogParts .fcBrown { color:#79552A !important;}

#blogParts .bgGreen{ background:#1D533D !important;}
#blogParts .bgLgBl {background:#8BBECE !important;}
#blogParts .bgGray {background:#aaa !important;}
#blogParts .noBlock { display: inline-block;}
#blogParts .w100 { width: 100%;}
#blogParts .hide { display: none!important;}
#blogParts .show { display: inherit;}
#blogParts .hidden { visibility: hidden!important;}
#blogParts .visible { visibility: inherit;}
td>p { margin-bottom: 1em;}
td>p:last-child { margin-bottom: 0;}
#blogParts .pd0 { padding: 0!important;}
#blogParts .pd1 { padding: 1em!important;}
#blogParts .pd2 { padding: 2em!important;}
#blogParts .pd3 { padding: 3em!important;}
#blogParts .pd4 { padding: 4em!important;}
#blogParts .pd5 { padding: 5em!important;}
#blogParts .pd10 { padding: 10px!important;}
#blogParts .pd15 {	padding: 15px!important;}
#blogParts .pd20 {	padding: 20px!important;}
#blogParts .pd25 {	padding: 25px!important;}
#blogParts .pd30 {	padding: 30px!important;}
#blogParts .pd35 {	padding: 35px!important;}
#blogParts .pd40 {	padding: 40px!important;}
#blogParts .pd45 {	padding: 45px!important;}
#blogParts .pd50 {	padding: 50px!important;}
#blogParts .pd55 {	padding: 55px!important;}
#blogParts .pd60 {	padding: 60px!important;}
#blogParts .pdt0 {	padding-top: 0!important;}
#blogParts .pdt1 {	padding-top: 1em!important;}
#blogParts .pdt2 {	padding-top: 2em!important;}
#blogParts .pdt3 {	padding-top: 3em!important;}
#blogParts .pdt4 {	padding-top: 4em!important;}
#blogParts .pdt5 {	padding-top: 5em!important;}
#blogParts .pdt10 { padding-top: 10px!important;}
#blogParts .pdt15 { padding-top: 15px!important;}
#blogParts .pdt20 { padding-top: 20px!important;}
#blogParts .pdt25 { padding-top: 25px!important;}
#blogParts .pdt30 { padding-top: 30px!important;}
#blogParts .pdt35 { padding-top: 35px!important;}
#blogParts .pdt40 { padding-top: 40px!important;}
#blogParts .pdt45 { padding-top: 45px!important;}
#blogParts .pdt50 { padding-top: 50px!important;}
#blogParts .pdt55 { padding-top: 55px!important;}
#blogParts .pdt60 { padding-top: 60px!important;}
#blogParts .pdr0 { padding-right: 0!important;}
#blogParts .pdr1 { padding-right: 1em!important;}
#blogParts .pdr2 { padding-right: 2em!important;}
#blogParts .pdr3 { padding-right: 3em!important;}
#blogParts .pdr4 { padding-right: 4em!important;}
#blogParts .pdr5 {	padding-right: 5em!important;}
#blogParts .pdr10 { padding-right: 10px!important;}
#blogParts .pdr15 { padding-right: 15px!important;}
#blogParts .pdr20 { padding-right: 20px!important;}
#blogParts .pdr25 { padding-right: 25px!important;}
#blogParts .pdr30 { padding-right: 30px!important;}
#blogParts .pdr35 { padding-right: 35px!important;}
#blogParts .pdr40 { padding-right: 40px!important;}
#blogParts .pdr45 { padding-right: 45px!important;}
#blogParts .pdr50 { padding-right: 50px!important;}
#blogParts .pdr55 { padding-right: 55px!important;}
#blogParts .pdr60 { padding-right: 60px!important;}
#blogParts .pdb0 { padding-bottom: 0!important;}
#blogParts .pdb1 {	padding-bottom: 1em!important;}
#blogParts .pdb2 { padding-bottom: 2em!important;}
#blogParts .pdb3 {	padding-bottom: 3em!important;}
#blogParts .pdb4 {	padding-bottom: 4em!important}
#blogParts .pdb5 { padding-bottom: 5em!important;}
#blogParts .pdb10 { padding-bottom: 10px!important;}
#blogParts .pdb15 { padding-bottom: 15px!important;}
#blogParts .pdb20 { padding-bottom: 20px!important;}
#blogParts .pdb25 { padding-bottom: 25px!important;}
#blogParts .pdb30 { padding-bottom: 30px!important;}
#blogParts .pdb35 { padding-bottom: 35px!important;}
#blogParts .pdb40 { padding-bottom: 40px!important;}
#blogParts .pdb45 { padding-bottom: 45px!important;}
#blogParts .pdb50 { padding-bottom: 50px!important;}
#blogParts .pdb55 { padding-bottom: 55px!important;}
#blogParts .pdb60 { padding-bottom: 60px!important;}
#blogParts .pdl0 { padding-left: 0!important;}
#blogParts .pdl1 { padding-left: 1em!important;}
#blogParts .pdl2 { padding-left: 2em!important;}
#blogParts .pdl3 { padding-left: 3em!important;}
#blogParts .pdl4 { padding-left: 4em!important;}
#blogParts .pdl5 { padding-left: 5em!important;}
#blogParts .pdl10 { padding-left: 10px!important;}
#blogParts .pdl15 { padding-left: 15px!important;}
#blogParts .pdl20 { padding-left: 20px!important;}
#blogParts .pdl25 { padding-left: 25px!important;}
#blogParts .pdl30 { padding-left: 30px!important;}
#blogParts .pdl35 { padding-left: 35px!important;}
#blogParts .pdl40 { padding-left: 40px!important;}
#blogParts .pdl45 { padding-left: 45px!important;}
#blogParts .pdl50 { padding-left: 50px!important;}
#blogParts .pdl55 { padding-left: 55px!important;}
#blogParts .pdl60 { padding-left: 60px!important;}
#blogParts .mg0 { margin: 0!important;}
#blogParts .mg1 { margin: 1px!important;}
#blogParts .mg2 { margin: 2px!important;}
#blogParts .mg3 { margin: 3px!important;}
#blogParts .mg4 { margin: 4px!important;}
#blogParts .mg10 { margin: 10px!important;}
#blogParts .mg15 { margin: 15px!important;}
#blogParts .mg20 { margin: 20px!important;}
#blogParts .mg25 { margin: 25px!important;}
#blogParts .mg30 { margin: 30px!important;}
#blogParts .mg35 { margin: 35px!important;}
#blogParts .mg40 { margin: 40px!important;}
#blogParts .mg45 { margin: 45px!important;}
#blogParts .mg50 { margin: 50px!important;}
#blogParts .mg55 { margin: 55px!important;}
#blogParts .mg60 { margin: 60px!important;}
#blogParts .mgt0 { margin-top: 0!important;}
#blogParts .mgt1 { margin-top: 1em!important;}
#blogParts .mgt2 { margin-top: 2em!important;}
#blogParts .mgt3 { margin-top: 3em!important;}
#blogParts .mgt4 { margin-top: 4em!important;}
#blogParts .mgt5 { margin-top: 5em!important;}
#blogParts .mgt10 { margin-top: 10px!important;}
#blogParts .mgt15 { margin-top: 15px!important;}
#blogParts .mgt20 { margin-top: 20px!important;}
#blogParts .mgt25 { margin-top: 25px!important;}
#blogParts .mgt30 { margin-top: 30px!important;}
#blogParts .mgt35 { margin-top: 35px!important;}
#blogParts .mgt40 { margin-top: 40px!important;}
#blogParts .mgt45 { margin-top: 45px!important;}
#blogParts .mgt50 { margin-top: 50px!important;}
#blogParts .mgt55 { margin-top: 55px!important;}
#blogParts .mgt60 { margin-top: 60px!important;}
#blogParts .mgr0 { margin-right: 0!important;}
#blogParts .mgr1 { margin-right: 1em!important;}
#blogParts .mgr2 { margin-right: 2em!important;}
#blogParts .mgr3 { margin-right: 3em!important;}
#blogParts .mgr4 { margin-right: 4em!important;}
#blogParts .mgr5 { margin-right: 5em!important;}
#blogParts .mgr10 { margin-right: 10px!important;}
#blogParts .mgr15 { margin-right: 15px!important;}
#blogParts .mgr20 { margin-right: 20px!important;}
#blogParts .mgr25 { margin-right: 25px!important;}
#blogParts .mgr30 { margin-right: 30px!important;}
#blogParts .mgr35 { margin-right: 35px!important;}
#blogParts .mgr40 { margin-right: 40px!important;}
#blogParts .mgr45 { margin-right: 45px!important;}
#blogParts .mgr50 { margin-right: 50px!important;}
#blogParts .mgr55 { margin-right: 55px!important;}
#blogParts .mgr60 { margin-right: 60px!important;}
#blogParts .mgb0 { margin-bottom: 0!important;}
#blogParts .mgb1 { margin-bottom: 1em!important;}
#blogParts .mgb2 { margin-bottom: 2em!important;}
#blogParts .mgb3 { margin-bottom: 3em!important;}
#blogParts .mgb4 { margin-bottom: 4em!important;}
#blogParts .mgb5 { margin-bottom: 5em!important;}
#blogParts .mgb6 { margin-bottom: 6em!important;}
#blogParts .mgb7 { margin-bottom: 7em!important;}
#blogParts .mgb8 { margin-bottom: 8em!important;}
#blogParts .mgb10 { margin-bottom: 10px!important;}
#blogParts .mgb15 { margin-bottom: 15px!important;}
#blogParts .mgb20 { margin-bottom: 20px!important;}
#blogParts .mgb25 { margin-bottom: 25px!important;}
#blogParts .mgb30 { margin-bottom: 30px!important;}
#blogParts .mgb35 { margin-bottom: 35px!important;}
#blogParts .mgb40 { margin-bottom: 40px!important;}
#blogParts .mgb45 { margin-bottom: 45px!important;}
#blogParts .mgb50 { margin-bottom: 50px!important;}
#blogParts .mgb55 { margin-bottom: 55px!important;}
#blogParts .mgb60 { margin-bottom: 60px!important;}
#blogParts .mgl0 { margin-left: 0!important;}
#blogParts .mgl1 { margin-left: 1em!important;}
#blogParts .mgl2 { margin-left: 2em!important;}
#blogParts .mgl3 { margin-left: 3em!important;}
#blogParts .mgl4 { margin-left: 4em!important;}
#blogParts .mgl5 { margin-left: 5em!important;}
#blogParts .mgl10 { margin-left: 10px!important;}
#blogParts .mgl15 { margin-left: 15px!important;}
#blogParts .mgl20 { margin-left: 20px!important;}
#blogParts .mgl25 { margin-left: 25px!important;}
#blogParts .mgl30 { margin-left: 30px!important;}
#blogParts .mgl35 { margin-left: 35px!important;}
#blogParts .mgl40 { margin-left: 40px!important;}
#blogParts .mgl45 { margin-left: 45px!important;}
#blogParts .mgl50 { margin-left: 50px!important;}
#blogParts .mgl55 { margin-left: 55px!important;}
#blogParts .mgl60 { margin-left: 60px!important;}