/*見出し装飾h2*/

.entry-content h2{
position: relative;
padding: 12px 18px;
background: #dfefff;/* 背景色 */
color: #494949;/* 文字色 */
}
.entry-content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}


/*見出し装飾h3*/
.entry-content h3{
border-top: 2px solid#87cefa !important;
border-left: transparent !important;
border-bottom: 2px solid#87cefa !important;
border-radius: 0 !important;
}



/*見出し装飾h4*/
.entry-content h4{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: 5px solid#87cefa!important;/*左線*/
}



/*Follow Me*/
/* 全体 */
.followme{
	color:#fff;/* 「Follow me」の文字の色 */
	background:#ff3796;/* 全体背景の色 */
}
/* ボタン全体 */
.flowbtn8:before{
display:none;	
}	
.flowbtn8{
color:#fff!important;/* 文字の色 */
border:solid 1px #fff;/* 枠線の色 */
background:none;/* 背景なし */
border-radius:50%;
position:relative;
display:inline-block;
width:40px;
height:40px;
font-size:20px;
line-height:25px;
text-decoration:none;
transition:.5s;
margin-right:20px;
margin-bottom:10px;
}
/* 全体ボタンマウスホバー時 */
.flowbtn8:hover{
color:#ff3796!important;/* 文字の色 */
border:solid 1px #fff;/* 枠線の色 */
background:#fff!important;/* 背景の色 */
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* ボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:center;
}

/* 吹き出し全体 */
.voice .voicecomment {
margin-top: 0px;
}

/* 吹き出し女（枠線の色変更） */
.voice.girl .voicecomment{
border-color: #ff3796;
}
.voice.l.girl .voicecomment:before{
border-right-color: #ff3796;
}
.voice.r.girl .voicecomment:before{
border-left-color: #ff3796;
}

/* 吹き出し女（線幅） */
.voice.girl .voicecomment{
border-width: 1px;
}
.voice.l.girl .voicecomment:before{
border-right-width: 8px;
border-bottom-width: 7px;
border-top-width: 7px;
top: 11px;
left: -8px;
}
.voice.r.girl .voicecomment:before{
border-right-width: 8px;
border-bottom-width: 7px;
border-top-width: 7px;
top: 11px;
left: -8px;
}

/* 吹き出し男（枠線の色変更） */
.voice.boy .voicecomment{
border-color: #87b2e0;
}
.voice.l.boy .voicecomment:before{
border-right-color: #87b2e0;
}
.voice.r.boy .voicecomment:before{
border-left-color: #87b2e0;
}

/* 吹き出し男（線幅） */
.voice.boy .voicecomment{
border-width: 1px;
}
.voice.l.boy .voicecomment:before{
border-right-width: 8px;
border-bottom-width: 7px;
border-top-width: 7px;
top: 11px;
left: -8px;
}
.voice.r.boy .voicecomment:before{
border-right-width: 8px;
border-bottom-width: 7px;
border-top-width: 7px;
top: 11px;
left: -8px;
}


/*目次カスタマイズ*/
@media only screen and (min-width: 767px){
#toc_container {
color:#008db7;/*タイトル文字の色*/
padding: 25px 40px; 
}
/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:4px;
width: 1.2em;
color:#008db7;/*アイコンの色*/
font-size:22px;/*アイコンの大きさ*/
}
#toc_container .toc_title {
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
text-align: center;
border-bottom: 1px solid #dedede;/*タイトルの下線の太さ・色*/
font-size:24px !important;/*タイトルの文字サイズ*/
}
#toc_container .toc_list {
list-style-type: none;
counter-reset: li; 
}
.toc_toggle a{
color:#008db7;/*目次の表示・非表示の色*/
font-size:80%;/*目次の表示・非表示の文字サイズ*/
}
#toc_container .toc_list > li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
letter-spacing: -1px;
color: #595050; /*目次の数字の色*/
padding-left:7%;
font-weight:bold;
left: -48px;/*目次の数字の位置*/
top: 0px;
font-size: 18px; 
}
/* 目次のh2フォント設定 */
#toc_container li a{
border-top-width:0px;
line-height:12px;
padding-left:5%;
color: #595050;/*目次の文字の色*/
}
/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
line-height:16px !important;
color:#595050 !important;
text-decoration:none;
}
#toc_container li a:hover{
color:#595050;/*目次の文字の色マウスホバー*/
}
.toc_number{
display:none;
}
#toc_container {
background: #fffef6 !important;/*目次の背景色*/
border: 5px solid #e1eff4;/*目次の外枠の色*/
}
#toc_container .toc_list > li {
margin-bottom: 5px;
margin-left: 12px;
font-size: 1em; 
}
}
@media only screen and (max-width: 766px) {
/* 目次の枠線 */
#toc_container{
border: solid 5px #e1eff4;
background: #fffef6 !important;
}
/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#008db7;
}
/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
color:#008db7;
}
/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
line-height: 2em;
text-decoration:none;
color:#595050;
}
ul.toc_list li a:hover{
color:#595050;
}
/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
text-decoration:none;
color:#595050 !important;
}
}

/* PS Auto Sitemapリストの●を消す*/ 
#sitemap_list li:before{ 
width: 0; 
height: 0; 
}

/* BOXデザインピンク*/
.box15 {
    padding: 0.2em 2em;
    margin: 1em 1em;
    color: #565656;
    background: #FFF0FE;
    border: 1px solid #FF00EE; /* 枠線 */
}
.box15 p {
    margin: 0; 
    padding: 0;
}

/* リスト●をチェックマークへ変更*/
.entry-content ul.list_check{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_check li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f058"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #5ab9ff; /*アイコンの色*/
}


/* スポット情報BOXデザイン*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


/* checkマーク1 */
.mark1 {
position: relative;
margin: 0 10px 0 3px;
padding: 3px 8px 3px 5px;
color: #fff;/*文字の色*/
background: #f05684;/*背景色*/
font-weight: bold;/*文字の太さ*/
font-size: 0.8em;/*文字の大きさ*/
border-radius: 3px;/*角の丸み*/
}
.mark1:before{
margin: 0 3px 0 0;
content: "\f00c";/*アイコンの種類*/
font-family: FontAwesome;
color: #fff;
}

/* あわせて読みたいBOX */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FA86BE;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #FA86BE;
    font-weight: bold;
}
.box26 p {
    margin: 1; 
    padding: 0;
}


/*  肉球アイコン */
.my-pink{
color: #FA86BE;/*ピンク色に変える*/
}
.my-space{
padding-right: 0.5em;
}

/*  関連記事BOXデザイン */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*  BOXデザイン黄色 */
.box6 {
    padding: 0.2em 2em;
    margin: 1em 1;
    color: #2c2c2f;
    background: #FEFFF0;/*背景色*/
	border: 1px solid #EEFF00; /* 枠線 */
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/*  番号リストオレンジ */
.entry-content ol.list_numb{
border: solid 3px #ffb03f;/*外側の罫線の太さと色*/
padding: 0.3em 1.2em;
position: relative;
}
.entry-content ol.list_numb li{
line-height: 1em;
padding: 0.2em 0 1em 1.4em;
border-bottom: dashed 2px #ffb03f;/*点線の太さと色*/
}
.entry-content ol.list_numb li:before{
background-color: #ffb03f; /*数字の色*/
}
.entry-content ol.list_numb li:last-of-type{
border-bottom: none;
padding-bottom: 0;
}


/*  右矢印リスト */
.entry-content ul.list_right{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_right li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f054"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #4ec4d3 /*アイコンの色*/
}


/*  二重線ボックス */
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


/*  Boxデザイン水色 */
.box7 {
    padding: 0.2em 2em;
    margin: 1em 1em;
    background: #f0f7ff;
    border: 1px solid #0077FF; /* 枠線 */
}
.box7 p {
    margin: 0; 
    padding: 0;
}


/*  右指差しリスト */
.entry-content ul.list_finger{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_finger li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f0a4"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #4ec4d3 /*アイコンの色*/
}

/*  リストシンプル */
.entry-content ol.list_num li:before{
background-color: #3392ff; /*数字の色*/
}

/*  Boxデザイン交差 */
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}


/*フッター下線*/
.footer_line{ border-bottom: dotted 1.5px #e5e5e5;
padding-bottom: 0px;
font-size: 15px;}


/* フッターフォローボタン5*/
.flw_btn5 {
display: inline-block;
position: relative;
box-sizing: border-box;
text-decoration: none;
color: #fff !important;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 22px !important;
border-radius: 50%;
text-align: center;
vertical-align: middle;
margin: 2px;
padding: 0px 0px 0px 3px;
transition: .4s;
}
.flw_btn5:hover {
color: #fff !important;
opacity: 0.5;
}
.flw_btn5.fb { background: #6680d8 !important; }
.flw_btn5.htb { background: #49a8fb !important; }
.flw_btn5.tw { background: #22b8ff !important; }
.flw_btn5.pkt { background: #ff6d82 !important; }
.flw_btn5.fdly { background: #6cc655 !important; }
.flw_btn5.gp { background: #fd6969 !important; }
.flw_btn5.ist { background: #e84cb6 !important; }
.flw_btn5.cnt { background: #878484 !important; }


/* スマホフッターフォローボタン5*/
.my-white{
color: #ffffff;
font-size: 2em/*2倍の大きさに*/
}


/* 記事内自己紹介用ボックス*/
.box18 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #ffffff;
    border: dashed 3px #5b8bd0;/*点線*/
}
.box18 p {
    margin: 0; 
    padding: 0;
}



/* --------- 親カテゴリー背景色あり --------- */
.widget.widget_categories li:first-child,
.widget.widget_nav_menu li:first-child{
    border-top: 1px solid rgba(125, 125, 125, 0.2);
}

.widget.widget_categories li ul ul a:first-child,
.widget.widget_nav_menu li ul ul a:first-child{
    border-top: 1px dotted rgba(125, 125, 125, 0.2);
}

.widget.widget_nav_menu li{
    border-bottom: 1px solid rgba(125, 125, 125, 0.2);
}

.widget.widget_nav_menu li ul li{
    border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
}

/* --------- 親+子カテゴリ --------- */
.widget.widget_categories li a,
.widget.widget_nav_menu li a{
    padding: .7em 1.2em .7em 0.3em;
    background: #fff; /* 背景色 */
    color: #666; /* フォント色 */
    /*font-weight: bold;*/ /* フォント太字 */
}

.widget.widget_categories li a:before,
.widget.widget_nav_menu li a:before{
    font-family: FontAwesome;
    content:'\f138'; /* アイコン指定 */
    color: #1BB4D3; /* アイコン色 */
    padding-left: .7em;
    padding-right: .3em;
    font-size: 1.3em;
    vertical-align:middle
}

.widget.widget_categories li a:after,
.widget.widget_nav_menu li a:after{
    color: #ccc; /* li右端＞の色 */
}

/* --------- 子カテゴリのみ --------- */
.widget.widget_categories li ul li a,
.widget.widget_nav_menu li ul li a{
    background: #fff; /* 背景色 */
    color: #666; /* フォント色 */
    font-weight: normal; /* フォント通常 */
}

.widget.widget_categories  li ul li a:before,
.widget.widget_nav_menu li ul li a:before{
    font-family: FontAwesome;
    content:'\f0da'; /* アイコン指定 */
    color: #666; /* アイコン色 */
}

.widget.widget_nav_menu li ul li a{ /* 子カテゴリ 1層目 */
    padding-left: 2.0em;
}

.widget.widget_categories li ul a{ /* 子カテゴリ 1層目 */
    padding-left: 2.0em;
}

.widget.widget_categories li ul ul a,
.widget.widget_nav_menu li ul ul a{ /* 子カテゴリ 2層目 */
    padding-left: 3.5em;
}

/* ツアー一覧用ボックス*/
.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/* 参考外部リンクボックス*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}


/*こんな方におすすめリスト*/
.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;
}

/*旅行日程BOX*/
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #FFEDFC;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}



/* メモ　クリップ　Ａ */
.clip-box-a {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 90%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-a::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}

/*　リンクカード日付変更　*/
.entry-content .related_article .date {
display:none;
}

/* ------- リスト・シェブロン青 ------- */
.entry-content ul.list_cheb{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_cheb li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f138"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.5em; /*アイコンのサイズ*/
/*left: -0.4em; 左端からのアイコンまで*/
/*line-height:12px; 行間*/
color: #0077FF; /*アイコンの色*/
}

/* ------- リスト・シェブロン黄色 ------- */
.entry-content ul.list_cheby{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_cheby li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f138"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #FFAC4D; /*アイコンの色*/
}

/* ------- リスト・シェブロン桃 ------- */
.entry-content ul.list_chebp{
padding: 0em 0em 0em 0.5em;
position: relative;
}
.entry-content ul.list_chebp li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f138"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #FF00EE; /*アイコンの色*/
}


/************************************
** ボックスナビ
************************************/
.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: #66adff;/* アイコン色 */
display:inline-block;
}

.my-ppink{
color: #D41CB5;
}


/* トップページボタンピンク */
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #F767E0;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #D41CB5;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*トップページおすすめ*/
#pickup{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:0.5em;
  margin-bottom:1em;
}
#pickup .pickup_post{
  width:24%;
}
@media only screen and (max-width: 767px) {
  #pickup .pickup_post{
    width:48%;
    margin-bottom:-1em;
  }
}
#pickup .pickup_post a img{
  box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
  border-radius:2px;
  transition: .3s ease-in-out;
}
#pickup .pickup_post a img:hover{
  box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}

/*トップページの見出し*/
h2.top_menu {
  border-left:none;
  background-color:#fff !important;
  color:#000 !important;
  overflow: hidden;
  text-align: center;
}
h2.top_menu span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
h2.top_menu span::before,
h2.top_menu span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #000;
}
h2.top_menu span::before {
  right: 100%;
}
h2.top_menu span::after {
  left: 100%;
}
@media only screen and (max-width: 767px) {
  h2.top_menu {
    font-size:1em;
  }
}

/*固定ページのタイトル削除*/
.home .entry-header {
position: absolute!important;
clip: rect(1px, 1px, 1px, 1px)!important;
background-color: transparent!important;
}

/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 80vh;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
}
.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 60vh;
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}

/* アプリリンク */
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 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;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
/* サイトマップページのアイコン非表示 */
#sitemap_list li::before {
    display: none;
}
/* 目次デザイン調整 */
span.toc_number {
    display: none !important;
}
/* 関連記事エリアデザイン調整 */
.related_article time.time__date.gf {
    display: none;
}
/* PC画面でハンバーガーメニュー非表示 */
@media only screen and (min-width: 960px) {
a.nav_btn.menu_btn {
    display: none;
}
/* トップの行間調整 */
.column-wrap p {
    margin-bottom: 24px;
}
}
/* トップのメインビジュアル天地調整 */
div#custom_header {
    min-height: 216px !important;
}
@media only screen and (max-width: 767px) {
div#custom_header {
    min-height: 1px !important;
}
}

/*-----------------------------------------------
フッターメニューを固定する
-----------------------------------------------*/

@media only screen and (max-width: 767px) {
#container{
    padding-bottom:50px;/*フッターの高さだけコンテンツを上げる*/
}
#fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color:#e0fcff;/*メニューの背景色*/
    z-index:99;
}
#fixed_footer .fa {
    font-size:24px;/*アイコンフォントのサイズ*/
}
#fixed_footer ul {
    margin:5px 0;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#fixed_footer ul li {
    display: table-cell;
    vertical-align: middle;
    font-size:10px;/*文字サイズ*/
    margin:auto;
}
#fixed_footer ul li a{
    color:#636363;/*文字色*/
    text-decoration:none;
}
#page-top{
    display:none;/*デフォルトのトップへ戻るボタンを消す*/
}
}