@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
* 0- アプリ 
* 1- トップメニューの高さ
* 2- 見出し基本（H1-6）
* 3- 個別見出し
* 4- フォントサイズ
* 5- フォントカラー
* 6- フォント囲い
* 7- FontAwesome
* 8- ボタン設定
* 9- テーブル
* 10- アンダーマーカー
* 11- iPhoneアプリリンク用
* 12- 固定ページ SNSボタン消し
* 13- CMP個別
* 14- アコーディオン
* 15- カエレバ
* 16- Flex PP-CMP
* 17- 会話
* 18- カスタムタブ
** 新着記事（new）-未使用
************************************/

/************************************
*　0- アプリ
************************************/
.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;
}



.fackincopy-sukesuke{
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

.sub-t{
 padding: 1px 8px;
 border-left: 7px solid #4682b4;
 text-decoration: none;
}

.sub-t:hover {
text-decoration: underline;
}

.sub-t2{
 padding: 0px 10px;
 text-decoration: none;
}

.sub-t2:hover {
text-decoration: underline;
}

.su-accordion .su-spoiler {
 margin-bottom: 0em !important;
}


/************************************
*　1- トップメニュー
************************************/

#navi ul li a{
  font-size:15px;
  font-weight: bold;
}

.navi-in > ul li {
    height: 40px;
    line-height: 40px;
}

/************************************
*　2- 見出し基本（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.site-content article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}

.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}

.article h2{
 font-size: 1.7rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 15px solid #75bc3a;
 border-bottom:  solid #75bc3a;
 background: none;
 color: #75bc3a;
 margin:40px -20px 35px;　　/*上　左右　下*/
}


.article h3{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid #008ee1;
 border-top: none;
 border-right: none;
 border-left: 11px solid #008ee1;
 color: #008ee1;
 margin:40px -15px 25px;　/*上　左右　下*/
}


.article h4{
 font-size: 1.1rem;
 padding: 5px 10px;
 border-bottom: ;
 margin: 15px -15px 5px;　　/*上　左右　下*/
}



/************************************
*　3- 個別見出し
************************************/

/********　左ボーダー打ち消し用　**********/
.article h2.none{
 padding: 5px 8px;
 border-bottom: none;
 border-left: none;
 color: none;
} 

.article h3.none{
 padding: 10px 10px;
 border-bottom: none;
 border-left: none;
 color: none;
}


/********　H2　nanaco　**********/
.article h2.nanaco{
 padding: 5px 0px;
 border-bottom: solid;
 border-left: none;
 color: none;
} 


/********　H2 ANAカード詳細　**********/

.article h2.anaall{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.3;
 padding: ;
 border-bottom: none;
 border-left: none;
 color: #003399;
 background: none;
 margin:10px 10px;
}

.anaall{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.3;
 padding: ;
 border-bottom: none;
 border-left: none;
 color: #003399;
 background: none;
 margin:10px 10px;
}

/********　H2 ANA CMP　**********/

.article h2.anacmp{
 font-size: 1.4rem;
 padding: 10px 10px;
 border-bottom: none;
 border-left: none;
 color: ;
 background: #0066CC;  /* バックベタに必要 */
} 

/********　H3 text コンテンツ文章内　**********/

.article h3.text{
 border-bottom: none;
 border-left: none;
 background: none;
 margin: 15px -15px;　/*上下　左右*/
}

/********　H3 ANA CMP　**********/

.article h3.anacmp{
 padding: 10px 10px;
 border-bottom: none;
 border-left: none;
 color: ;
 background: #0066CC;  /* バックベタに必要 */
} 

/********　H3 ANA JCB CMP　**********/

.article h3.anajcb{
 padding: 10px 10px;
 border-bottom: none;
 border-left: none;
 color: ;
 background: #000080;  /* バックベタに必要 */
} 

/********　 MUFG　**********/

.article h2.mufgp{
 font-size: 1.6rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 15px solid #9da6b0;
 border-bottom:  solid #9da6b0;
 background: #5d6c7c;
 color:#ffffff;
 margin:40px -20px 35px;　　/*上　左右　下*/
}


article h3.mufgp{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid #008ee1;
 border-left: 11px solid #58472d;
 color: #58472d;
 margin:40px -15px 25px;　/*上　左右　下*/
}

.article h4.mufg {
 border-left: 8px solid #4682b4;
 padding: 4px 10px;
 color: #4682b4;
 margin: 35px -11px 20px;　/*上　左右 下*/
}


/********　H3 nanaco　**********/
.article h3.none{
 padding: 10px 10px;
 border-bottom: none;
 border-left: none;
} 

/********　H2 Diners premium　**********/

.article h2.dinersp{
 font-size: 1.6rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 15px solid #BBBBBB;
 border-bottom:  solid #BBBBBB;
 background: #555555;
 color:#ffffff;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.dinersp{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 11px solid #B8860B;
 color: #B8860B;
 margin:40px -15px 25px;　/*上　左右　下*/
}


/********　H2 Amex SkyTraveler　 Premium **********/
.article h2.skyp{
 font-size: 1.6rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 15px solid #B22222;
 border-bottom:  solid #B22222;
 background: #BDB76B;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.skyp{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 11px solid #B22222;
 color: #B22222;
 margin:40px -15px 25px;　/*上　左右　下*/
}



/********　H2 Amex SkyTraveler　classic **********/
.article h2.skyc{
 font-size: 1.6rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 15px solid #000066;
 border-bottom:  solid #000066;
 background: #CCCCCC;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.skyc{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 11px solid #000066;
 color: #000066;
 margin:40px -15px 25px;　/*上　左右　下*/
}

/********　H2 ANA Amex Gold **********/
.article h2.aag{
 font-size: 1.6rem;
 font-weight: 600; 
 line-height: 1.5;
 padding: 5px 18px;
 border-left: 15px solid #DEB732;
 border-bottom:  solid #DEB732;
 background: #856c17;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.aag{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 11px solid #9B7955;
 color: #9B7955;
 margin:40px -15px 25px;　/*上　左右　下*/
}

article h3.aagtext{
 font-size: 1.2rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 0px solid #9B7955;
 color: #9B7955;
 margin:40px -15px 25px;　/*上　左右　下*/
}


/************************************
*　4- フォントサイズ、装飾
************************************/

/****************　装飾***************/

.pad10 {
padding: 10px;
}

.padb10 {
padding-bottom: 10px;
}

.pad15 {
padding: 15px;
}

.pad20 {
padding: 20px;
}

.pad100 {
padding: 100px;
}

.padtop20 {
padding-top: 20px;
}

.margin10 {
margin: 10px;
}

.marginb20 {
margin-bottom: 20px;
}

.margint10 {
margin-top: 10px;
}

.marginb-10 {
margin-bottom: -10px;
}

.margint-15 {
margin-top: -15px;
}

.margint-30 {
margin-top: -30px;
}

.bd {
font-weight: bold;
}

.lh5 {
line-height: 50%;
}

.lh10 {
line-height: 100%;
}

.lh12 {
line-height: 120%;
}

.lh15 {
line-height: 150%;
}

.lh16 {
line-height: 160%;
}

.lh30 {
line-height: 300%;
}


.center{
text-align: center;
}

.left{
text-align: left;
}

.text-decoration {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

/********　サイズ　*********************/

/********　0.6　**********/
.f6 {
font-size: 0.6rem;
}

/********　0.7　**********/
.f7 {
font-size: 0.7rem !important;
}

/********　0.8　**********/
.f8 {
font-size: 0.8rem;
}

/********　0.9　**********/
.f9 {
font-size: 0.9rem;
}

/********　1.0　**********/
.f10 {
font-size: 1.0rem;
}

/********　1.1　**********/
.f11 {
font-size: 1.1rem;
}

/********　1.2　**********/
.f12 {
font-size: 1.2rem;
}

/********　1.3　**********/
.f13 {
font-size: 1.3rem;
}

/********　1.4　**********/
.f14 {
font-size: 1.4rem;
}

/********　1.5　**********/
.f15 {
font-size: 1.5rem;
}

/********　1.7　**********/
.f17 {
font-size: 1.7rem;
}

/********　2.0　**********/
.f20 {
font-size: 2.0rem;
}

/********　2.5　**********/
.f25 {
font-size: 2.5rem;
}

/********　3.0　**********/
.f30 {
font-size: 3.0rem;
}



/************************************
* 5- フォントカラー
************************************/

/******フォント*******/
.black{
color: #000000;
}

.white{
color: #FFFFFF;
}

.red{
color: #FF0000;
}

.rgreen{
color: #99CC00;
}

.dgreen{
color: #006600;
}

.anablue{
color: #0000DD;
}

.steelblue{
color: #4682b4;
}

.dblue{
color: #0044B4;
}

.egreen{
color: #00B4B6;
}

.brown{
color: #8b4513;
}

.lightbrown{
color: #6c4400;
}

.purple{
color: #990099;
}

.sky{
color: #3399CC;
}

.orange{
color: #FF8C00;
}

.daidai{
color: #ffcc00;
}

.pink{
color: #FF1493;
}

.gray{
color: #333333; /*濃いめ*/
}


/****** background *******/

.dredb{
background: #BB0000
}

.rbrownb{
background: #daa520;
}

.creamb{
background: #F5F0CF;
}

.lcreamb{
background: #FFFFEE;
}

.rorangeb{
background: #ffd700;
}

.anab{
background: #4288cf;
}

.skyb{
background: #D9EDF7;
}

.steelblueb{
background: #4682b4;
}

.dblueb{
background: #000066
}

.lgrayb{
background: #eee;
}

.grayb{
background: #333333; /*濃いめ*/
}


/*****************************
* 6- フォント囲い
*****************************/

/******* 上下ライン *******/
 
.b-t2 {
 border-top: 2px solid;
}

.b-b2 {
 border-bottom: 2px solid;
}

.b-b4 {
 border-bottom: solid;
}


/******* ピンク枠＋ピンク文字 *******/

.p-border{
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  color: #FF1493;
  border-color: #FF1493;
}

/********　青枠＋青文字　**********/

.blue-border{
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  color: #0000CD;
  border-color: #0000CD;
}

/********　黄緑枠＋黄緑文字　**********/

.rg-border{
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  color: #33CC00;
  border-color: #33CC00;
}




/**************ベタ塗り**************/
/**********************************/

/******* ピンクベタ＋白文字 *******/

.p-back{
  color: #FFFFFF;
  background-color: #FF1493;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #FF1493; 
}

/******* 深緑ベタ＋白文字 *******/

.dg-back{
  color: #FFFFFF;
  background-color: #006600;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #006600;
}

/******* 黄緑ベタ＋白文字 *******/

.rg-back{
  color: #FFFFFF;
  background-color: #009900;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #009900;
}

/********　黄緑ライトベタ＋白文字　**********/

.rrg-back{
  color: #FFFFFF;
  background-color: #99CC00;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #99CC00;
}

/********　青ベタ＋白文字　**********/

.blue-back{
  color: #FFFFFF;
  background-color: #0000CD;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #0000CD;
}

/********　ana青ベタ＋白文字　**********/

.anab-back{
  color: #FFFFFF;
  background-color: #4288cf;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #0000CD;
}

/********　灰ベタ＋白文字　**********/

.gray-back{
  color: #FFFFFF;
  background-color: #808080;
  padding: 1px 5px;
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  border-color: #808080;
}

/********　sp囲い別色 MUFG青グレー　**********/
.sp-mufgback {
    background-color: #9da6b0;
    border-color: #BCE8F1;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

/********　sp囲い別色 楽天Pクリーム　**********/
.sp-rakutenpback {
    background-color: #F5F0CF;
    border-color: #BCE8F1;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}



/*****************************
* 7- FontAwesome
*****************************/

/********　アテンション右指　グレー**********/
.att {
 font-size: ;
 color: ;
}

.att:before {
 font-family:"FontAwesome";
 content:"\f0a4";
 color:#555555;
 font-size: 1.1rem;
 margin-right: 4px;
}

.fa-7 {
font-size: 0.7em;
}



/*******************************
* 8- ボタン設定
********************************/

.btn-gray {
    background-color: #5d6c7c;
}

/********　橙ベタ＋白文字　**********/
.btn-b{
  color: #fff;
  margin: 1em;
  border-radius: 4px;
  display: inline-block;
  line-height: normal;
  padding: 10px 150px;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  border: 2px solid transparent;
}


/********　before矢印　**********/
.btn-b:before{
 font-family: FontAwesome;
 content: "\f138";
}


/******　ホーバー白ベタ＋黒文字　********/
#container a.btn-b:hover{
  color: #333;
  background-color: #fff;
  border: 2px solid #000;
}


/******　モバイルボタンサイズ　********/
.btn-mobile{
  padding: 10px 50px;
  font-size: 16px;
  font-weight: bold;
text-align: center;
}


/********　****PP CMP 橙ベタ＋白文字　**********/
/********　***************　**********/
.btn-pp{
  color: #fff;
  margin: 1em;
  border-radius: 4px;
  display: inline-block;
  line-height: normal;
  padding: 6px 10px;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
}


/********　before矢印　**********/
.btn-pp:before{
 font-family: FontAwesome;
 content: "\f138";
}


/******　ホーバー白ベタ＋黒文字　********/
#container a.btn-pp:hover{
  color: #333;
  background-color: #fff;
  border: 2px solid #000;
}


/********　**モバイル　*******************/
.btn-ppm{
  color: #fff;
  margin: 1em;
  border-radius: 4px;
  display: inline-block;
  line-height: normal;
  padding: 3px 4px;
  text-decoration: none;
  text-align: center;
  border: 1px solid transparent;
}


/********　before矢印　**********/
.btn-ppm:before{
 font-family: FontAwesome;
 content: "\f138";
}


/******　ホーバー白ベタ＋黒文字　********/
#container a.btn-ppm:hover{
  color: #333;
  background-color: #fff;
  border: 1px solid #000;
}


/************************************
* 9- テーブル
************************************/
table {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

.article table {
    width: 100%; /*幅自動100%*/
}


.mc {
text-align: center; 
vertical-align: middle;
}

.w50p {
width: 50%;
}

.vtop {
vertical-align: top;
}


.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}

.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

/********** ANA CMPカード詳細 ******/
.alllist {
width:100%;
font-size: 0.8rem;
line-height: 1.5;
padding: 5px;
border-top: 4px solid #1b3c80;
}

.alllist th{
font-size: 0.8rem;
line-height: 1.5;
padding: 5px;
}

.alllist td{
font-size: 0.8rem;
line-height: 1.5;
padding: 5px;
}



/******　table 横スクロール *******/
@media (max-width: 640px) {
    .table-wrap {
        overflow-x: scroll;
    }
}

.table-scroll { 
overflow-x: auto;
}

.m10{
  margin: 10px auto;
}

.m50{
  margin: 10px 50px;
}

.m10all{
  margin: 10px;
}


/************************************
* 10- アンダーマーカー
************************************/

/*下半分のマーカー色（km）*/
.marker-under{
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight: bold;
}

/* 赤マーカー */
.marker_red {
  font-weight: bold;
  background: -moz-linear-gradient(transparent 70%, rgb(255, 170, 170) 40%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 70%, rgb(255, 170, 170) 40%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 70%, rgb(255, 170, 170) 40%);       /* IE用 */
  background: linear-gradient(transparent 70%, rgb(255, 170, 170) 40%);           /* Default */
} 

 
/* 黄緑マーカー */
.marker_green {
  font-weight: bold;
  background: -moz-linear-gradient(transparent 70%, #75bc3a 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 70%, #75bc3a 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 70%, #75bc3a 0%);       /* IE用 */
  background: linear-gradient(transparent 70%, #75bc3a 0%);           /* Default */
} 
 
/* 水色マーカー */
.marker_blue {
  font-weight: bold;
  background: -moz-linear-gradient(transparent 60%, #10EAEA 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 60%, #10EAEA 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 60%, #10EAEA 0%);       /* IE用 */
  background: linear-gradient(transparent 60%, #10EAEA 0%);           /* Default */
} 


/************************************
* 11- iPhoneアプリリンク用
************************************/

.mapp {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 150%;
  color: ;
}


/*******************************
* 12- 固定ページのSNSボタン消し
********************************/

/*********** ANA CMP 固定ページ *******/
#post-4085 .article .post-meta { 
 display: none; 
} /* post-xx の .post-meta (日付とか更新日とか含む) の非表示 */


#post-4085 .post-author, .footer-post-meta .edit {
 display: none; 
} /* post-xx の下部投稿者名と編集リンクの削除 .edit の有無は関係ナス */



/*****************************
* 13- CMP個別
*****************************/

/****　ANA amex cmp枠　****/
.aag-cmp {
 height: 40px;
}

.bluebox {
    border-width: 2px;
    border-style: solid;
border-color: #428BCA;
padding: 12px;
border-radius: 7px;
margin-bottom: 20px;
}

table.nob td {
border: none;
}

table.nob th {
border: none;
}

/***** SBI ****/
table.sbi td {
    border: none;
    padding: 14px 11px 14px 11px;
}

table.sbi th {
    border: none;
    padding: 14px 11px 14px 11px;
}

.box-border {
 border: 1px solid #DDD;
}

.box-h330 {
 height: 330px;
}

/****　ANA CMPカード一覧上部アイコン説明枠　****/
.sp-primary-ana {
    background-color: ;
    color: ;
    padding: 15px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: px;
    font-size: 0.8rem;
    font-weight: ;
    line-height: 1.3rem;
}


.article.post-206, .article.post-2432, .article.post-4085, .article.post-4183, .article.post-4527, .article.post-4996, .article.post-5352, .article.post-6842, .article.post-6933, .article.post-7034, .article.post-7097, .article.post-7216, .article.post-7435, .article.post-7847, .article.post-8213, .article.post-8577, .article.post-8759, .article.post-9195, .article.post-9427, .article.post-9489, .article.post-9674, .article.post-9758, .article.post-9783, .article.post-9914, .article.post-9979, .article.post-10115, .article.post-10166, .article.post-10258, .article.post-10520, .article.post-10575, .article.post-10170, .article.post-10747, .article.post-11038 {
  padding: 0px 100px;
  float: none;
}


.entry-card.post-206, .entry-card.post-2432, .entry-card.post-4085, .entry-card.post-4183, .entry-card.post-4527, .entry-card.post-4996, .entry-card.post-5352, .entry-card.post-6842, .entry-card.post-6933, .entry-card.post-7034, .entry-card.post-7097, .entry-card.post-7216, .entry-card.post-7435, .entry-card.post-7847, .entry-card.post-8213, .entry-card.post-8577, .entry-card.post-8759, .entry-card.post-9195, .entry-card.post-9427, .entry-card.post-9489, .entry-card.post-9674, .entry-card.post-9758, .entry-card.post-9783, .entry-card.post-9914, .entry-card.post-9979, .entry-card.post-10115,.entry-card.post-10166, .entry-card.post-10258, .entry-card.post-10520, .entry-card.post-10575,.entry-card.post-10170,.entry-card.post-10747 {
  padding: 0px;
}



.anacmp-back {
background-image: url("//5star-traveler.com/wp/wp-content/uploads/2017/06/skyback.jpg")
}

/********** PP 情報用 ******/
.pp {
color: #4682b4;
font-size: 1rem;
font-weight: bold;
}

.pplist {
margin: -15px 0px 0px; 
}


/**********************************
* 14- アコーディオン 
************************************/

/********　茶FONT+バック白　**********/

.su-spoiler.my-custom-spoiler {}
.su-spoiler.my-custom-spoiler .su-spoiler-title {
 font-size: 1.1rem;
 line-height: 1.3rem;
 padding: 5px 30px;
 border-bottom: none;
 border-left: none;
 color: #B8860B;
 background: none;
 margin: -10px;
}

.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
left: 3px;
background-color: #fff;
}
.su-spoiler.my-custom-spoiler .su-spoiler-content { background-color: ; }



/********　見出し紺＋FONT中身小　**********/

.su-spoiler.my-custom-spoiler2 {}
.su-spoiler.my-custom-spoiler2 .su-spoiler-title {
 font-size: 1.1rem;
 line-height: 1.3rem;
 padding: 10px 30px;
 border-bottom: none;
 border-left: none;
 color: #FFFFFF;
 background: #2F4F4F;
 margin: 10px;
}

.su-spoiler.my-custom-spoiler2 .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler2 .su-spoiler-title .su-spoiler-icon {
left: 3px;
}
.su-spoiler.my-custom-spoiler2 .su-spoiler-content {
background-color: #DDDDDD;
font-size: 0.9rem;
margin: -10px;
padding: 10px 30px;
}



/************************************
* 15- カエレバ
************************************/
/* ===============消しちゃダメ============== */
/* kaereba/yomereba Customize Settings 1.0.0 ver */
/* Created by Cazuki Hoshina */
/* Copyright (c) @cazuki All rights Reserved. */
/* ======================================== */




/************************************
* 16- Flex PP-CMP
************************************/
.pp-mobile{
border-radius: 5px;
padding: 10px;
margin: 0px 3px;
}


.pp-title{
border-radius: 5px;
padding: 15px;
margin: 0px 3px;
}

.cardtitle{
margin: 0px 0px;
}

.cardprice{
margin: 25px 0px;
padding: 2px 2px;
}

.cardtext{
margin: 15px 0px;
}

.ppmain {
  display: flex;
}

.ppmain section {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
  margin: 3px;
  border-radius: 5px;
  padding: 10px;
}


@media screen and (max-width: 700px) {
  .ppmain {
    flex-direction: column;
  }
}

.exp {
  display: flex;
}

.exp section {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
  margin: 0px;
  border-radius: 0px;
  padding: 3px;
}

@media screen and (max-width: 350px) {
  .exp {
    flex-direction: column;
  }
}

.anacmp-flex  {
  display: flex;
justify-content: center;

}

.anacmp-section {
margin: 3px;
border-radius: 5px;
padding: 10px;
}


@media screen and (max-width: 700px) {
  .anacmp-flex {
    flex-direction: column;
  }
}

.lax-flex {
  display: flex;
justify-content: center;

}

.lax-section {
flex: 1;
margin: 3px;
border-radius: 5px;
padding: 10px;
}

.lax-section2 {
flex: 1;
margin: 3px 0px;
border-radius: 5px;
padding: 10px;
}

@media screen and (max-width: 700px) {
  .lax-flex {
    flex-direction: column;
  }
}

.vertical-container {
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}


/************************************
* 17- 会話
************************************/
.r_balloon2, .r-balloon2 {
    position: relative;
    background: #DFF0D8;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}

.r_balloon2:after, .r_balloon2:before, .r-balloon2:after, .r-balloon2:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.r_balloon2:after, .r-balloon2:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #DFF0D8;
    border-width: 7px;
    margin-top: -7px;
}


.r_balloon2:before, .r-balloon2:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}


border-left-color: #DFF0D8;
    border-width: 7px;
    margin-top: -7px;
}


/************************************
* 18- カスタムタブ
************************************/

.su-tabs.my-custom-tabs { 
background-color: #4288cf;
}
.su-tabs.my-custom-tabs .su-tabs-nav span {
font-size: ; 
}
.su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current {
background-color: #EDFAFF;
}
.su-tabs.my-custom-tabs .su-tabs-pane {
padding: ;
font-size: ;
background-color: #EDFAFF;
}

.su-tabs-nav span {
 font-weight: bold;
}


/************************************
* 19- インデックス用2カラム
************************************/

.indexcmp {
  display: flex;
}

.indexcmp section {
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  margin: 3px;
  border-radius: 5px;
  padding: 10px;
}


/************************************
** 新着記事（new）-未使用
************************************/

/*タイトル*/
.widget-title {
  margin-bottom: 10px;
  padding: 5px 20px 5px 10px;
  background-color: #3cbdf0;
  font-size: 20px;
  color: ;
  border-bottom: none;
}
.widget-title a {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}
.widget-title a:hover {
  color: ;
  text-decoration: underline;
}

/* 新着記事 */
#new-entries .new-entry{
  clear:both;
}

#new-entries .new-entry-thumb {
  float: left;
  margin-bottom:10px;
  padding-bottom:5px;
}

#new-entries .new-entry-content {
  margin-left:120px;
  margin-bottom:10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3em;
}

#new-entries .new-entry-content a {
  color:#555555;
}

#new-entries .post-meta {
  margin-bottom: 0.5em;
  margin-left:120px;
  text-align:right;
  color:#000000;
  font-size:16px;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}



/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

#new-entries .new-entry-content {
  margin-left:120px;
  margin-bottom:10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
}

#breadcrumb {
    margin-bottom: 0px;
    color: #777;
    font-size: 13px;
} /*パンくず下スペース詰める*/

.article h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: bold;
  line-height:117%;
}

.article h2{
 font-size: 1.2rem;
 font-weight: bold;
 border-left: 12px solid #75bc3a;
 margin: 10px -10px 5px;
}

.article h3{
 font-size: 1.1rem;
 font-weight: bold;	
 border-left: 9px solid #008ee1;
 margin: 10px -7px 5px;
}
	
.article h4{
 font-size: 1rem;
}

.page-id-4085 #main {
  padding: 9px;
  float: none;
}

.page-id-6842 #main {
  padding: 9px;
  float: none;
}

.page-id-9188 #main {
  padding: 9px;
  float: none;
}

#post-206, #post-2432, #post-4085, #post-4183, #post-4527, #post-4996, #post-5352, #post-6933, #post-7034, #post-7097, #post-7216, #post-7435, #post-7847, #post-7713, #post-8213, #post-8577, #post-8759, #post-8789, #post-9195, #post-9427, #post-9489, #post-9674, #post-9758, #post-9783, #post-9979, #post-10115, #post-10166, #post-10170, #post-10520, #post-10575, #post-10747{
  padding: 8px;
  float: none;
}

table.sbi td {
    border: none;
    padding: 14px 11px 14px 11px;
}

table.sbi th {
    border: none;
    padding: 14px 11px 14px 11px;
}

.anacard-m{
 font-size: 15px;
 font-weight: bold;
 line-height: 1.3;
 padding: 20px 10px;
 border-bottom: none;
 border-left: none;
 color: #003399;
 background: none;
 margin: 20px 0px;
}

.article h2.dinersp{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 12px solid #BBBBBB;
 border-bottom:  solid #BBBBBB;
 background: #555555;
 color:#ffffff;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.dinersp{
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 8px solid #B8860B;
 color: #B8860B;
 margin:40px -15px 25px;　/*上　左右　下*/
}

/********　H2 Amex SkyTraveler　**********/
.article h2.skyp{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.5;
 padding: 5px 8px;
 border-left: 12px solid #B22222;
 border-bottom:  solid #B22222;
 background: #BDB76B;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.skyp{
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1.3;
 padding: 5px 7px;
 border-bottom: 0px solid;
 border-left: 8px solid #B22222;
 color: #B22222;
 margin:40px -15px 25px;　/*上　左右　下*/
}


/********　H2 Amex SkyTraveler　**********/
.article h2.skyc{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: ;
 padding: 5px 8px;
 border-left: 12px solid #000066;
 border-bottom:  solid #000066;
 background: #CCCCCC;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.skyc{
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1.3;
 padding: 5px 7px;
 border-bottom: 0px solid;
 border-left: 8px solid #000066;
 color: #000066;
 margin:40px -15px 25px;　/*上　左右　下*/
}

/********　H2 ANA AMEX GOLD　**********/
.article h2.aag{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: ;
 padding: 5px 8px;
 border-left: 12px solid #DEB732;
 border-bottom:  solid #DEB732;
 background: #856c17;
 color: #FFFFEE;
 margin:40px -20px 35px;　　/*上　左右　下*/
}

article h3.aag{
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1.3;
 padding: 5px 7px;
 border-bottom: 0px solid;
 border-left: 8px solid #9B7955;
 color: #9B7955;
 margin:40px -15px 25px;　/*上　左右　下*/
}

article h3.aagtext{
 font-size: 1.0rem;
 font-weight: bold;
 line-height: 1.3;
 padding: 5px 10px;
 border-bottom: 0px solid;
 border-left: 0px solid #9B7955;
 color: #9B7955;
 margin:40px -15px 25px;　/*上　左右　下*/
}

/********　H2 ANAカード詳細-mobile　**********/

.article h2.anaall{
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.3;
 padding: ;
 border-bottom: none;
 border-left: none;
 color: #003399;
 background: none;
 margin:0px 10px;
}	
	
	
/********　H3 ANA CMP-mobile　**********/

.article h3.anacmp{
 padding: 5px 7px;
 border-bottom: none;
 border-left: none;
 background: #0066CC;  /* バックベタに必要 */
} 

.alllist {
  width:100%;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 5px;
  border-top: 4px solid #1b3c80;
}