@media only screen and (min-width: 900px) {
.lp-wrap #main .article {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
}


body {
font-family: 'Sawarabi Gothic', sans-serif;
}


.entry-content p,ul,ol {
font-size: 103%;
}


.entry-content h3{
padding: 0.5em;/*文字周りの余白*/
color: #494949 !important;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}


.pagination a, .pagination span{
padding: 7px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}


/* --------- 青 --------- */
.c_box.blue_box{
	background: #fff; /* 背景色 */
}

/* --------- 赤 --------- */
.c_box.red_box{
	background: #fff; /* 背景色 */
}

/* --------- 黄色 --------- */
.c_box.yellow_box{
	background: #fff; /* 背景色 */
}

/* --------- 緑 --------- */
.c_box.green_box{
	background: #fff; /* 背景色 */
}

/* --------- ピンク --------- */
.c_box.pink_box{
	background: #fff; /* 背景色 */
}

/* --------- グレー --------- */
.c_box.glay_box{
	background: #fff; /* 背景色 */
}

/* --------- 黒 --------- */
.c_box.black_box{
	background: #fff; /* 背景色 */
	color: #555; /* 文字色 */
}



/*ツイッター*/
.sns .twitter a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .twitter a:hover{
color: #fff !important;
border: solid 1px #22b8ff !important;
background: #22b8ff !important;
}

/*Facebook*/
.sns .facebook a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .facebook a:hover{
color: #fff !important;
border: solid 1px #6680d8 !important;
background: #6680d8 !important;
}

/*はてブ*/
.sns .hatebu a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .hatebu a:hover{
color: #fff !important;
border: solid 1px #5d8ac1 !important;
background: #5d8ac1 !important;
}

/*Pocket*/
.sns .pocket a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .pocket a:hover{
color: #fff !important;
border: solid 1px #ff6d82 !important;
background: #ff6d82 !important;
}

/*Google+*/
.sns .googleplus a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .googleplus a:hover{
color: #fff !important;
border: solid 1px #6cc655 !important;
background: #6cc655 !important;
}
/*Feedly*/
.sns .feedly a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .feedly a:hover{
color: #fff !important;
border: solid 1px #6cc655 !important;
background: #6cc655 !important;
}

/*line*/
.sns .line a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .line a:hover{
color: #fff !important;
border: solid 1px #5d8ac1 !important;
background: #00B900 !important;
}


.red-shiny a {
display: block;
position: relative;
z-index: 2;
overflow: hidden;
width: 100%;
font-weight: bold ;
border-bottom: solid 5px #f44744 ;
border-radius: 5px;
background-color: #F65E5B ;
color: #ffffff !important;
padding: 12px 0;
text-align: center;
text-decoration: none;
transition: .25s linear;
-webkit-transition: .25s linear;
-moz-transition: .25s linear;
}
.red-shiny {
display: block;
width: 100%;
margin-bottom: 1em;
}
.red-shiny a:hover {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
}
.red-shiny a:before {
display: block;
position: absolute;
z-index: -1;
left: -30%;
top: -50%;
content: "";
width: 30px;
height: 100px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
animation: shiny 2s infinite linear;
-webkit-animation: shiny 2s infinite linear;
-moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-webkit-keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-moz-keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%;}
}


/* リンクカード：ラベルの角を丸く */
.related_article .ttl:before{
content:'関連記事';/* 文字変更 */
width:auto;
padding:0 10px;
background: #ff8c00;/* 色変更 */
border-radius:4px;/* 角を丸く */
}


/*リンクカード内画像サイズ調整*/
.related_article .thum{
width: 28%;/*画像サイズ*/
margin-right:2%;/*画像と文字の隙間*/
}


/*こんな方におすすめリスト*/
.entry-content .setlist{
border-bottom:solid 2px #000;
font-weight:bold;/*文字の太さ*/
padding-bottom:8px;
}

.entry-content .setlist:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
padding-right:5px;
}

.entry-content .setlist2{
border:solid 2px #000;
padding:20px 50px 15px;
text-align:center;
}

.entry-content .setlist2 ul li{
text-align:left;
border-bottom:dotted 1px #000;
padding-bottom:5px;
padding-left:1.2em;
font-size:90%;/*文字の大きさ*/
}

.entry-content .setlist2 ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; 
content:"\f058"; /*アイコンの種類*/
position: absolute;
font-size: 1em; /*アイコンの大きさ*/
left: 0em; /*アイコンの位置*/
line-height:12px; /*行間*/
color: #5ab9ff; /*アイコンの色*/
}

.entry-content .setlist2 ul{
margin-top:2em;
}


/*リンクボタンの色を変更*/
.btn-wrap.simple a {
border: 1px solid #40e0d0;
background: #40e0d0;
color: #fff;
}

/*リンクボタンのほば色を変更*/
.btn-wrap.simple a:hover {
background: #fff;
color:#40e0d0;
border: 1px solid #40e0d0;
}


/*コメントBOX*/
.combox img{
width:40px;
border-radius:50%;
margin:5px 10px 10px 0px;
}

.combox{
border:solid 3px #a7cff3;
border-radius:5px;
}

.comment-text{
display: flex;
align-items: center;
border-bottom: 1px dotted #ccc;
padding-bottom: 1px;
margin:10px 20px 5px;
}

.combox p{
margin-bottom:0;
line-height:18px;
}

.combox .star{
color:#FFB400;
}

.comment-text2{
margin: 0px 20px 10px;
text-align:justify;
}

.comment-text2 p{
line-height:26px;
}


.entry-content h4{
border-bottom: double 5px #ffdab9 !important;
/* 線の種類（二重線）太さ 色 */
border-left: none;
	margin: 30px 0px 20px;
}




/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次タイトルのフォント設定 */
p.toc_title {
font-size:18px;
color:#6bb6ff;
position:relative;
left:-39% !important;
top:10px;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
color:#777;
}

ul.toc_list li a:hover{
color:#f05689;
text-decoration:none;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:16px;
font-weight:normal;
color:#888;
}

.toc_list ul li a:hover {
color:#f05689;
text-decoration:none;
}

span.toc_toggle{
font-size: 14px !important;
}

span.toc_toggle a{
font-size: 14px;
color:#6bb6ff;
}

#toc_container .toc_title::before {
display: inline-block;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
line-height: 50px;
content: "\f0ca";
}

#toc_container .toc_title:before {
display:inline-block; width: 50px;
height: 50px;
border-radius: 50%;
background:#6bb6ff;
margin-right:8px;
}

#toc_container li a{
border-top-width:0px;
line-height:30px;
}
}

@media only screen and (max-width: 766px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#6bb6ff;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
color:#6bb6ff;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
line-height: 2em;
color:#777;
text-decoration:none;
}

ul.toc_list li a:hover{
color:#6bb6ff;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
}