/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

body {letter-spacing: 0.1em;}
main section p {
  margin-left: 0.2em !important;
  margin-bottom: 2.2em !important;
}

/* フォント変更 */
body {
     font-family: 'Sawarabi Gothic', sans-serif;
     font-size: 0.97em;
}

/* グローバルメニュー */
#g_nav {
    font-size: 0.85em;
}
div.navi-small{
  font-size:0.4em;
}

/* 見出し */
h2.bgpink {
  background-color: #ff6394;
}
h3.bgpink {
  border-left: 4px solid #ff6394;
}
h4.bgpink {
  color: #ff6394;
}

/*
p.site_description {
color:#fff;
background-color:#66c6ba;
}
*/

/* list */
ul li {
padding-left: 1.4em !important;
}
ol li {
padding-left: 1.7em !important;
}

/* color, size */
.align-center { text-align: center;}
.align-right  { text-align: right;}
.align-left   { text-align: left; }
.valign-top     { vertical-align: top; }
.valign-middle  { vertical-align: middle; }
.valign-bottom  { vertical-align: bottom; }

.m0   { margin: 0px !important; }
.m0-t { margin-top: 0px !important; }
.m0-r { margin-right: 0px !important; }
.m0-b { margin-bottom: 0px !important; }
.m0-l { margin-left: 0px !important; }

.m1   { margin: 1px !important; }
.m1-t { margin-top: 1px !important; }
.m1-r { margin-right: 1px !important; }
.m1-b { margin-bottom: 1px !important; }
.m1-l { margin-left: 1px !important; }

.m2   { margin: 2px !important; }
.m2-t { margin-top: 2px !important; }
.m2-r { margin-right: 2px !important; }
.m2-b { margin-bottom: 2px !important; }
.m2-l { margin-left: 2px !important; }

.m3   { margin: 3px !important; }
.m3-t { margin-top: 3px !important; }
.m3-r { margin-right: 3px !important; }
.m3-b { margin-bottom: 3px !important; }
.m3-l { margin-left: 3px !important; }

.m4   { margin: 4px !important; }
.m4-t { margin-top: 4px !important; }
.m4-r { margin-right: 4px !important; }
.m4-b { margin-bottom: 4px !important; }
.m4-l { margin-left: 4px !important; }

.m5   { margin: 5px !important; }
.m5-t { margin-top: 5px !important; }
.m5-r { margin-right: 5px !important; }
.m5-b { margin-bottom: 5px !important; }
.m5-l { margin-left: 5px !important; }

.m10   { margin: 10px !important; }
.m10-t { margin-top: 10px !important; }
.m10-r { margin-right: 10px !important; }
.m10-b { margin-bottom: 10px !important; }
.m10-l { margin-left: 10px !important; }

.m15   { margin: 15px !important; }
.m15-t { margin-top: 15px !important; }
.m15-r { margin-right: 15px !important; }
.m15-b { margin-bottom: 15px !important; }
.m15-l { margin-left: 15px !important; }

.m20   { margin: 20px !important; }
.m20-t { margin-top: 20px !important; }
.m20-r { margin-right: 20px !important; }
.m20-b { margin-bottom: 20px !important; }
.m20-l { margin-left: 20px !important; }

.m25   { margin: 25px !important; }
.m25-t { margin-top: 25px !important; }
.m25-r { margin-right: 25px !important; }
.m25-b { margin-bottom: 25px !important; }
.m25-l { margin-left: 25px !important; }

.m30   { margin: 30px !important; }
.m30-t { margin-top: 30px !important; }
.m30-r { margin-right: 30px !important; }
.m30-b { margin-bottom: 30px !important; }
.m30-l { margin-left: 30px !important; }

.m35   { margin: 35px !important; }
.m35-t { margin-top: 35px !important; }
.m35-r { margin-right: 35px !important; }
.m35-b { margin-bottom: 35px !important; }
.m35-l { margin-left: 35px !important; }

.m40   { margin: 40px !important; }
.m40-t { margin-top: 40px !important; }
.m40-r { margin-right: 40px !important; }
.m40-b { margin-bottom: 40px !important; }
.m40-l { margin-left: 40px !important; }

.m50   { margin: 50px !important; }
.m50-t { margin-top: 50px !important; }
.m50-r { margin-right: 50px !important; }
.m50-b { margin-bottom: 50px !important; }
.m50-l { margin-left: 50px !important; }

.m60   { margin: 60px !important; }
.m60-t { margin-top: 60px !important; }
.m60-r { margin-right: 60px !important; }
.m60-b { margin-bottom: 60px !important; }
.m60-l { margin-left: 60px !important; }

.m70   { margin: 70px !important; }
.m70-t { margin-top: 70px !important; }
.m70-r { margin-right: 70px !important; }
.m70-b { margin-bottom: 70px !important; }
.m70-l { margin-left: 70px !important; }

.p0    { padding: 0px !important; }
.p0-t  { padding-top: 0px !important; }
.p0-r  { padding-right: 0px !important; }
.p0-b  { padding-bottom: 0px !important; }
.p0-l  { padding-left: 0px !important; }

.p1    { padding: 1px !important; }
.p1-t  { padding-top: 1px !important; }
.p1-r  { padding-right: 1px !important; }
.p1-b  { padding-bottom: 1px !important; }
.p1-l  { padding-left: 1px !important; }

.p2    { padding: 2px !important; }
.p2-t  { padding-top: 2px !important; }
.p2-r  { padding-right: 2px !important; }
.p2-b  { padding-bottom: 2px !important; }
.p2-l  { padding-left: 2px !important; }

.p3    { padding: 3px !important; }
.p3-t  { padding-top: 3px !important; }
.p3-r  { padding-right: 3px !important; }
.p3-b  { padding-bottom: 3px !important; }
.p3-l  { padding-left: 3px !important; }

.p4    { padding: 4px !important; }
.p4-t  { padding-top: 4px !important; }
.p4-r  { padding-right: 4px !important; }
.p4-b  { padding-bottom: 4px !important; }
.p4-l  { padding-left: 4px !important; }

.p5    { padding: 5px !important; }
.p5-t  { padding-top: 5px !important; }
.p5-r  { padding-right: 5px !important; }
.p5-b  { padding-bottom: 5px !important; }
.p5-l  { padding-left: 5px !important; }

.p10   { padding: 10px !important; }
.p10-t { padding-top: 10px !important; }
.p10-r { padding-right: 10px !important; }
.p10-b { padding-bottom: 10px !important; }
.p10-l { padding-left: 10px !important; }

.p15   { padding: 15px !important; }
.p15-t { padding-top: 15px !important; }
.p15-r { padding-right: 15px !important; }
.p15-b { padding-bottom: 15px !important; }
.p15-l { padding-left: 15px !important; }

.p20   { padding: 20px !important; }
.p20-t { padding-top: 20px !important; }
.p20-r { padding-right: 20px !important; }
.p20-b { padding-bottom: 20px !important; }
.p20-l { padding-left: 20px !important; }

.p25   { padding: 25px !important; }
.p25-t { padding-top: 25px !important; }
.p25-r { padding-right: 25px !important; }
.p25-b { padding-bottom: 25px !important; }
.p25-l { padding-left: 25px !important; }

.p30   { padding: 30px !important; }
.p30-t { padding-top: 30px !important; }
.p30-r { padding-right: 30px !important; }
.p30-b { padding-bottom: 30px !important; }
.p30-l { padding-left: 30px !important; }

.p35   { padding: 35px !important; }
.p35-t { padding-top: 35px !important; }
.p35-r { padding-right: 35px !important; }
.p35-b { padding-bottom: 35px !important; }
.p35-l { padding-left: 35px !important; }

.p40   { padding: 40px !important; }
.p40-t { padding-top: 40px !important; }
.p40-r { padding-right: 40px !important; }
.p40-b { padding-bottom: 40px !important; }
.p40-l { padding-left: 40px !important; }

.p50   { padding: 50px !important; }
.p50-t { padding-top: 50px !important; }
.p50-r { padding-right: 50px !important; }
.p50-b { padding-bottom: 50px !important; }
.p50-l { padding-left: 50px !important; }

.p60   { padding: 60px !important; }
.p60-t { padding-top: 60px !important; }
.p60-r { padding-right: 60px !important; }
.p60-b { padding-bottom: 60px !important; }
.p60-l { padding-left: 60px !important; }

.p70   { padding: 70px !important; }
.p70-t { padding-top: 70px !important; }
.p70-r { padding-right: 70px !important; }
.p70-b { padding-bottom: 70px !important; }
.p70-l { padding-left: 70px !important; }

.big  { font-size: 1.2em !important; }
.small{ font-size: 0.9em !important; }

.bold   { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.through { text-decoration: line-through !important; }

.red    { color: #f63246 !important; }
.crimzon{ color: #ce413d !important; }
.pink   { color: #cc6699 !important; }
.darkpink   { color: #ee4679 !important; }
.blue   { color: #0000dd !important; }
.darkblue   { color: #036ab2 !important; }
.aqua   { color: #167FA6 !important; }
.green  { color: #488500 !important; }
.darkgreen  { color: #3f8427 !important; }
.navy   { color: #1F26A9 !important; }
.yellow { color: #ffff00 !important; }
.orange { color: #ff6600 !important; }
.purple { color: #660099 !important; }
.olive  { color: #808000 !important; }
.lime   { color: #00ff00 !important; }
.darkgray   { color: #444 !important; }
.middlegray   { color: #606060 !important; }
.gray   { color: #ccc !important; }
.black  { color: #000 !important; }
.white  { color: #fff !important; }


.bg-lightgray { background-color: #efefef !important;}

.bg-verylightpink { background-color: #fff8fb !important;}
.bg-lightpink { background-color: #ffd9e9 !important;}
.bg-pink { background-color: #ff0362 !important;}
.bg-darkpink { background-color: #f2655f !important;}
.bg-redbrown { background-color: #b43620 !important;}

.bg-lightorange { background-color: #ffcc00 !important;}
.bg-orange { background-color: #ff8400 !important;}
.bg-darkorange { background-color: #f67f00 !important;}

.bg-verylightyellow { background-color: #fffee0 !important; }
.bg-lightyellow { background-color: #fffad1 !important; }
.bg-yellow { background-color: #ffde00 !important; }
.bg-darkyellow { background-color: #f0d100 !important; }

.bg-lemmongreen { background-color: #6ae200 !important;}
.bg-lightgreen { background-color: #2fa511 !important;}
.bg-darkgreen { background-color: #1a7e00 !important;}
.bg-yellowgreen { background-color: #8ebf4c !important;}

.bg-skyblue { background-color: #59afff !important; }
.bg-lightblue { background-color: #97ccfe !important; }
.bg-mediumblue { background-color: #66a1e4 !important;}
.bg-darkblue { background-color: #254f75 !important;}

.line-pink   {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
.line-blue   {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
.line-yellow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}
.line-orange {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffd3b8 0%) repeat scroll 0 0;}
.line-green  {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #c7ffd8 0%) repeat scroll 0 0;}
.line-pink-narrow   {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}
.line-blue-narrow   {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;}
.line-yellow-narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;}
.line-orange-narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffd3b8 0%) repeat scroll 0 0;}
.line-green-narrow  {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #c7ffd8 0%) repeat scroll 0 0;}

ffbfa0

.border-red { border-bottom-color: #ff0000 !important;}
.border-orange { border-bottom-color: #ff6600 !important;}
.border-darkpink { border-bottom-color: #ec1c5f !important;}
.border-pink { border-bottom-color: #ff3a8d !important;}

.border-size-1 { border-bottom-width: 1px !important;}
.border-size-2 { border-bottom-width: 2px !important;}
.border-size-3 { border-bottom-width: 3px !important;}
.border-size-4 { border-bottom-width: 4px !important;}
.border-size-5 { border-bottom-width: 5px !important;}

.border-solid { border-bottom-style: solid !important;}
.border-double { border-bottom-style: double !important;}
.border-dashed { border-bottom-style: dashed !important;}
.border-dotted { border-bottom-style: dotted !important;}
.border-groove { border-bottom-style: groove !important;}
.border-ridge { border-bottom-style: ridge !important;}

.underline { text-decoration: underline !important; }


/* サイドメニューランキングエリア */
.side-rainking-area {
  padding: 10px;
  background-color: #fdfdfd;
}

/* Table */

/* 項目比較（3列）*/
.table05 {
  margin : 0px 0px 0px 0px;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
.table05 th {
  text-align: left;
  padding: 6px;
  color: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d0d0d0;
}
.table05 th img {
  vertical-align: bottom;
  margin-right: 6px;
}
.table05 td {
  padding: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d0d0d0;
  vertical-align: top;
}
.table05 .timg {
  padding: 17px 5px 10px 10px;
  text-align: center;
  width: 150px;
  vertical-align: top;
}
.table05 .tdesc {
  padding: 15px;
  vertical-align: top;
}
.table05 .no-padding {
  padding: 0px !important;
}
.table05 .td_l1,
.table05 .td_r1 {
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#d0d0d0;
}
.table05 tr:hover {
  background-color: #f5feff;
}


/* 項目比較（2列）*/
.table06 {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
}
.table06 td {
  font-size: 1.0em !important;
  padding: 8px;
  vertical-align: top;
}
.table06 .td_l1 {
  background-color:#efefef;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#c5c5c5;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#c5c5c5;
}
.table06 .td_l2 {
  background-color:#efefef;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#c5c5c5;
}
.table06 .td_r1 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#c5c5c5;
}
.table06 .td_r2 {
}
.table06 tr:hover {
  background-color: #f5feff !important;
}
.table06 tr:hover td {
  background-color: #f5feff !important;
}


/* テーブル（左タイトル：グレー） */
table.table-th-left-grey {
  border-collapse: collapse;
  width: 100%;
}
table.table-th-left-grey th,
table.table-th-left-grey td {
  font-size: 0.95em;
  padding: 10px;
  border: 1px solid #bbb;
}
table.table-th-left-grey th {
  background-color: #eee;
  font-size: 0.9em;
  text-align: left;
  width: 28%;
}
@media screen and (max-width: 400px) {
  table.table-th-left-grey {
    border-top: 1px solid #bbb;
  }
  table.table-th-left-grey td {
    display: block;
    font-size: 0.95em;
    text-align: center;
  }
  table.table-th-left-grey th {
    display: block;
    font-size: 0.9em;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}

/* テーブル（上タイトル：グレー） */
table.table-top-grey {
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-collapse: collapse;
  width: 100%;
}
table.table-top-grey th,
table.table-top-grey td {
  font-size: 0.95em;
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 10px;
}
table.table-top-grey th {
  background-color: #eee;
  text-align: left;
}

/* th サイズ */
table.th-small-7 th {
  font-size: 0.7em;
}
table.th-small-8 th {
  font-size: 0.8em;
}
table.th-small-9 th {
  font-size: 0.9em;
}

/*--------------------------------------------------------
  frame
--------------------------------------------------------*/
.frame-grey,
.talk {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 28px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 1px solid #cdcdcd;
  background-color: #fafafa;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-grey-short {
  background-image: none !important;
  overflow: hidden !important;
  margin: 0px 0px 35px 12px !important;
  padding: 28px 20px 28px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 1px solid #cdcdcd;
  background-color: #fafafa;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-red {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 28px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 1px solid #f2b8b8;
  background-color: #fff6f6;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-red-short {
  background-image: none !important;
  overflow: hidden !important;
  margin: 0px 0px 35px 12px !important;
  padding: 28px 20px 28px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 1px solid #f2b8b8;
  background-color: #fff6f6;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-yellow {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 28px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 1px solid #efdda0;
  background-color: #fffcf2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-yellow-short {
  background-image: none !important;
  overflow: hidden !important;
  margin: 0px 0px 35px 12px !important;
  padding: 28px 20px 28px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 1px solid #efdda0;
  background-color: #fffcf2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-pink,
.talk-lady {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 28px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 1px solid #ffbdd3;
  background-color: #fff6f9;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-pink-short {
  background-image: none !important;
  overflow: hidden !important;
  margin: 0px 0px 35px 12px !important;
  padding: 28px 20px 28px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 1px solid #ffbdd3;
  background-color: #fff6f9;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.frame-grey p:last-child,
.frame-grey-short p:last-child,
.frame-red p:last-child,
.frame-red-short p:last-child,
.frame-yellow p:last-child,
.frame-yellow-short p:last-child{
  margin-bottom: 0em !important;
}


/* radar area */
.radar-area {
  width: 50%;
  padding: 20px 0px 0px 0px !important;
  vertical-align: top;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.absolute-radar-caption {
    position: absolute;
    bottom: 0px;
    color: #fff;
    background: rgba(0,0,0, 0.5);
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.absolute-radar-caption p {
    margin: 0 !important;
    padding: 1.2em 0.5em;
    font-size: 1em;
    text-align: center;
}
table.table-rate {
    margin: 1.2em 0em 0.7em 0em;
    padding: 0px;
    border:none !important;
    border-collapse: separate !important;
}
.table-rate th {
    width: 80px;
    white-space: nowrap;
    border:none !important;
    padding: 0.3em 0.5em 0em 0.5em !important;
    vertical-align: top;
    text-align: right;
    background-color: #fff;
    color: #000;
    font-weight: normal;
    font-size: 0.85em;
}
.table-rate td {
    width: 200px;
    white-space: nowrap;
    border:none !important;
    padding: 0em 0.5em 0em 0em !important;
    vertical-align: top;
    text-align: left;
    background-color: #fff;
}
.header-rate {
    font-size: 0.82em;
    text-align: center;
    color: #fff;
    background-color: #85C8DD;
    width: 100%;
    max-width: 100%;
    padding: 0.4em 1em;
}
.rate-comment{
    padding: 1em 0.5em;
    font-size: 0.9em;
}
.table-rate br,
.radar-area br,
.absolute-radar-caption br,
.rate-comment br {
    display: none;
}
.table-rate td.total-area {
    text-align: right;
    padding: 0px 15px 3px 0px !important;
}
.table-rate td .total {
    font-weight: bold;
    color: #F67280;
    font-size: 1em;
}
.table-rate td .total > span{
    padding: 0em 0.7em;
    font-weight: bold;
    color: #F67280;
    font-size: 1.4em;
    background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;
}

/*--------------------------------------------------------
  list
--------------------------------------------------------*/
section.entry-content ul.list-normal {
  list-style-type: none;
  list-style-position: outside;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}
section.entry-content ul.list-normal li:before {
  content: none;
}
section.entry-content ul.list-normal li {
  margin: 0px 0px 0px 0px !important;
  padding: 8px 0px 6px 32px !important;
}
ul.icon-green li {
  background-image: url(/wp-content/custom/image/list01_green.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}
ul.icon-blue li {
  background-image: url(/wp-content/custom/image/list01_blue.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}
ul.icon-red li {
  background-image: url(/wp-content/custom/image/list01_red.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}
ul.icon-yellow li {
  background-image: url(/wp-content/custom/image/list01_yellow.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}
ul.icon-pink li {
  background-image: url(/wp-content/custom/image/list01_pink.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}
ul.icon-grey li {
  background-image: url(/wp-content/custom/image/list01_grey.png) !important;
  background-repeat: no-repeat;
  background-position: left 10px;
}

/*--------------------------------------------------------
  list no
--------------------------------------------------------*/
section.entry-content ul.list-no {
  list-style-type: none;
  list-style-position: outside;
  margin: -7px 0px 25px 0px;
  padding: 0px 0px 0px 10px;
}
section.entry-content ul.list-no li:before {
  content: none;
}
section.entry-content ul.list-no li {
  margin: 0px 0px 0px 0px !important;
  padding: 15px 0px 0px 38px !important;
}
ul.list-no li.icon-no01 {
  background-image: url(/wp-content/custom/image/list-no01.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no02 {
  background-image: url(/wp-content/custom/image/list-no02.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no03 {
  background-image: url(/wp-content/custom/image/list-no03.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no04 {
  background-image: url(/wp-content/custom/image/list-no04.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no05 {
  background-image: url(/wp-content/custom/image/list-no05.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no06 {
  background-image: url(/wp-content/custom/image/list-no06.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no07 {
  background-image: url(/wp-content/custom/image/list-no07.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no08 {
  background-image: url(/wp-content/custom/image/list-no08.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no09 {
  background-image: url(/wp-content/custom/image/list-no09.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no10 {
  background-image: url(/wp-content/custom/image/list-no10.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no11 {
  background-image: url(/wp-content/custom/image/list-no11.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no12 {
  background-image: url(/wp-content/custom/image/list-no12.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no13 {
  background-image: url(/wp-content/custom/image/list-no13.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no14 {
  background-image: url(/wp-content/custom/image/list-no14.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}
ul.list-no li.icon-no15 {
  background-image: url(/wp-content/custom/image/list-no15.png) !important;
  background-repeat: no-repeat;
  background-position: left 14px;
}

/*--------------------------------------------------------
  Box
--------------------------------------------------------*/
div.normal_box_green_long {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 38px 20px 15px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 2px solid #66c6ba;
  background-color: #fffde2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
div.normal_box_green {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 23px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 2px solid #66c6ba;
  background-color: #fffde2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
div.normal_box_pink_long {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 23px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 2px solid #ff6394;
  background-color: #fffde2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
div.normal_box_pink {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 23px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 2px solid #ff6394;
  background-color: #fffde2;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
div.normal_box_grey_long {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 23px 28px !important;
  width: 100% !important;
  white-space: normal !important;
  border: 2px solid #c2c2c2;
  background-color: #F8F8F8;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
div.normal_box_grey {
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 0px !important;
  padding: 28px 20px 23px 28px !important;
  width: 85% !important;
  white-space: normal !important;
  border: 2px solid #c2c2c2;
  background-color: #F8F8F8;
  border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}

/*--------------------------------------------------------
  ads
--------------------------------------------------------*/
.ads-top {
  text-align: center !important;
  vertical-align: middle !important;
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 35px 10px !important;
  padding: 40px 10px 0px 10px !important;
  max-width: 700px !important;
  white-space: normal !important;
  border: 1px dashed #b2b2b2;
  background-color: #fff;
  border-radius: 5px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.ads-bottom-before {
  text-align: center !important;
  font-size: 1em !important;
  vertical-align: middle !important;
  background-image: none !important;
  overflow: hidden !important;
  margin: 30px 0px 0px 0px !important;
  padding: 0px 10px 0px 10px !important;
  max-width: 700px !important;
  white-space: normal !important;
  border: none;
  background-color: #fff;
}
.ads-bottom {
  text-align: center !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  margin: 0px 0px 35px 0px !important;
  padding: 125px 20px 0px 25px !important;
  max-width: 700px !important;
  height: 350px !important;
  white-space: normal !important;
  border: none;
  background-color: #fff;
}
.ads-image-001 {
  background-image: url(wp-content/custom/banner/ads-background-001.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-002 {
  background-image: url(wp-content/custom/banner/ads-background-002.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-003 {
  background-image: url(wp-content/custom/banner/ads-background-003.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-004 {
  background-image: url(wp-content/custom/banner/ads-background-004.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-005 {
  background-image: url(wp-content/custom/banner/ads-background-005.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-006 {
  background-image: url(wp-content/custom/banner/ads-background-006.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-007 {
  background-image: url(wp-content/custom/banner/ads-background-007.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.ads-image-008 {
  background-image: url(wp-content/custom/banner/ads-background-008.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}

/*--------------------------------------------------------
  Caption Box
--------------------------------------------------------*/
div.caption_head {
  height: 12px;
}
div.caption_box_pink {
  margin: 0px 0px 35px 0px;
}
div.caption_box_pink > div.caption_head > span {
  background: #f08080;
  padding: 6px 10px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
}
div.caption_box_pink > div.caption_body {
  padding: 35px 25px 25px;
  border-radius: 5px;
  border: 2px solid #f08080;
}
div.caption_box_pink > div.caption_body > p {
  margin: 0px !important;
  padding: 12px 0px 0px 0px;
}
div.caption_box_pink > div.caption_body > br {
  display: none;
}
div.caption_box_green {
  margin: 0px 0px 35px 0px;
}
div.caption_box_green > div.caption_head > span {
  background: #66c6ba;
  padding: 6px 10px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
}
div.caption_box_green > div.caption_body {
  padding: 35px 25px 25px;
  border-radius: 5px;
  border: 2px solid #66c6ba;
}
div.caption_box_green > div.caption_body > p {
  margin: 0px !important;
  padding: 12px 0px 0px 0px;
}
div.caption_box_green > div.caption_body > br {
  display: none;
}
div.caption_box_blue {
  margin: 0px 0px 35px 0px;
}
div.caption_box_blue > div.caption_head > span {
  background: #67c0da;
  padding: 6px 10px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
}
div.caption_box_blue > div.caption_body {
  padding: 35px 25px 25px;
  border-radius: 5px;
  border: 2px solid #67c0da;
}
div.caption_box_blue > div.caption_body > p {
  margin: 0px !important;
  padding: 12px 0px 0px 0px;
}
div.caption_box_blue > div.caption_body > br {
  display: none;
}
div.caption_box_gray {
  margin: 0px 0px 35px 0px;
}
div.caption_box_gray > div.caption_head > span {
  background: #7f7f7f;
  padding: 6px 10px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
}
div.caption_box_gray > div.caption_body {
  padding: 35px 25px 25px;
  border-radius: 5px;
  border: 2px solid #7f7f7f;
}
div.caption_box_gray > div.caption_body > p {
  margin: 0px !important;
  padding: 12px 0px 0px 0px;
}
div.caption_box_gray > div.caption_body > br {
  display: none;
}

/*--------------------------------------------------------
  Kanren Check
--------------------------------------------------------*/
div.kanren {
  position: relative;
  color: #555;
  line-height: 2em;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px;
  border: none;
  font-size: 1em;
  font-weight: bold;
}
div.kanren:after {
  position: absolute;
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;content:'\f00c Check';
  color: #fff;
  left: 0;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1em;
  letter-spacing: 0.05em
}
div.kanren-blue {
  background: #e0f0f8;
}
div.kanren-blue:after {
  background: #5ba7e4;
}
div.kanren-pink {
  background: #fce8e8;
}
div.kanren-pink:after {
  background: #e45b6b;
}
div.kanren-yellow {
  background: #f8efe0;
}
div.kanren-yellow:after {
  background: #e4c25b;
}
div.kanren-green {
  background: #e0f2f0;
}
div.kanren-green:after {
  background: #66c6ba;
}
div.kanren-grey {
  background: #ededed;
}
div.kanren-grey:after {
  background: #898989;
}


/*--------------------------------------------------------
  Ranking
--------------------------------------------------------*/
h3.ranking01 {
    background-position: 10px center;
    padding: 20px 105px;
    background-image: url(https://sextaikendan.com/wp-content/custom/image/ranking-1.png);
    background-repeat: no-repeat;
    background-size: 90px;
}
h3.ranking02 {
    background-position: 10px center;
    padding: 20px 105px;
    background-image: url(https://sextaikendan.com/wp-content/custom/image/ranking-2.png);
    background-repeat: no-repeat;
    background-size: 90px;
}
h3.ranking03 {
    background-position: 10px center;
    padding: 20px 105px;
    background-image: url(https://sextaikendan.com/wp-content/custom/image/ranking-3.png);
    background-repeat: no-repeat;
    background-size: 90px;
}
h3.ranking04 {
    background-position: 10px center;
    padding: 20px 105px;
    background-image: url(https://sextaikendan.com/wp-content/custom/image/ranking-4.png);
    background-repeat: no-repeat;
    background-size: 90px;
}
h3.ranking05 {
    background-position: 10px center;
    padding: 20px 105px;
    background-image: url(https://sextaikendan.com/wp-content/custom/image/ranking-5.png);
    background-repeat: no-repeat;
    background-size: 90px;
}


/*--------------------------------------------------------
  Button
--------------------------------------------------------*/
.btn-jump {
    background-color: #1da1f2;
    color: #fff;
    box-shadow: 0 5px 0 0 #126599;
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    animation: jumpbtn 3s ease-out 0s infinite;
}
@keyframes jumpbtn {
    from, 10%, 20%, 100% {transform: translateY(0%);}
    5%, 15% {transform: translateY(-0.5em);}
}
.btn-jump:hover {
    opacity: 0.8;
}
.btn-jump a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}
.btn-jump > img { float: left; }
.btn-jump::after{ content: ''; clear: left; }


.btn-shiny-blue {
    background-color: #0f8fd9;
    color: #fff;
    box-shadow: 0 5px 0 0 #155377;
}
.btn-shiny-pink {
    background-color: #f6296d;
    color: #fff;
    box-shadow: 0 5px 0 0 #910130;
}

.btn-shiny {
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
}
.btn-shiny:hover {
    opacity: 0.8;
}
.btn-shiny a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}
.btn-shiny a::before {
    display: block;
    position: absolute;
    z-index: 1;
    left: -100%;
    top: -50vh;
    content: '';
    width: 3rem;
    height: 100vh;
    transform: rotate(5deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    animation: highLight 3s ease-in-out 0s infinite;
}
@keyframes highLight {
    from { left: -5%; }
    15%, 100% { left: 105%; }
}
.btn-shiny > img { float: left; }
.btn-shiny::after{ content: ''; clear: left; }

/*--------------------------------------------------------
  Top Category
--------------------------------------------------------*/
.top-category {
  margin-top: 20px;
}
a.header-button {
  display: block;
  width: 100%;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #f84e7e;
  border-radius: 3px;
  transition: .4s;
  margin: 5px 0px;
}
a.header-button:hover {
  background: #fff;
  border: 1px solid #f84e7e;
  color: #f84e7e;
}

a.bottom-button {
  font-size: 0.9em;
  display: block;
  width: 350px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #f84e7e;
  border-radius: 3px;
  transition: .4s;
  margin: 5px 0px;
}
a.bottom-button:hover {
  background: #fff;
  border: 1px solid #f84e7e;
  color: #f84e7e;
}

/*--------------------------------------------------------
  Top New Post
--------------------------------------------------------*/
div.home_widget.bottom div#new-entries h4.widgettitle {
  display: none;
}
div.home_widget.bottom div#new-entries ul {
  margin: -20px;
}
div.home_widget.bottom div#new-entries ul li figure.eyecatch {
  padding-right: 250px;
}
div.home_widget.bottom div#new-entries ul li figure.eyecatch img {
  max-width: 250px;
}

/*--------------------------------------------------------
  Lazy-Loaded Images
--------------------------------------------------------*/
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}