@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font-family:Helvetica,HiraKakuProN-W3,meiryo,メイリオ,sans-serif;
	color:#333333;
	background:#ffffff;
  box-sizing: border-box;
}


.wrapper{
overflow: hidden;}


#container{
	width:100%;
	font-size:17px;
	margin-top: -4px;
}

#container_2{
	width:100%;
	font-size:16px;
	margin-top: -4px;
}

#title {  
	background: #ffffff;?@/* Firefox?p */  
	color:#fff;
}

#sitetitle{
	text-align:center;
	font-weight:bold;
	padding:10px;
	color:#fff;
	font-family:Arial-BoldMT;
	font-size:24px;
}



#contents{
	background:#ffffff;
	padding:0 10px 0px;
	word-break: break-all;
}

#contents_e{
	background:#ffffff;
	padding:0 20px 0px;
	word-break: break-all;
}


.mokuji_box{
    background: #f1f1f1;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 15px;
	font-size: 16px;
    border-radius: 10px;
    line-height: 1.9em;
}

.mokuji_box a{
	color:#000000;
	text-decoration: none;
}


.mokuji_box_e{
    background: #f5f5f5;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 15px;
	font-size: 16px;
    line-height: 1.9em;
}

.mokuji_box_211207{
	border-left: 4px solid #e0e0e0;
    max-width: 100%;
    margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
    font-size: 16px;
    line-height: 1.9em;
}

.mokuji_box_211207e{
    background: #f5f5f5;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 15px;
	font-size: 16px;
    line-height: 1.9em;
}

.mokuji_box a{
	color:#000000;
	text-decoration: none;
}


.list_0920{
	max-width: 100%;
	border: 2px solid #6E6E6E;
	margin: 20px auto 20px;
	padding: 10px;
}

.list_092002{
	background:#F7F2E0;
	max-width: 100%;
	border: 1px solid #6E6E6E;
	margin: 20px auto 20px;
	padding: 10px;
}

.list_211207{
	background:#ededed;
	max-width: 100%;
	margin: 20px auto 20px;
	padding: 20px;
	border-radius: 10px;
}

.list_211207 img{
	margin-top: 15px;
}

.midasi{
	line-height:130%;
	font-size:19px;
	font-weight:bold;
	color:#333333;
	margin-bottom:10px;
	font-family:meiryo,sans-serif;
}

.midasi img{
	margin-right:10px;
	width:80px;
}

.tag{
	font-size:10px;
	padding:0 10px 10px 10px;
	font-family:meiryo,sans-serif;
}

.tag a{
	font-weight:normal;
	color:#000000;
}

.genre_box{
	padding:10px;
}

.genre{
	background:#ff0000;
	color:#fff;
	font-size:12px;
	padding:0 10px;
	margin-right:10px;
}

.sub_midasi{
	margin-bottom:5px;
}

.detail{
	font-size:12px;
	color:#999;
}

.box{
	-webkit-box-shadow: 0px 0px 3px #333;
	-moz-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
	border-radius: 10px;        /* CSS3???ﾄ */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome?p */  
	-moz-border-radius: 10px;   /* Firefox?p */ 
	padding:10px;
}

.box_ato{
	border:solid 1px #ccc;
	background:#efefef;
	padding:10px;
}

#footer{
	padding:5px 3px;
	color:#fff;
	background:#666666;
	font-size:14px;
	text-align:center;
}

#footer a{
	color:#fff;
	font-size:14px;
	text-align:center;
}

#author{
	border-radius:8px;
	border:solid 2px #1e90ff;
	padding:10px;
}

.appbox{
 	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.02, #fcfcfc),  to(#fcfcfc));
	border:solid 1px #cccccc;
	padding:10px;
	margin-bottom:40px;
}

.appbox img{
	width:80px;
}

.appbox_l{
	float:left;
	width:80px;
	margin-right:10px;
}

.appbox_r{
	float:left;
	text-align:left;
	width:200px;
}

.appbox_midasi{
	font-size:9px;
	color:#999999;
}

.appbox_name{
	font-size:18px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:5px;
}

.appbox_comment{
	font-size:12px;
	color:#585858;
}

.appbox_free{
	color:#f4ac00;
	font-size:18px;
	font-weight:bold;
}

.appbox_ver{
	color:#585858;
	font-size:12px;
	line-height:100%;
}

a.quickbutton {
  /* 角丸 */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /* グラデーション */
  background: -moz-linear-gradient(top, #666666, #666666 49%, #444444 50%, #444444);
  background: -webkit-gradient(linear, center top, center bottom, from(#666666), color-stop(0.49, #666666),color-stop(0.5, #444444), to(#444444));
  /* 影 */
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  /* その他の設定 */
  border:1px solid #333333;
  font-family:Verdana, arial, sans-serif;
  color:white;
  text-decoration:none;
  text-align:center;
  display:inline;
  padding:0.3em 2em;
}
a.quickbutton:active {
  background: -moz-linear-gradient(top, #444444, #444444 49%, #222222 50%, #222222);
  background: -webkit-gradient(linear, center top, center bottom, from(#444444), color-stop(0.49, #444444),color-stop(0.5, #222222), to(#222222));
}



/*============================================================
	ヘッダー固定
============================================================*/

div#header{
	width:100%;
	padding:0px;
	background-color:#4c4c4c;
	top:0;
	margin-bottom: -4px;
	left:0;
	text-align:center;
	z-index:9999;
}

* html div#header{   
    position: absolute;   
    top: expression(eval(document.documentElement.scrollTop+0));
}

#header img{
	width:100%;
}

div#header_e{
	width:100%;
	padding:0px;
	background-color:#4c4c4c;
	top:0;
	margin-bottom: -4px;
	left:0;
	text-align:center;
	z-index:9999;
}

#header_e img{
	width:80%;
}
/*============================================================
	記事タイトルボックス
============================================================*/

#entrytitle_box{
	padding:10px;
	background:#ffffff;
}

/*============================================================
	フッター
============================================================*/

.footer_image img{
	width:100%;
}

/*============================================================
	キュレーションデザイン
============================================================*/

.article_content{
	margin-bottom:20px;
}

h2{
	color: #000000;
    background: #fff;
    margin: 25px -10px 25px -10px;
    padding: 15px 5px 12px 10px;
    border-left: 7px solid #373737;
    border-bottom: 1px dashed #939393;
    font-size: 18px;
    font-weight: bold;
}

.postentry_h2{
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 25px -10px 25px -10px;
    padding: 15px 5px 12px 10px;
    line-height: 1.3;
    text-align: left;
    border-left: solid 10px #ff329b;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
}


.postentry_h3{
	margin:0;
	padding:5px 0;
	font-size:16px;
	color:#4b4b4b;
	font-family: Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

.postentry_pb_h3{
	margin-bottom:10px;
	padding:0;
	font-size:16px;
	color:#4b4b4b;
	font-family: Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

.moviecomment{
	font-size:14px;
	line-height:150%;
	margin:0;
	color:#4b4b4b;
	font-family: Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

.postentrybody_box{
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

.postentry_picbig img{
	width:100%;
}

.picbox_left{
	width:100%;
}

.picbox_left img{
	max-width:100%;
}

.picbox_right{
}

.picbox_title{
	font-weight:bold;
}

h3{
	padding:0;
	margin:0;
	color:#333;
}

.picbox_right p{
	color:#333;
	font-size:16px;
	line-height:150%;
}

.source{
	margin-top:10px;
	font-size:10px;
	color:#999;
	line-height:120%;
}

.source a{
	font-size:10px;
	color:#999;
	text-decoration:none;
	line-height:120%;
}

.source a:hover{
	font-size:10px;
	color:#999;
	text-decoration:underline;
	line-height:120%;
}

.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

blockquote {
	line-height:120%;
    font-size: 18px;
    position: relative;
    padding: 36px 32px 32px 32px;
    background: #f0f0f0;
    border-radius: 5px;
    overflow: hidden;
}
blockquote, q {
    quotes: none;
}

blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

blockquote:before {
    top: 5px;
    left: 5px;
    background: url("../image/parts/icon_comment_start.png") no-repeat;
}
blockquote:before, blockquote:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
}

blockquote:after {
    bottom: 5px;
    right: 5px;
    background: url("../image/parts/icon_comment_end.png") no-repeat;
}

blockquote:before, blockquote:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
}

blockquote .source a{
	line-height:120%;
}

::selection {
    background: #9DCAF7;
    color: #3a3a3a;
}

.plain_text{
	font-size:14px;
	line-height:150%;
}

.title_link a{
	font-size:24px;
	text-decoration:underline;
	color:#333333;
}

.title_link a:hover{
	font-size:24px;
	text-decoration:none;
	color:#333333;
}

/* appbox */

.appboxarea{
	text-decoration:none;
}

.appboxarea a{
	text-decoration:none;
}

.appbox{
	margin-top:10px;
	border:solid 1px #999;
	border-radius:8px;
	padding:10px;
}

.appboxtop{
	margin-bottom:10px;
	clear: both; 
}

.appleft{
	float:left;
	width:80px;
}

.appright{
	margin-left:100px;
}

.appname{
	font-size:18px;
	font-weight:bold;
	font-family:meiryo,sans-serif;
	color:#333333;
}

.appdetail{
	margin-bottom:5px;
	font-size:12px;
	font-family:meiryo,sans-serif;
	color:#333333;
}

.appright img{
	border:solid 1px #ccc;
}

.appdl{
	margin-top:10px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:meiryo,sans-serif;
	border-radius:4px;
	color:#ffffff;
	background:#e79904;
	clear: both; 
}

.appdl img{
	width:20px;
}

/* 追加分 */

.link_url_box a:link, .link_url_box a:visited {
    color: #0000ff !important;
    text-decoration: none;
    font-weight: normal;
	font-size: 20px;
	padding: 20px 0;
}

.link_url_box {
    word-wrap: break-word;
    height: 40px;
    padding: 20px 0;
}

#eyecatch{
    width: 100%;
    height: 260px;
}

.sns_btn{
	display:none;
	margin-bottom:10px;
}

.fb_btn{
	background:#428bca;
	border-radius:4px;
	width:20px;
}


.tw_btn{
	background:#5bc0de;
	border-radius:4px;
	width:20px;
}


.line_btn{
	background:#00c300;
	border-radius:4px;
	width:20px;
}

.entry_detail{
	margin-bottom:10px;
	font-size:13px;
	color:#333333;
	line-height:150%;
}

.linkmidasi{
	margin-bottom:10px;
}

.point{
	color:#2e76b3;
}

/*============================================================
	まとめ
============================================================*/

.thread_title{
	font-size: x-large;
	color: rgb(255, 0, 0);
	margin-bottom:20px;
}

.post_line{
	padding:5px 0;
	font-size:14px;
}

.green_name{
	color:#006600;
	font-weight:bold;
}

.post_box{
	padding:0 0 20px 20px;
	margin-bottom:20px;
}

.post_box img{
	max-width:500px;
}

.post_box a{
	color:#4169e1;
}

.post_box2{
	padding:10px 0 20px 0;
	margin-bottom:20px;
}

.kiji{
	font-size:17px;
	color:#333;
	line-height:1.6em;
	letter-spacing:0px;
}

.kiji_2{
	font-size:16px;
	color:#333;
	line-height:1.6em;
	letter-spacing:0px;
}

.ad_link a{
	font-size:18px;
	text-decoration: none;
	font-weight:normal;
}

.yaruo_kiji{
	font-size:18px;
	font-weight:normal;
	color:#3A575E;
	margin:20px 0;
}




/*============================================================
	追加
============================================================*/

#container h3 {
    font-size: 18px;
    text-align: center;
    position: relative;
    display: block;
    padding: 20px 0;
    background: rgba(205,255,255,1);
    color: rgba(0,0,0,.9);
    margin-bottom: 20px;
}

#container .big, #container h3 {
    font-weight:bold;
    letter-spacing: 2px;
}

.animation {
    opacity: 1!important;
}

h1::after, h1::before, h2::after, h2::before, h3::after, h3::before, h4::after, h4::before, h5::after, h5::before, h6::after, h6::before {
    margin: .2em;
}
/*
#container h3::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 50px solid rgba(0,0,0,1);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    bottom: -110px;
    left: 43%;
    z-index: 100;
}
*/

h1::after, h1::before, h2::after, h2::before, h3::after, h3::before, h4::after, h4::before, h5::after, h5::before, h6::after, h6::before {
    margin: .2em;
}






/*============================================================
	追加
============================================================*/


.strong {
	font-size:20px;
	font-weight:bold;
    color: rgba(0,0,0,1);
    padding: 0 .5em;
}


.strong0 {
	font-size:30px;
	font-weight:bold;
    color: rgba(0,0,0,1);
    padding: 0 .5em;
}

.strong2 {
	font-size:20px;
	font-weight:bold;
    color: rgba(70,130,180,.9);
    padding: 0 .5em;
    background: -webkit-gradient(linear,left 60%,left bottom,from(transparent),color-stop(.6,rgba(70,130,180,.2)),to(rgba(70,130,180,.2)));
    background: linear-gradient(transparent 60%,rgba(70,130,180,.2) 60%);
}


.strong3 {
	font-size:20px;
	font-weight:bold;
    color: rgba(204,0,0,.9);
    padding: 0 .5em;
    background: -webkit-gradient(linear,left 60%,left bottom,from(transparent),color-stop(.6,rgba(204,0,0,.2)),to(rgba(204,0,0,.2)));
    background: linear-gradient(transparent 60%,rgba(204,0,0,.2) 60%);
}



/*============================================================
	追加
============================================================*/


.box-green {
	font-size:20px;
	width:600px;
border: 2px solid #45b3b8;
border-radius: 6px;
margin: 30px auto;
padding: 10px 15px;
color: #0dabb2;
line-height: 1.8em;
font-weight: bold;
}
.box-green p:last-child {
margin-bottom: 0;
} 




/*============================================================
	追加
============================================================*/


.box-check {
border-radius: 6px;
overflow: hidden;
border: 2px solid #cc2856;
margin: 30px auto;
background: url(../image/parts/bg-box-pro-content.gif) 0 0 repeat;
}
.box-check .box-check-title {
background: url(../image/parts/bg-box-check.jpg) 0 0 repeat;
font-size: 20px;
color: white;
line-height: 1.8em;
padding: 5px 15px 5px;
font-weight: bold;
}
.box-check ul {
margin: 10px 10px 10px;
}
.box-check ul li {
font-size: 16px;
color: #222;
line-height: 2.182em;
position: relative;
padding: 5px 5px 5px 45px;
}
.box-check ul li:before {
position: absolute;
left: 0px;
top: 7px;
background: url(../image/parts/check.png) 0 0 repeat;
background-size: 31px 30px;
width: 31px;
height: 30px;
content: "";
}
.box-check ol {
margin: 10px 10px 10px;
counter-reset: num;
}
.box-check ol li {
font-size: 16px;
color: #222;
line-height: 2.182em;
position: relative;
padding: 5px 5px 5px 45px;
}
.box-check ol li:before {
position: absolute;
left: 0px;
top: 7px;
background: #cc2856;
line-height: 28px;
width: 31px;
height: 30px;
content: "";
counter-increment: num;
content: counter(num);
color: white;
text-align: center;
border-radius: 100%;
font-weight: bold;
}


/*============================================================
	追加
============================================================*/





.fa-external-link:before{content:"\f08e"}
.fa-external-link-square:before{content:"\f14c"}


/*============================================================
	追加
============================================================*/




ul{
  margin: 0;
  padding: 0;
  list-style: none;
}



#breadcrumbs-two{
  overflow: hidden;
  width: 100%;
}
 
#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
}
 
#breadcrumbs-two a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
}
 
#breadcrumbs-two a:hover{
  background: #99db76;
}
 
#breadcrumbs-two a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}
 
#breadcrumbs-two a:hover::before{
  border-color: #99db76 #99db76 #99db76 transparent;
}
 
#breadcrumbs-two a::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}
 
#breadcrumbs-two a:hover::after{
  border-left-color: #99db76;
}
 
#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
  content: normal;
}

/*============================================================
	追加
============================================================*/

.first_catch{
	font-size:30px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:100%;
	height:200px;
	margin-bottom:0px;
	padding:40px 20px 40px 20px;
	vertical-align:middle;
}




.first_catch_img{
	width:;
	margin:0 auto 0px;
	padding:0;
	

}

.first_catch_img img{
	display:block ;
	margin:0 auto;
	background:#ffffff;
}


.highlight2{
	font-size:20px;
	color:#ff0000;
	font-weight:bold;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

.highlight3{
	font-size:30px;
	color:#ff0000;
	font-weight:bold;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}.highlight4{
	font-size:15px;
	color:#ff0000;
	font-weight:bold;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

.chat.icon {
  color: #657786;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 2px;
}

.chat.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 9px;
  width: 3px;
  height: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: white;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}


.retweet.icon {
  color: #657786;
  position: absolute;
  margin-left: 40px;
  margin-top: 5px;
  width: 13px;
  height: 9px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.retweet.icon:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px white;
  border-bottom: solid 3px currentColor;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.retweet.icon:after {
  content: '';
  position: absolute;
  right: -3px;
  bottom: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px currentColor;
  border-bottom: solid 3px white;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.heart.icon {
  color: #657786;
  position: absolute;
  margin-top: 6px;
  margin-left: 80px;
  width: 11px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.heart.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.heart.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}


/*============================================================
	追加
============================================================*/


.inner_title{
	font-size:30px;
	color:;
	padding:10px 0 10px 50px;
	border-bottom:1px dotted rgba(70,130,180,.9)
}

h4{
font-size:18px;
color:#488cf9;
position: relative;
display: inline-block;
padding: 0 55px;
}

/*
h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
*/
h4:before {left:0;}
h4:after {right: 0;}




.impression{
	margin:0 auto;
	padding:10px;
	border-radius:8px;
	border:solid 2px #FFA500;
	color:;
	font-size:14px;
	font-weight:bold;
	width:100%;
}

/*============================================================
	追加
============================================================*/


.title_box{
	width:920px;
	height:170px;
/*	border:2px solid;*/
	margin-bottom:30px;
	padding-bottom:200px;
	border-bottom:dotted 1px #999;
}

.title_left{
	padding:10px;
	width:200px;
	float:left;
	
}

.title_left img{
	width:150px;
	height:150px;
	border-radius:50%;
}


.title_right{
	width:100%;
	margin-left:200px;
	padding:20px;
	font-size:25px;
}


.title_box::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	

}

.nav_bar{
	width:100%;
	border-bottom:1px solid #cdcdcd;
	padding:5px;
	color:#cdcdcd;
	line-height:30px;
	margin-bottom:50px;
}


#nav {
  list-style: none;
  overflow: hidden;
	width:920px;
	margin:0 auto;
}

#nav li {
  width: 230px;
  text-align: center;
  float: left;
}

#nav li a {
  text-decoration: none;
  color: #cdcdcd;
}


.fee_box{
	width:100%;
	border:2px solid #000000;
}

.box_midashi{
	text-align:center;
	background:#ffd8e2;
	padding:2px;
	border-bottom:1px solid;
}


.left_list{
	padding:5px;
	width:150px;
	float:left;
	background:#f2f2f2;
	margin:px;
	border-top:1px solid;
	border-right:1px solid;
}




.right_list{
	max-width:100%;
	margin-left:150px;
	padding:5px;
	border-top:1px solid;

}


.fee_box::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	

}







/*============================================================
	ぷるぷるボタン
============================================================*/

.animate69,.a-option69,.a-btnsub69 {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

a.a-btn {
position:relative;
display:inline-block;
margin:auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a.a-btn img {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

img.a-option {
z-index: 55;
position: absolute;
}

img.a-main {
width:100%;
position:relative;
z-index: 54;
}

a.shover:hover * {
animation-name:none!important;
}

@-moz-keyframes animate69 {
0%{
 -moz-transform: skewX(9deg);
}

10%{
 -moz-transform: skewX(-8deg);
}

20%{
 -moz-transform: skewX(7deg);
}

30%{
 -moz-transform: skewX(-6deg);
}

40%{
 -moz-transform: skewX(5deg);
}

50%{
 -moz-transform: skewX(-4deg);
}

60%{
 -moz-transform: skewX(3deg);
}

70%{
 -moz-transform: skewX(-2deg);
}

80%{
 -moz-transform: skewX(1deg);
}

90%{
 -moz-transform: skewX(0deg);
}

100%{
 -moz-transform: skewX(0deg);
}

}

@-o-keyframes animate69 {
0%{
 -o-transform: skewX(9deg);
}

10%{
 -o-transform: skewX(-8deg);
}

20%{
 -o-transform: skewX(7deg);
}

30%{
 -o-transform: skewX(-6deg);
}

40%{
 -o-transform: skewX(5deg);
}

50%{
 -o-transform: skewX(-4deg);
}

60%{
 -o-transform: skewX(3deg);
}

70%{
 -o-transform: skewX(-2deg);
}

80%{
 -o-transform: skewX(1deg);
}

90%{
 -o-transform: skewX(0deg);
}

100%{
 -o-transform: skewX(0deg);
}

}

@-webkit-keyframes animate69 {
0%{
 -webkit-transform: skewX(9deg);
}

10%{
 -webkit-transform: skewX(-8deg);
}

20%{
 -webkit-transform: skewX(7deg);
}

30%{
 -webkit-transform: skewX(-6deg);
}

40%{
 -webkit-transform: skewX(5deg);
}

50%{
 -webkit-transform: skewX(-4deg);
}

60%{
 -webkit-transform: skewX(3deg);
}

70%{
 -webkit-transform: skewX(-2deg);
}

80%{
 -webkit-transform: skewX(1deg);
}

90%{
 -webkit-transform: skewX(0deg);
}

100%{
 -webkit-transform: skewX(0deg);
}

}

@keyframes animate69 {
0%{
 transform: skewX(9deg);
}

10%{
 transform: skewX(-8deg);
}

20%{
 transform: skewX(7deg);
}

30%{
 transform: skewX(-6deg);
}

40%{
 transform: skewX(5deg);
}

50%{
 transform: skewX(-4deg);
}

60%{
 transform: skewX(3deg);
}

70%{
 transform: skewX(-2deg);
}

80%{
 transform: skewX(1deg);
}

90%{
 transform: skewX(0deg);
}

100%{
 transform: skewX(0deg);
}

}

.animate69{
-webkit-animation-name: animate69;
-moz-animation-name: animate69;
-o-animation-name: animate69;
animation-name: animate69;
}

@-moz-keyframes option69 {
0%{
 -moz-transform: translateX(0);
}

20%{
 -moz-transform: translateX(9%);
}

50%{
 -moz-transform: translateX(5%);
 }

60%{
 -moz-transform: translateX(13%);
}

90%{
 -moz-transform: translateX(0);
}

100%{
 -moz-transform: translateX(0);
}

}

@-o-keyframes option69 {
0%{
 -o-transform: translateX(0);
}

20%{
 -o-transform: translateX(9%);
}

50%{
 -o-transform: translateX(5%);
 }

60%{
 -o-transform: translateX(13%);
}

90%{
 -o-transform: translateX(0);
}

100%{
 -o-transform: translateX(0);
}

}

@-webkit-keyframes option69 {
0%{
 -webkit-transform: translateX(0);
}

20%{
 -webkit-transform: translateX(9%);
}

50%{
 -webkit-transform: translateX(5%);
 }

60%{
 -webkit-transform: translateX(13%);
}

90%{
 -webkit-transform: translateX(0);
}

100%{
 -webkit-transform: translateX(0);
}

}

@keyframes option69 {
0%{
 transform: translateX(0);
}

20%{
 transform: translateX(9%);
}

50%{
 transform: translateX(5%);
 }

60%{
 transform: translateX(13%);
}

90%{
 transform: translateX(0);
}

100%{
 transform: translateX(0);
}

}

.a-option69{
-webkit-animation-name: option69;
-moz-animation-name: option69;
-o-animation-name: option69;
animation-name: option69;
}

img.a-option69 {
left:0;
top:18%;
}

.a-btn69{
padding-left:0%!important;
}

.a-option69{
top:0%!important;
}

.a-option69{
width:20%!important;
}

.a-btn69{
max-width:100%!important;
}

.animate69,.a-btnsub69,.a-option69{
animation-duration:1s!important;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
-moz-animation-duration:1s!important;
}






.midashi0000{
	font-size:20px;
	font-weight:bold;
	margin:20px 0 5px 0 ;
	line-height:1.5em;


}

.midashi0001 {
    color: #ff1a1a;
    text-align: right;
    font-size: 19px;
    font-weight: bold;
    margin: 3px 0 10px 0;
    line-height: 1.2em;
}

.ad_photo {
	/*width:		300px;*/
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}
.ad_photo img {
	width:		100%;
}
.ad_text {
	width:100%;
	box-sizing:border-box;
	font-size:14px;
	font-family:meiryo,sans-serif;
	text-align:left;
	line-height:130%;
	bottom:	0;
	margin:	0;
	padding:7px;
	color:	#fff;
	background:rgba(255,255,255,0.7); /* 帯の透明度 */
	position:absolute; /* 絶対位置指定 */
}













.write_info_inner_box{
	margin:0;
	padding:0px;
	color:#000000;
}

.write_info_inner_box::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	
}

.write_info_inner_box_left{
	float:left;
}
.write_info_inner_box_left img{
	width:35px;
	height:35px;
	border-radius:50%;

}

.write_info_inner_box_center{
	float:left;
	position: absolute;
	top: 0;
	left:60px;
	bottom: 0;
	margin: auto;
	width: 150px;
	height: 20px;
	font-size:15px;
	color:#666;
}

.write_info_inner_box_center p{

}

.write_info_inner_box_right{
	margin-left:150px;
	text-align:right;
	position: absolute;
	top: 0;
	right:10px;
	bottom: 0;
	margin: auto;
	width: 150px;
	height: 20px;
	font-size:15px;
	color:#666;
}

/*============================================================
	レビューボックス
============================================================*/

.review_box{
	width:100%;
	border:2px solid #c5c5c5;
	border-radius:8px;
	margin:0 auto 10px;
	padding:10px;
}

.review_box_inner{
	width:100%;
}

.face_icon{
/*	padding:10px 0 10px 10px;*/
	width:60px;
	float:left;
	
}

.review_right_box{
	max-width:100％;
	margin-left:60px;
	padding:5px 0 0 0 ;
	font-size:13px;
}


.review_box_inner::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	

}
.review_comment{
	font-size:15px;
	line-height:150%;
	color:#6b6c6d;
	padding:0px 10px 0px;
}

/*============================================================
	使い方リスト
============================================================*/
.lip ul {
  background: #fffbf4;
  margin-top: 0;
  padding: 1em .5em 1em 1.5em;
  border: solid 2px #f89174
}

.lip ol {
  counter-reset: number;
  list-style-type: none;
  padding: .5em .2em .5em .8em;
  background: #fffbf4;
  border: solid 2px #f89174
}

.lip ol li {
  position: relative;
  padding-left: 30px;
  margin-top: 0;
  line-height: 1.5;
  padding: 5px 0 5px 35px
}

.lip ol li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: #f89174;
  color: white;
  font-family: 'Quicksand', 'Avenir', 'Arial Black', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center
}

.blueul ul {
  border: solid 2px #89beff
}

.blueul ul li:before {
  color: #89beff
}

.tejunlip .lip ul {
  text-align: center;
  font-weight: bold
}

.tejunlip .lip ul li {
  padding: 0
}

.tejunlip .lip ul li:before {
  content: none
}

.lip h4:before {
  content: none
}

.lip h4, .lip h3 {
  display: inline;
  background: #f89174;
  color: white;
  margin-left: 0;
  border-radius: 7px 7px 0 0;
  font-size: 15px !important;
  padding: 7.7px 10px;
  border: 0
}

.lip h3:before {
  content: none
}

.lip {
  margin: 0 0 1.6em
}

.listep {
  border: solid 2px #f1efec;
  margin: 1.5em 0
}

.listep .hd {
  background: #f1efec;
  font-weight: bold;
  padding: .3em;
  font-size: 1.2em
}

.listep ul {
  background: #fffbf4;
  padding: 1.5em 0;
  text-align: center;
  margin: 0
}

.listep li>span {
  border: solid 2px #e3e3e3
}

.listep li span {
  background: white;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: bold
}

.listep li .bl {
  display: block;
  margin: 0;
  font-weight: normal
}

.listep li {
  list-style-type: none;
  padding: 0
}

.listep li:not(:last-child):after {
  font-family: FontAwesome;
  content: '\f078';
  display: block;
  text-align: center;
  color: #f89174;
  font-size: 18px
}

.fa-star {
  color: #ffc778
}

.sennasi {
  border: 0;
  padding-left: 0
}

.lip ul {
  list-style-type: none;
  padding: 1em
}

.lip ul li {
  position: relative;
  padding-left: 25px
}

.lip ul li:before {
  left: 0;
  position: absolute;
  font-family: FontAwesome;
  content: '\f00c';
  color: #f89174
}


/*============================================================
	☆レビュー
============================================================*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
}
.star-ratings-css-top {
  color: #f4d742;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}
.star-ratings-sprite {
  background: url("//image.livelog.biz/script/image/lp/2017/o_u/sousenkyo/parts/star-rating-sprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
}
.star-ratings-sprite-rating {
  background: url("//image.livelog.biz/script/image/lp/2017/o_u/sousenkyo/parts/star-rating-sprite.png") repeat-x;
  background-position: 0 100%;
  float: left;
  height: 21px;
  display: block;
}
/*============================================================
	☆レビュー
============================================================*/
.app_box{
	width:100%;
	border:2px dotted #000000;
	border-radius:8px;
	margin:0 auto 10px;
	padding:10px;
	position:relative;
}

.review_box_inner{
	width:100%;
}

.app_box_icon{
/*	padding:10px 0 10px 10px;*/
	width:100px;
	float:left;
	
}

.app_box_info{
	max-width:100％;
	position: absolute;
	top: 0;
	left:60px;
	bottom: 0;
	margin: auto;
	width: 150px;
	height: 20px;
	font-size:15px;
	color:#666;
s}


.review_box_inner::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	

}
.app_box_img{
	padding:0px 10px 0px;
}


.tag{
	font-weight:bold;
	font-size:12px;
}





.sns_share{
	padding:10px 0;
	height:;
	width:100%;
	display:flex;
	justify-content:space-between;
	font-size:10px;
}

.twitter_share{
	border:1px solid #55acee;
	border-radius:2px;
	color:#55acee;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:30%;
	height:28px;
}


.facebook_share{
	border:1px solid #3b5998;
	border-radius:2px;
	color:#3b5998;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:30%;
	height:28px;
}


.line_share{
	border:1px solid #00c300;
	border-radius:2px;
	color:#00c300;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:30%;
	height:28px;
}


.obi{
	width:100%;
	background:#f48f42;
	position:relative;
	z-index:9999;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	letter-spacing: 3px;	
}


.catch_image{
	width:100%;
	padding:0 !important;
	margin:0 !important;
}




.app_box2{
	max-width:100%;
	border:1px solid #cdcdcd;
	border-radius:8px;
	margin:0 auto 10px;
	padding:10px;
	display:flex;
	justify-content:flex-start;
	align-items :center;
	flex-wrap: wrap;
}


.app_box_icon2{
/*	padding:10px 0 10px 10px;*/
	width:80px;
	
}

.app_box_icon2 img{
	width:80px;
/*	padding:10px 0 10px 10px;*/
	border-radius:20px;
	border:2px solid #cdcdcd;
}

.app_box_info2{
	padding-left:10px;
	display:flex;
	align-content:center;
	flex-direction:column;
	
}

.app_box_namme_app{
	display:flex;
}

.app_box_namme_app_inner{
	font-weight:bold;
}

.app_box_namme_app_tag{
	border:1px solid #ff2266;
	color:#ff2266 !important;
	font-size:10px !important;
	padding:0 3px;
	margin-left:10px;
	display:flex;
	align-items:center;
}

.cv_btn {
	margin: 0 auto;
  }
  .cv_btn img {
	animation: anime1 0.5s ease 0s infinite alternate;
	transform-origin:center;
  }
  @keyframes anime1 {
	from {
	  transform: scale(0.9,0.9);
	}
	to {
	  transform: scale(1,1);
	}
  }


  .install_btn{
	width: 100%;
    height: auto;
	margin-top: 10px;
    vertical-align: bottom;
}


  .user_app .ad_link_f img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	align-items: center;
}


.app_box_namme_grey{
	font-size:12px;
	color:#cdcdcd;
}

.app_box_sec{
	font-size:13px;
	color:#3e3e3e;
    text-align: left;
	margin-top:7px;
}

.pink{
	color:#FF00FF;
	font-weight:bold;
}

.pink_middle{
	color:#FF00FF;
	font-weight:bold;
}

.pink_ad{
	color:#FF00FF;
	font-size:19px;
	font-weight:bold;
}

.purple_middle{
	color:#9900FF;
	font-weight:bold;
}

.pink_big{
	color:#FF00FF;
	font-weight:bold;
	font-size:20px;
}

.purple_big{
	color:#9900FF;
	font-weight:bold;
	font-size:20px;
}

div img{
}

.obi_comment{
	background:#000000;
	border-left:4px solid #cdcdcd;
	position:relative;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	
}

.comment_box{
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	padding-top:0px;
}

.comment_box_inline{
	display:inline-flex;
	justify-content:flex-start;
	flex-direction:column;
	margin:0 0 20px;
}

.comment_box_inline:nth-child(1){
}

.comment_box_inline .aa{
	font-size:12px;
	color:#a9a9a9;
	margin-bottom:5px;
}

.comment_box_inline .bb{
	font-size:16px;
	color:#000000;
	margin-bottom:5px;
}

.comment_box_inline .cc{
	font-size:12px;
	color:#a9a9a9;
}


.writer_box{
	display:flex;
	padding:5px;
	margin: 10px 0px;
	align-items:flex-start;
	border: 1px solid;
}

.writer_img img{
	width:60px;
	height:60px;
	border-radius:10px;
}

.writer_info{
	padding-top: 5px;
	padding-left: 15px;
    font-size: 12px;
    vertical-align: top;
    margin-top: 0;
}

.writer_name{
	font-size: 13px;
	font-weight: bold;
	color:#000;	
}

.writer_info span{
	font-size:12px;
	vertical-align:top;
	margin-top:0;
}

.purple{
	color:#9900FF;
	font-weight:bold;
}

.space{
	margin:0px 0;
}

.yaruo_box{
	border-top:1px solid #808080;
	padding:20px 0;
	margin-top:20px;
}

.red{
	color:#ff0000;
	font-weight:bold;
}

.red_big{
	color:#ff0000;
	font-weight:bold;
	font-size:20px;
}

.blue{
	color:#0000ff;
	font-weight:bold;
}

.yellow{
	color:#ffcc00;
	font-weight:bold;
}

.pink{
	color:#FF00FF;
	font-weight:bold;
}

.green{
	color:#00c300;
	font-weight:bold;
}

.green_big{
	color:#00c300;
	font-weight:bold;
	font-weight:23px;
}

.orange{
	color:#ffa500;
	font-weight:bold;
}

.purple{
	color:#9900FF;
	font-weight:bold;
}

.grey_bold{
	font-weight:bold;
}

.listbox{
    max-width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    margin: 0 auto 20px;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}


.app_box3{
    max-width: 80%;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    margin: 0 auto 20px;
    padding: 15px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;
}

.app_box4 {
	max-width: 100%;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	margin: 15px 5px 25px 5px;
	padding: 15px 10px 20px 10px;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	align-items: center;
}

.app_box_icon3{
/*	padding:10px 0 10px 10px;*/
	
}

.app_box_icon3 img{
    border-radius: 20px;
    width: 60px;
}

.mds_data{
	font-size:12px;
	color:#3d3d3d;
	text-align: right;
}


.app_box_inner {
    display: flex;
    justify-content: flex-start;
}

.app_box_info3{
    margin-top: 2%;
    padding-left: 15px;
    display: flex;
    align-content: center;
    flex-direction: column;
}

.app_box_namme_app{
	display:flex;
}

.app_box_namme_app_inner{
	font-weight:bold;
}

.app_box_namme_app_tag{
	border:1px solid #ff2266;
	color:#ff2266 !important;
	font-size:10px !important;
	padding:0 3px;
	margin-left:10px;
	display:flex;
	align-items:center;
}
	
.app_box_namme_app_tag02{
	border:3px solid #ff2266;
	color:#ff2266 !important;
	font-size:10px !important;
	padding:0 3px;
	margin-left:10px;
	display:flex;
	align-items:center;
}

.app_box_namme_grey{
	font-size:13px;
	color:#848484;
}




.app_box_sec{
	font-size:13px;
	color:#3e3e3e;
	line-height: 1.6em;
	text-align: left;
    margin-top: 7px;
}

.openbutton {
	color: #0000ff !important;
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
}


.install_bar {
    background: #ff7b36;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 20px 10px;
    padding: 10px 0px;
    border-radius: 30px;
    font-size: 14px;
}

.ad_link a{
	font-size:17.5px;
	font-weight:normal;
	text-decoration: none;
	color: #ffffff;
}

.profile{
    text-align: center;
}

.profile img{
    width: 80%;
}

/*-------------------- push_area --------------------*/




.box_caption_sample {
  position: relative;
  margin: 2em 0;
  padding: 1em 1em;
  border: 2px solid #da4033;
  border-radius: 4px;
  line-height: 1.2em;
}

.box_caption_sample .caption {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  font-weight: bold;
  padding: 0 1em;
  margin: 0 auto;
  background-color: white;
  transform: translateY(-50%) translateX(1em);
}



.caption_point{
	color:#003ab7;
	font-weight:bold;
}


.push_config{
	font-weight:bold;
	background-color:#000000;
	color:#ffd700;
	padding:3px;
}

/*-------------------- push_area --------------------*/



h1{
border-left:3px #000000 solid;
border-bottom:1px #000000 solid;
padding-left:5px;
margin-top:20px;
}


.timakicome
{
width: 100%; 
height: auto;
padding: 12px;
border-radius: 20px;
background: #fff;
border: 3px solid #dc7094;
position: relative;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.timakicome:after
{
border: 10px solid transparent;
border-top-color: #dc7094;
content: '';
position: absolute;
bottom: -20px;
right: 100px;}



.popt_box{
	border-top:1px #000000 solid;
	padding:40px 0;
}

.popt_box_icon{
	width:300px;
	height:169px;
	margin:0 auto;
}

/*============================================================
	ツイッター風
============================================================*/

.twbox{
/*    overflow: hidden;*/
/*    cursor: pointer;*/
    background-color: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    width: 100%;
    margin:10px 0;
}

.twbox_in{
	margin:10px;
}

.twuserbox{
	display:flex;
}

.twuserbox_l{
	width:66px;
}

.twuserbox_r{
	margin-left:10px;
}

.twico img{
	width:56px;
	height:56px;
	border-radius:50%;
}

.twname{
	color:#1c2022;
	font-weight:700;
	font-size:16px;
}

.twid{
	color:#697882;
	font-size:12px;
	line-height: 200%;
}

.twcomment{
	margin-top:10px;
	color:#1c2022;
	font-size:16px;
	line-height:140%;
}

.twcomment a{
	color:#1DA1F2;
	font-size:18px;
	font-weight:bold;
}

.twimage{
	margin-top:10px;
	text-align:center;
}

.twimage img{
	width:270px;
}

.twkakusan{
	color:#1DA1F2;
}

.twlink{
	margin:10px 0;
}

.twdate{
	color:#697882;
	font-size:12px;
	margin-bottom:10px;
}

.twtool{
	padding:5px 0 5px 0;
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.twreply{
	border-top:solid 1px #e1e8ed;
	font-size: 14px;
	padding:5px;
}

.twreply_in{

}

.twreply_in .twcomment{
	margin-top:5px;
	width:280px;
	line-height:150%;
}

.twreply_in .twname{
	color:#1c2022;
	font-weight:700;
	font-size:12px;
}

.twreply_in .twid{
	color:#697882;
	font-weight:normal;
	font-size:12px;
	line-height:50%;
}

.twreply_in .twdate{
	color:#697882;
	font-weight:normal;
	font-size:12px;
}

.twreply_in .twtool{
	padding:5px 0 5px 0;
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size:16px;
}

.heart.icon {
  color: #657786;
  position: absolute;
  margin-top: 6px;
  margin-left: 80px;
  width: 11px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.heart.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.heart.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

/*-------------------- twitter_area_end --------------------*/
.sns_share_box3{
	margin-top:10px;
	display:flex;
	color:#ffffff;
	font-size:15px;
}

.sns_share_box_twitter{
	width: calc(100% / 4);
	background-color:#55acee;
	padding:5px 0;
	text-align:center;
}

.sns_share_box_facebook{
	width: calc(100% / 4);
	background-color:#3b5998;
	padding:5px 0;
	text-align:center;
}

.sns_share_box_line{
	width: calc(100% / 4);
	background-color:#00c300;
	padding:5px 0;
	text-align:center;
}

.sns_share_box_get-pocket{
	width: calc(100% / 4);
	background-color:#ff0000;
	padding:5px 0;
	text-align:center;
}


/*-------------------- star-rating --------------------*/

.star-rating {
  position: relative;
  display:inline-block;
  font-size: 20px;
word-break:normal !important;
}
.star-rating .star-rating-item{
  position:absolute;
  overflow: hidden;
}
.star-rating .star-rating-item:before{
  content:"★★★★★";
  color: #ffcc33;
}
.star-rating:after {
  content:"★★★★★";
  color: #ccc;
}

.inscroll{
    text-align: center;
}


.obi2 {
	color: #000000;
	background: #F2F2F2;
	font-size: 18px;
	font-weight: bold;
	margin: 20px -10px 20px -10px;
	padding: 15px 5px 12px 10px;
	line-height: 1.3;
	text-align: left;
	border-left: solid 10px #F781BE;
}



.obi3{
   margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size: 18px;            /* 文字サイズ指定 */
    background-color:  #000;    /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    padding: 10px 0 10px 30px;  /* 余白指定 */
    margin-bottom:  20px;       /* 周りの余白指定 */
}

.obi3:before{
   content: '';                /* 空の要素を作る */
    height: 110%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -3px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(3deg);    /* 回転 */
}

.obi3:after{
    content: '';                /* 空の要素を作る */
    height: 116%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -6px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(-15deg);  /* 回転 */
}


.apprate{
	color:#8e8e93;
	display:inline-block;
	border:1px solid #8e8e93;
	border-radius:3px;
	margin-left:5px;
	padding:0px 1px;
}


.obi4{
	font-weight:bold;
	background-color:#000000;
	color:#ffffff;
}

.obi4:first-letter{
	padding-left:5px;
	margin-right: .1em;
font-size: 2em;
color:#f441be;
}

.obi4:after {
content: "";
display: block;
height: 4px;
	background: linear-gradient(135deg, #f44336 0%,#ff9800 17%,#ffeb3b 32%,#4caf50 50%,#2196f3 67%,#3f51b5 84%,#9c27b0 100%);
}


.red{
	color:#ff0000;
	font-weight:bold;
}

.linecolor{
	color:#00a968;
	font-weight:bold;
}

.redmiddle{
	color:#ff0000;
	font-weight:bold;
}

.redsmall{
	color:#ff0000;
	font-size:13px;
	font-weight:bold;
}

.redbig{
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
}

.blue{
	color:#0000ff;
	font-weight:bold;
}

.bluemiddle{
	color:#0000ff;
	font-weight:bold;
}

.bluebig{
	color:#0000ff;
	font-size:20px;
	font-weight:bold;
}

.middle{
	color:#000000;
	font-weight:bold;
}


.big{
	color:#000000;
	font-weight:bold;
	font-size:20px;
}

.strong{
	font-size: 18px;
	font-weight:bold;
}

	
.user_app .ad_link img{
	margin-top: 20px;
	margin-bottom: 10px;
	width: 50%;
margin-left: 25%;
}

.pink_middle_v03{
	color:#FF0EB5;
	font-weight:bold;
}

/*　中高生NG文言　*/
.nock{
border-top:solid 1px #efefef;
border-bottom:solid 1px #efefef;
padding:5px 0;
color:#ff0000;
font-size:16px;
font-weight:bold;
text-align:center;
}

.nock02 {
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	padding: 5px 0;
	color: #ff0000;
	font-size: 15px;
	text-align: center;
}

.rank_dl{
	text-align: center;
}

.rank_dl img{
	margin-bottom: 10px;
	width: 60%;
	align-items: center;
}



@media screen and (min-width:600px) { 
	/*　画面サイズが572pxからはここを読み込む　*/

.ad_photo{
    text-align: center;	
}


.ad_photo img{
    width: 80%;
    margin: 0;
    padding: 0;
}

.pc_link_btn {
    margin: 25px auto;
    padding: 20px;
    font-size: 20px;
    background-color: #000000;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    background: #FF7B36;
    transition: all 300ms 0s ease;
    width: 80%;
}

.pc_link_btn a {
    color: #ffffff;
}

#header img{
	padding: 0 0 20px 0;
}

#container{
width:800px;
margin:0 auto;
}

#container p{
	text-align:left !important;
}

.app_box_sec{
	text-align:left !important;
}
	

#eyecatch{
text-align:center;
}

#eyecatch img{
width:80%;
margin: 0;
padding: 0;
}


.article_box {
text-align:left !important;
}

.article_box .tvcap{
text-align:center;
max-width:initial;
}
.space img {
    max-width: 480px;
	padding: 5px;
	text-align:center !important;
}

.apptitle,
.applink,
.appbottom,
.appcate{
text-align:left;
}


h2{
	color: #000000;
    background: #fff;
    margin: 25px -10px 25px -10px;
    padding: 15px 5px 12px 10px;
    border-left: 7px solid #373737;
    border-bottom: 1px dashed #939393;
    font-size: 18px;
    font-weight: bold;
}


.cover_ico{
	position:absolute;
	bottom:25px;
	left:180px;
}

.cover_ico img{
	width:120px;
	box-shadow:none
}

.twbox{
width:480px;
text-align:left;
}

.twico img{
width:36px;
height:36px;
border-radius:50%;
}

.pc_imgbox{
	text-align:center;
}

.comment_m{
text-align:left;
}

.comment_u{
text-align:left;
}

.comment_l img{
width:50px;
box-shadow:none;
}

}