h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}



/*# sourceMappingURL=main.css.map */


.entry-content th {
    
font-size: 13px;
    
padding: 4px 9px;
    
font-weight: bold;
   
 border: 1px solid #7b767d;
    
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    
background-color: #85c7f9;
    
text-align: center;

}



.entry-content td{

    padding: 4px 9px;
   
 border: 1px solid #7b767d;
    
background-color: #fff;
    
text-align: center;
    
position: relative;
	
vertical-align: middle;

}



.entry-content table{
    
border-collapse: collapse;
    
/*box-shadow: 1px 2px 3px rgba(0,0,0,0.5);*/
   
 margin-bottom: 18px;
    
width: 100%;
}


/*カテゴリー・タグ別記事一覧CSS　画像を左に*/

.lcp_catlist li:after{
	/*クリアボス*/
content: "";
display: block;
clear: both;
}
.lcp_catlist li{
	/* list-style-type: none; */
	/*リストのアイコン消す*/
	/* margin: 0; */
	padding: 5px 5px 10px;
	position: relative;
	border-bottom: 1px solid #bfbfbf;
	/* min-height: 20px; */
	/*リスト間マージン*/
	/* display: table-cell; */
	/* vertical-align: top; */
	/* padding-right: 10px; */
}

.lcp_catlist li a{
	/* margin-left: 0px; */
	/* text-overflow: clip; */
	margin: 0px 0px 0px 0px;
}

.lcp_catlist img{
	float: left;
	/* max-width: 50px; */
	/* max-height: 50px; */
	/* margin: -0px 1px 10px 0px; */
	/* padding: 0px 0px 0px 0px; */
	/* display: table-cell; */
	vertical-align: top;
	padding-right: 10px;
	/* padding-bottom: 0px; */
	max-width: 80px;
	max-height: 80px;
	margin: 0;
}

.under {
  background: linear-gradient(transparent 50%, #ff8c97 50%);
  }


.box {
  margin: 25px 0;
  padding: 10px 10px; }
  .box p {
    margin: 0; }
  .box h2, .box h3, .box h4 {
    margin-top: 0.3em !important; }
  .box ul, .box ol {
    margin-bottom: 0; }

.box.box-has-title {
  margin-top: 30px;
  padding-top: 10px; }

.box .media-list.image-list {
  margin: 0 -10px;
}
.box .media-list.image-list .media {
  border-bottom: 1px solid #bfbfbf;
}
.box .media-list.image-list a:last-child .media {
  border-bottom: none;
}
.entry-content .tweet-list {
  margin: 0 -10px;
}

/************************************
** アイコンつきリスト
************************************/
/* ボックス全体 */
.iconbox{
  margin: 0 auto 2em; /* 余白 */
  background: #dcf9d9; /* 背景色 */
  border-radius:4px; /* 角丸 */
  max-width:600px; /* 横幅 */
  padding: 0; /* 余白 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
}
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 18px; /* 文字サイズ */
  background: #9ee996; /* 背景色 */
  text-align: center; /* 文字配置 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字太さ */
  letter-spacing: 0.05em; /* 文字間隔 */
  border-radius:4px 4px 0 0; /* 角丸 */
  line-height:1.5; /* 行間 */
  padding:1em 2em; /* 余白 */
}
/* 段落の余白リセット */
.iconbox p {
  margin: 0;/* 文字の余白リセット */
  padding: 0; /* 文字の内側余白リセット*/
}
/* ボックス 中 */
.iconbox .iconbox-wrap{
  display:-webkit-box; /* 配置 */
    display:-ms-flexbox; /* 配置 */
  display:flex; /* 配置 */
  padding:1.3em 2em; /* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
   width: 97%;/*横幅 */
   margin: 0 3% 0 0 !important;/* 余白 */
   line-height:1.8;/* 行間 */
  -ms-flex-item-align: center;/* 中央寄せ */
   align-self: center;/* 中央寄せ */
}
/* コンテンツ段落 */
.iconbox .iconbox-wrap .box-content p{
  margin-bottom:1em;/*余白 */
}
/* アイコン&吹き出し */
.iconballoon{
  -ms-flex-item-align: end; /* 下部に配置 */
  align-self: flex-end; /* 下部に配置 */
}
/* アイコン */
.iconballoon .icon{
  text-align:center;/* 位置を中央へ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width: 120px; /* 横幅 */
  margin:0; /* 余白 */
}
/* アイコン画像 (amp)*/
.iconballoon amp-img{
  max-width: 120px !important; /* 横幅 */
  margin:0; /* 余白 */
}
/* 吹き出し文字 */
.iconballoon .balloon p{
  line-height:1.4; /* 行間 */
}
/* 吹き出し */
.iconballoon .balloon{
  position:relative; /* 配置 */
  width:140px; /* 横幅 */
  background:#fff; /* 背景色 */
  padding:10px; /* 余白 */
  text-align:center; /* 中央寄せ */
  border:2px solid #999;/* 線(太さ 種類　色) */
  color:#555555;/* 文字色 */
  font-size:14px;/* 文字サイズ */
  /*font-weight:bold; 文字太さ */
  border-radius:10px;/* 角丸 */
  margin-bottom:10px;/* 余白 */
  line-height:1.5; /* 行間 */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after,.balloon:before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  position:absolute;
  top:100%;
  left:50%;
}
.iconballoon .balloon:after{
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FFFFFF;
}
.iconballoon .balloon:before{
   border-color:"rgba(153, 153, 153, 0)";
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 1px;
    border-top-color:#999999;
}
/*スマホ*/
@media screen and (max-width: 480px){
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 14px; /* 文字サイズ */
}
/* ボックス 中 */
.iconbox .iconbox-wrap {
    padding: 1em 1em 1em 1.5em;/* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
  font-size:12px;/*文字サイズ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width:80px;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* アイコン画像(amp) */
.iconballoon amp-img{
  max-width:80px !important;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* 吹き出し */
.iconballoon .balloon{
  width:80px;/* 横幅 */
  font-size:10px;/* 文字サイズ */
  padding: 1em 0;/* 余白 */
  border: 1px solid #999;/* 線(太さ 種類 色) */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after {
    border-top-width: 12px;
    border-bottom-width: 10px;
    border-left-width: 11px;
    border-right-width: 11px;
    margin-left: -11px;
    border-top-color: #FFFFFF;
}
}
/************************************
** 箇条書き(点)
************************************/
/* 箇条書き */
.iconbox .list {
  list-style: none;/* 行頭記号削除  */
  padding: 0 !important;/* 余白リセット */
  margin: 0 !important;/* 余白リセット */
  border:none;/* 線リセット */
}
/* 箇条書き 行 */
.iconbox .list li { 
  position: relative;/* 行頭記号の配置  */
  margin: 0 0 0.5em 0 !important;/* 余白  */
  padding: 0 0 0.5em 1.4em !important;/* 余白 */
  line-height:1.8;/* 行間 */
}
/* 箇条書き 行頭記号 */
.iconbox .list li:before {
  background-color: #ffa952; /* 記号色 */
  position: absolute; /* 行頭記号の配置 */
  content: ''; /* 空文字 */
  top:13px; /* 上からの距離 */
  left: 0; /* 左からの距離 */
  width: 7px; /* 横幅 */
  height: 7px; /* 縦幅 */
  border-radius: 4px; /*角丸 */
}
/* 箇条書き 行頭記号リセット */
.iconbox .list-number li:after{
  content:'';
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号*/
   .iconbox .list li:before{
     top:8px;/* 上からの距離 */
   }
}
/************************************
** 箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.iconbox .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.iconbox .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き(番号) 行頭番号 */
.iconbox .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 14px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:4px;/* 上からの距離 */
   width: 22px;/* 横幅 */
   height: 22px;/* 縦幅 */
   line-height: 22px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .iconbox .list-number li{
     padding: 0 0 0.5em 2em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .iconbox .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 18px;/* 横幅 */
    height: 18px;/* 縦幅 */
    line-height: 18px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}

/** 目次のカスタマイズ **/
@media (min-width: 768px){/*pc表示の設定*/
#toc_container .toc_title {/*タイトル部分*/
margin-bottom: 20px;/*外側下の余白*/
margin-top: 0;/*外側上の余白*/
font-size: 22px;/*文字の大きさ*/
background: #00bfff;/*背景色*/
padding: 0;/*内側の余白を0に*/
line-height: 60px;/*行の高さ*/
color:white!important;/*文字色*/
}
#toc_container .toc_list {/*コンテンツ部分*/
padding-bottom: 20px;/*内側下の余白*/
}}
/**** ↓ここから スマホ表示でも同じ設定 ****/
@media (max-width: 767px){
#toc_container .toc_title {
margin-bottom: 20px;
margin-top: 0;
font-size: 22px;
background: #949494;
padding: 0;
line-height: 60px;
color:white!important;
}
#toc_container .toc_list {
padding-bottom: 20px;
}}
/**** ↑ここまで同じ ****/
div#toc_container:before {/*枠線・背景の設定*/
border: 2px solid;/*枠線の太さと種類*/
border-color: #00bfff!important;/*枠線の色*/
opacity: 1;/*透明度*/
background: #FFFCF0;/*背景色*/
}
div#toc_container .toc_list > li a:hover {/*マウスホバーのとき*/
text-decoration: none !important;/*下線が出ないように*/
}
p.toc_title:before {/*アイコンを追加*/
content: "\f02d";/*アイコンの種類*/
font-family: "Font Awesome\ 5 Free";
font-weight:600;/*太文字*/
margin-right: 10px;/*外側右方向の余白*/
color: #fff !important;/*アイコンの色*/
}
#toc_container .toc_list > li {/*h2見出し部分*/
padding-left: 30px;/*内側左の余白*/
}
#toc_container .toc_list > li:after {/*h2の前の数字*/
color: #424242b3;/*数字の色*/
}
#toc_container .toc_list > li > ul > li {/*h3見出し部分*/
padding-left: 14px;/*もっと左に寄れってばよ＼(^o^)／*/
}

/*--------------------------------------
SNS JIN2.0~
--------------------------------------*/
/*sns share ボタン*/
@media (min-width: 768px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
box-shadow: none;
height: 44px;
opacity: .7;
}
.sns-design-type01 .sns-top .twitter a, .sns-design-type01 .sns .twitter a {
padding-top: 9px!important;
}
.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns .facebook a {
padding-top: 11px !important;
}
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a {
padding: 13px!important;
}
.sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .line a {
padding-top: 8px!important;
}
.sns-design-type01 .sns li a {
line-height: 11px;
}}
@media (max-width: 767px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
padding: 6px 6px;
box-shadow: none;
height: 44px;
opacity: .7;
}
.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns .facebook a {
padding-top: 11px !important;
}
.sns-design-type01 .sns-top .twitter a, .sns-design-type01 .sns .twitter a {
padding-top: 9px!important;
}
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a {
padding: 13px!important;
}
.sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .line a {
padding-top: 8px!important;
}}

.cps-post-main .simple-box7 ul li:before {
    content: "\e90a";
    font-family: 'jin-icons';
    color: #5a5a5a;
    font-size: 22px;
    top: 0;
    left: -3px;
    width: 0;
    height: 0;
}
.cps-post-main .simple-box7 ul li {
    margin-bottom: 1em;
}
.simple-box7 .jin-photo-title .jin-fusen3 {
    position: absolute;
    top: -44px;
    left: 0;
}
@media (min-width: 768px){
.jin-photo-title .jin-fusen3:before {
    left: 60px;
}}

.appreach{
 border-top:3px solid #043d78;/*上線の色*/
 border-bottom:3px solid #043d78;/*下線の色*/
}
.appreach {
  text-align: left;
  padding: 25px;
  margin:20px;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach img,
.appreach p {
  margin: 0;
  padding:0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
p.appreach__name {
  font-size: 16px;
  color:#555;
  padding-bottom:10px;
  font-weight:bold;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
  color:#888;
}
.appreach__info a{
  color:#aaa;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 15px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
@media only screen and (max-width: 786px){
.appreach{
  margin:20px 0;}
.appreach__info {
  font-size: 11px !important;}
p.appreach__name {
  font-size: 15px;}}


.app_content .item .item_info {
    margin: 0 0 1.5em;
    font-size: 13px;
}
.app_content .item .item_detail .item_info .item_image {
    float: left;
    margin: 0;
    width: 300px;
    height: 250px;
}
.app_content .app_content_list {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 20px 20px;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
                0 3px 3px -2px rgba(0,0,0,.15);
    list-style-type: none;
}

.app_content .app .app_points {
        width: 217px;
        width: calc(100% - 320px);
    }

.app_content .item .app_points th,
.app_content .item .app_points td {
    padding: 8px;
    border: none;
}
.app_content .item .app_points tr {
    border: solid 1px #e8eaf1;
    border-style: solid;
}
.app_content .item .app_points th {
    background: #f5f5f5;
    font-weight: normal;
    text-align: center;
}

.app_content .item .app_detail .app_info .app_image {
    float: left;
    margin: 0;
    width: 300px;
    height: 250px;
}

.app_content .item .app_detail1 p {
    position: relative;
    margin: 0;
    padding: 8px;
    background: #f5f5f5;
    color: #808080;
    font-weight: 900;
}
.app_content .item .app_detail1 p:before {
    position: absolute;
    top: 50%; left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #f5f5f5;
    content: ' ';
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}
/************************************
** スライダー
************************************/
.slide-wrap{
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;
   padding:0 0 1em;
   margin:0 0 2em 0;
   scroll-behavior: smooth;
}
.slide-wrap .slide-content{
   flex: 0 0 40%;
   margin: 0 10px;
   height:100%;
}
@media screen and (max-width: 480px){
.slide-wrap .slide-content {
    flex: 0 0 88%;
    margin: 0px 5px;
    scroll-snap-align:center;
}
}

/*********************************
* タイムライン
*********************************/
.ptimeline-wrap{
    margin:0 auto 2rem;
}
.ptimeline-wrap .ptimeline{
    padding:0 !important;
    list-style:none;
}
.ptimeline-wrap .ptimeline-label {
    padding: 3px 0 0 2px;
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
}
.ptimeline-wrap .ptimeline-title {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5;
    color:#00bfff;
}
.ptimeline-wrap .ptimeline-main {
    margin-top: 0.5em;
    padding: 0 0 1.5em;
    font-size: 0.9em;
    line-height: 1.8;
    border-bottom: dashed 1px #ddd;
    color:#555;
}
.ptimeline-wrap .ptimeline-main img{
  display:block;
  margin:1em auto;
}
.ptimeline-wrap .ptimeline-item {
    position: relative;
    padding: 0 0 1em 1.5em !important;
    margin-bottom:0 !important;
    border:none;
}
.ptimeline-wrap .ptimeline .ptimeline-item:before {
    content: "";
    width: 3px;
    background: #eee !important;
    display: block;
    position: absolute;
    top: 25px;
    bottom: -3px;
    left: 5px;
}
.ptimeline-wrap .ptimeline-item:last-child:before{
    content:none;
}
/*********************************
* タイムライン マーカー
*********************************/
.ptimeline-wrap .ptimeline-marker{
    display: block;
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 3px #00bfff;
}
.ptimeline-wrap .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .ptimeline-item:last-child .ptimeline-marker{
    background:#00bfff;
}
/*四角 */
.ptimeline-wrap .square .ptimeline-marker{
    border-radius: 0;
}
/* アイコン*/
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker:before{
    font-family: "Font Awesome 5 Free";
    top: -1px;
    left: 0;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    line-height:1;
    color:#00bfff;
}
.ptimeline-wrap .icon .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .icon .ptimeline-item:last-child .ptimeline-marker{
    background:none !important;
}
/* 画像*/
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker:before {
    content:"";
    display:inline-block;
    background-image:url(ここに画像URL); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    position: relative;
    top: -4px;
    left: -2px;
}
.ptimeline-wrap .tl-img li:nth-of-type(2) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像2番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(3) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像3番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(4) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像4番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(5) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像5番目*/
}
.ptimeline-wrap .tl-img .ptimeline-item {
    padding: 0 0 1em 3em !important;
}
.ptimeline-wrap .tl-img .ptimeline-item:before {
    top: 30px;
    left: 15px;
}
/*********************************
* タイムライン カラー
*********************************/
/* ピンク */
.ptimeline-wrap .pink .ptimeline-title{
    color:#f7bcbc !important; /* タイトル色 */
}
.ptimeline-wrap .pink .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .pink .ptimeline-marker{
    border: solid 3px #f7bcbc !important; /* マーカー色 */
    color:#f7bcbc; /* アイコン色 */
}
.ptimeline-wrap .pink .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .pink .ptimeline-item:last-child .ptimeline-marker{
    background:#f7bcbc; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .pink .ptimeline-item .ptimeline-marker:before{
    color:#f7bcbc !important; /* アイコン色 */
}
/*イエロー*/
.ptimeline-wrap .yellow .ptimeline-title{
    color:#fdc44f !important; /* タイトル色 */
}
.ptimeline-wrap .yellow .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .yellow .ptimeline-marker{
    border: solid 3px #fdc44f !important; /* マーカー色 */
    color:#fdc44f; /* アイコン色 */
}
.ptimeline-wrap .yellow .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .yellow .ptimeline-item:last-child .ptimeline-marker{
    background:#fdc44f; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .yellow .ptimeline-item .ptimeline-marker:before{
    color:#fdc44f !important; /* アイコン色 */
}
/*グリーン*/
.ptimeline-wrap .green .ptimeline-title{
    color:#2fcdb4 !important; /* タイトル色 */
}
.ptimeline-wrap .green .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .green .ptimeline-marker{
    border: solid 3px #2fcdb4 !important; /* マーカー色 */
    color:#2fcdb4; /* アイコン色 */
}
.ptimeline-wrap .green .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .green .ptimeline-item:last-child .ptimeline-marker{
    background:#2fcdb4; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .green .ptimeline-item .ptimeline-marker:before{
    color:#2fcdb4 !important; /* アイコン色 */
}
/************************************
** トップページカスタマイズ
************************************/
.home .cps-post-main{
  padding-top:0;
}
.home .top-wrap{
  display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:space-between;
  -ms-flex-wrap: wrap;
  flex-wrap:wrap;
  margin-bottom:1rem;
}
.home .top-wrap .blog-card-hl-box{
  display:none;
}
.home .top-wrap .blog-card{
  border:none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background:#fff;
  padding:0 !important;
  margin:1rem 0 !important;
  flex-basis:48%;
}
.home .top-wrap .blog-card:hover{
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
  opacity:1 !important;
}
.home .top-wrap .blog-card:hover .blog-card-thumbnail img{
  transform:none;
}
.home .top-wrap .blog-card-box{
  display:block;
}
.home .top-wrap .blog-card-content{
  flex:unset;
}
.home .top-wrap .blog-card-thumbnail {
  margin: 0 !important;
  flex: unset;
  overflow: visible;
}
.home .blog-card-title{
  padding:1rem;
}
.home .blog-card-excerpt{
  display:none;
}
.home h1.cps-post-title{
  display:none;
}
.home .cps-post-main-box h2:first-of-type{
  margin-top:0 !important;
}
.home .share-top,.home .share{
  display:none;
}
/*(スマホ)480px以下*/
@media screen and (max-width: 480px){
  .home .top-wrap{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column;
  }
  .home .top-2{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}
/************************************
** スマホヘッダー固定
************************************/
/*スマホ*/
@media screen and (max-width: 767px){
  #header-box{
    z-index:5;
    overflow:visible;
    min-height:60px; /* ヘッダー初期高さ */
  }
  #header{
    position:fixed;
    top:0;
    width:100%;
    background:#68bac9; /* ヘッダー背景色 */
    z-index:6;
    height:60px; /* ヘッダー初期高さ */
    transition: .5s;
  }
  .cps-sp-menu-bar{
    margin-top:50px; /* ヘッダーの下余白 */
  }
  .sp-menu-box{
    z-index:5;
  }
  .sp-menu-open,.headsearch{
    position:fixed;
    z-index:7;
    transition: .5s;
  }
  .sp-menu-open{
    top:10px; /* メニューボタン位置 */
  }
  .headsearch .search-box:before{
    top:18px; /* 検索ボタン位置 */
  }
  #site-info span a{
    height:auto;
  }
  #site-info span a img{
    height:40px !important; /* ロゴ高さ */
    width:auto !important;
    margin:10px 0; /* ロゴ余白 */
  }
  .mobile-header-small #header{
    height:40px !important; /* ヘッダー高さ(小さいとき) */
    transition: .5s;
    box-shadow: 0 2px 6px rgba(0,0,0,.15); /* ヘッダー影 */
  }
  .mobile-header-small #site-info span a img{
    height:30px !important; /* ロゴ高さ(小さいとき) */
    width:auto !important;
    margin:5px 0; /* ロゴ余白(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .sp-menu-open{
    top:0; /* メニューボタン位置(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .headsearch .search-box:before{
    top:8px; /* 検索ボタン位置(小さいとき) */
    transition: .5s;
  }
  #scroll-content{
    position:static !important;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar{
    background-color:#555 !important; /* 閉じるボタン色 */
  }
}


/*/////////////////////////////////////////////////
//連番リスト4
/////////////////////////////////////////////////*/

.count_4{
  counter-reset: chapter;
}

.count_4 li:before {
  content: "" counter(chapter) ;
  counter-increment: chapter;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding:5px;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
  color: #FFF;
  background: #30b0d8;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;;
}

.count_4 li {
  background: #cde2e8;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.count_4 li:nth-child(even) {
  background: #eee;
}



/* NEW */
.new {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background: #ff4500;
  color: #fff;
  font-weight: bold;
}
.new span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}


/* ------------------------
全体
------------------------ */
#rankingarea div.ranking_content{
	margin: 20px 10px 0;
}

div.ranking_content article.app{
	margin-bottom: 20px;
}

article.app div.app_rank{
	border-bottom: 2px solid #424242;
    margin-bottom: 10px;
}

article.app div.app_rank span.app_rank_number{ 
	display: inline-block;
	padding: 4px 12px;
	background-color: #424242; 
	color: #fff;
	font-size: 1.6rem;
}



/* ------------------------
今だけキャンペーン
------------------------ */

div.campaign{
	border: 1px solid #F5A9A9;
	margin-top: 15px;
	border-radius: 4px;
}

div.campaign div.campaing_title {
	background-color: #F5A9A9;
	color: #FA5858;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	/*font-size: 1.6rem;*/
}

div.campaign table.campaign_detail img{
	width: 80px;
	height: 80px;
	border: 1px solid #D8D8D8 !important;
	border-radius: 4px;
	margin: 0 !important;
}

div.campaign table.campaign_detail{
	background-color: #fff;
}

div.campaign table.campaign_detail th{
	padding: 5px;
	width: 25%;
	color: #FFFF;
}

div.campaign table.campaign_detail td{
	padding: 10px;
	/*font-size: 1.6rem;*/
	font-weight: bold;
	line-height: 1.5;
	vertical-align: top;
	border-color: #FFFF;
}

/* ------------------------
れびゅ
------------------------ */

div.review{
	margin-top: 15px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	background-color: #FAFAFA;;
}

div.review h4.review_head{
	position: relative;
	padding: 5px 0 5px 30px;
	background-color: #a7d6ff;
	color: #585858;
	/* font-size: 1.6rem;*/
	font-weight: bold;
}

div.review h4.review_head::before{
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	top: 5px;
	left: 5px;
	background-repeat: no-repeat; 
	background-size: contain;
}
	

div.review div.review_box{
	padding: 10px 35px;
	height: 120px;
	background-color: #FAFAFA;
	border: 1px solid #E6E6E6;
}

div.review_box_title{
	font-weight: bold;
	display: inline;
	/*font-size: 1.3rem;*/
}

div.review_box_value span.star{
	color: #FFBF00;
	/*font-size: 1.6rem;*/
	line-height: 0.8;
	display: inline-block;
}

div.review_box_detail{
	/*font-size: 1.2rem;*/
	margin: 1px 1px 1px 10px;
}

div.review_btn{
	padding: 5px;
	text-align: right;
	background-color: #E6E6E6;
}

div.review_btn p{
	padding-right: 4px;
	text-decoration: underline;
	color: #333;
	font-size: 1.2rem;
}

/* 新作一覧 */
.ichiran {
    display: table;
    table-layout: fixed;
    width: auto;
       background-color: #ffffff00;
	    padding-left: 15px;
}
.ichiran {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.ichiran a {
	position: absolute;
	text-decoration: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; 
	
	
	/* 予約アプリ一覧*/
}

.yoyaku:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.yoyaku .gametext{
	display: table-cell;
    vertical-align: top;
    padding-right: 5px;
}
.yoyaku .gametext p{
	margin: 0em
}
.yoyaku p{
	display:none;
}

.yoyaku .gametitle{
	position: relative;
    display: inline-block;
       margin-bottom: 0.6em;
	margin-left:1em;
    font-weight: bold;
    font-size: 18px;
	line-height: 1.4;
	width:100%;
}

.yoyaku .gameimg{
	display: table-cell;
    vertical-align: top;
	padding: 0px;
	text-align: center;
	border-radius: .5em;
}

.yoyaku .gameimg img{
	width: 100px!important;
    height: 100px!important;
	border-radius: 0.5em;
	max-width: none;
}
.yoyaku .gameimg p{
	display: none;
}

.yoyaku .genre{
	    font-size: 0.5em;
    font-weight: bold;
    padding: 0.2em 0.9em;
    margin: 0.2em 0.2em;
    color: #000;
    vertical-align: middle;
    border: solid 1px #717171;
}

.yoyaku .day{
	    font-size: 0.7em;
	    color: #ef9a9a;
}

.yoyaku .description{
	 font-size: 0.7em;
	    color: #90a4ae;
    font-weight: normal;
}

@media only screen and (max-width:480px){
	.yoyaku {
	    padding-left: 2px;
}

}

/* チェックリスト 女台 */
.cps-post-main ul.check_list li:before {
    font-family: "jin-icons";
    content: '\e90b';
    color: #e9546b;
	padding: 15px 10px 0px 6px;
    background: none!important;
    /*margin-left: -1.2em!important; */
    margin-top: 1em!important;
}

.cps-post-main ul.check_list > li:before {
    /*background-color: #ffffff!important;*/
}
/* チェックリスト 糸冬 */

section.recPoint{
  /* margin:10px; */
  border-collapse:separate;
  border-spacing: 0;
  border: 1px solid #42c4e8;
  border-radius: 7px;
  width: 100%;
}

section.recPoint h3{
  padding:10px;
  width:100%;
  background:#42c4e830;
  text-align:left;
  border-radius: 7px 7px 0px 0px;
  margin: 0px;
  font-size:1.1em;
  border:none;
  color:#000;
}

/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
#sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
  .p-nav ul li{
    -ms-flex-preferred-size: calc(100%/2);/* 2列 */
    flex-basis: calc(100%/2);/* 2列 */
  }
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #83c5f7;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#83c5f7;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#83c5f7;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#83c5f7;/* アイコン色 */
}

div.whatsnew {
  margin: 10px 0;
  font-size: 100%;
  word-break: break-all;
  overflow: hidden;
}

div.whatsnew a {
  padding: 7px 0;
  display: block;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew hr {
  margin: 0;
  padding: 0;
}

div.whatsnew .newmark {
  font-size: 74%;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #ff4500;
  border-radius: 3px;
}

div.whatsnew dl {
  margin: 0;
  padding: 0;
  border: 0;
}

div.whatsnew dt {
  margin: 0 0 0 0.3em;
  padding: 0;
  border: 0;
  color: Gray;
  font-weight: normal;
  white-space: nowrap;
}

div.whatsnew dd {
  margin: 0;
  padding: 0 2px;
}