@charset "UTF-8";
/*___________ 基本設定/header■color ___________ */
body {color:#333;}
a {color:#0088CC;}
a:visited {color:#0088CC;}
a:hover,a:active,a:focus {color:#CC0000;}
#WRAP {background-color:#fff;}
#WRAP-H1 {border-top: solid 5px #1db1de;background: linear-gradient(-45deg, #fff 25%, #fff 25%, #fff 50%, #fff 50%, #fff 75%, #fff 75%, #fff);background-size: 4px 4px;}
#H1 {background-color:#fff;}
#WRAP-MAIN {background: linear-gradient(-45deg, #cedee4 25%, #fff 25%, #fff 50%, #cedee4 50%, #cedee4 75%, #fff 75%, #fff);background-size: 4px 4px;}
#WRAP-MAIN {background: linear-gradient(-45deg, #b5e2ff 25%, #fff 25%, #fff 50%, #b5e2ff 50%, #b5e2ff 75%, #fff 75%, #fff);
background-size: 4px 4px;}
#MAIN {background-color:#fff;}
/*___________ 【CONTENTS】■color ___________ */
#breadcrumb {color:#666666;background-color:#F2F2F2;}
#CONTENTS h2,.con_h2,.contents1 h2 {text-shadow:none;border-top: solid 0px rgba(255, 255, 255, 0.2);border-bottom: solid 0px rgba(0, 0, 0, 0.4);box-shadow: 0 0px 0px rgba(0,0,0,0.2);position: relative;background: -moz-linear-gradient(#cbebf6, #7fd0fb);background: -webkit-linear-gradient(#cbebf6, #7fd0fb);background: linear-gradient(#cbebf6, #7fd0fb);color: #173f89;margin: 30px 6px 25px 6px;}
#CONTENTS h3,.contents1 h3 {border-bottom: 0px solid #107da6;clear: both;color: #1f5fa8;background-color: #E7ECF2;
border-left-width: 10px;border-left-style: solid;border-left-color: #009aec;margin: 30px 5px 20px 5px;padding: 6px 0 6px 10px;}
#CONTENTS h4,.contents1 h4 {color: #333;background-color:#cbebff;text-shadow:none;margin: 30px 6px 20px 6px;}
blockquote {border-left: 5px solid #ddd;}
.cat-box {box-shadow: 0 2px 1px rgba(0,0,0,0.1);border-color:#E4E4E4;background-color:#fff;}
.moretext a {background-color:#6DBA46;border: 1px solid #6DBA46;color:#fff;text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.moretext a:visited {color:#fff;}
.moretext a:hover,.moretext a:active,.moretext a:focus {background: #ff89c4;border: 1px solid #fe56aa;color: #fff;text-shadow: 0 -1px rgba(0, 0, 0, .4);}
.posts-navigation,.post-navigation {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.nav-previous {border-right: 1px solid #ddd;}
.pagination a,.pagination span.current{border: 1px solid #ddd;}
.pagination span.current{background: #ddd;}
.pagetop a {color:#999;background-color:#fff;border: 1px solid #ccc;}
.pagetop a:hover,.pagetop a:active,.pagetop a:focus {color:#fff;background-color:#0066CC;border: 1px solid #ccc;}
.main-table table {background-color:#ccc;}
.main-table th {color:#000;background-color:#EBEBEB;}
.main-table td {background-color:#fff;}
.tbl-blue table {background-color:#fff;}
.tbl-blue th {color:#000;background-color:#cbebff;}
.tbl-blue td {background-color:#f4fafe;}
/*___________ 【SIDE】■color ___________ */
.side-h {color:#fff;border-color: #cfdfe9 #cfdfe9 #fff #cfdfe9;background-color:#00aff0;letter-spacing: 0px;text-align:center;font-size:12px;}
.side-h span {color:#107da6;}
.side-h i {color:#107da6;}
.side-box {border-color:#E4E4E4;background-color:#fff;box-shadow: 0 2px 1px rgba(0,0,0,0.1);}
.side-box ul li a {color:#504A46;border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.side-box ul li a:visited {color:#504A46;}
.side-box ul li a:hover,.side-box ul li a:active,.side-box ul li a:focus {color:#CC0000;background-color:#F7F7F7;}
.cat01 li a:before {color:#107da6;}
.cat02 li a:before {color:#107da6;}
.cat03 li a:before {color:#107da6;}
.cat04 li a:before {color:#107da6;}
.cat07 li a:before {color:#30c4db;content: "\f15c";}
.cat08 li a:before {color:#00aff0;content: "\f138";}
.list2 .moretext {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.list3 .moretext3 {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.list6 {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.listrank ol li {border-bottom: dashed 1px rgba(0, 0, 0, 0.2);}
.listrank ol li:before {color:#fff;background:#a6c8b2;text-shadow: 1px 1px 3px #47885e;}
.listrank ol li:nth-child(1):before {color:#fff;background:#FFD700;text-shadow: 1px 1px 3px #d1a300;}
.listrank ol li:nth-child(2):before {color:#fff;background:#C0C0C0;text-shadow: 1px 1px 3px #999;}
.listrank ol li:nth-child(3):before {color:#fff;background:#C47222;text-shadow: 1px 1px 3px #752100;}
.listrank2 ol li:before {color:#fff;background:#a6c8b2;text-shadow: 1px 1px 3px #47885e;}
.listrank2 ol li:nth-child(1):before {color:#fff;background:#FFD700;text-shadow: 1px 1px 3px #d1a300;}
.listrank2 ol li:nth-child(2):before {color:#fff;background:#C0C0C0;text-shadow: 1px 1px 3px #999;}
.listrank2 ol li:nth-child(3):before {color:#fff;background:#C47222;text-shadow: 1px 1px 3px #752100;}
/*___________ 【slidemenu】■color ___________ */
/*sp-slidemenu*/
#sp-slidemenu {background-color:#fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
#sp-slidemenu a,#sp-slidemenu a:visited {color:#0088CC;}
#sp-slidemenu a:hover,#sp-slidemenu a:active,#sp-slidemenu a:focus {color:#CC0000;}
/*slidemenu-OPEN*/
.slidemenu {background-color:#333;text-shadow: 1px 1px 1px #000;}
.slidemenu-header {background:linear-gradient(#00749e,#005471);border-top: solid 2px rgba(255, 255, 255, 0.2);box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.slidemenu a {color:#fff;}
.slidemenu-header a {color:#fff;text-shadow: 1px 1px 1px #044766;}
.slidemenu li {border-top: solid 1px rgba(255, 255, 255, 0.2);border-bottom: solid 1px rgba(0, 0, 0, 0.4);}
.slidemenu li.slidemenu-li02 {color:#fff;background-color:#41444D;border-top: solid 1px rgba(255, 255, 255, 0.2);border-bottom: solid 1px rgba(0, 0, 0, 0.4);}
/*___________ 【FOOTER】■color ___________ */
#WRAP-FNAVI {color:#fff;background-color:#2087d6;border-top: solid 2px rgba(255, 255, 255, 0.2);}
#FNAVI {text-shadow: none;}
#FNAVI a,#FNAVI a:visited {color:#fff;}
#FNAVI li a i {color:#6cb3c0;}
#COPYRIGHT {color:#fff;background-color:#015db0;}
#NAVI-SP2 {background-color:rgba(0,0,0,0.1);}
/*___________ Comments/Form■color ___________ */
.jetpack_subscription_widget h2.widgettitle {color:#333 !important;border-bottom-color:#107da6 !important;background:#e9f4fc !important;}
.jetpack_subscription_widget h2:before {color:#107da6;}
.jetpack_subscription_widget {border-color:#E4E4E4;background-color:#fff;box-shadow: 0 2px 1px rgba(0,0,0,0.1);}
.comments-list {border-bottom: 1px solid #ddd;}
.comments-list li {border-top: 1px solid #ddd;}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="search"],textarea {
background: #eee;
border: 1px solid #ddd;
color: #777;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus {
background: #fff;
border: 1px solid #00B0EC;
box-shadow: 0 0 3px #00B0EC;
color: #444;
}
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
background: #6DBA46;
border: 1px solid #6DBA46;
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
background: #ff89c4;
border: 1px solid #fe56aa;
color:#fff;
text-shadow: 0 -1px rgba(0, 0, 0, .4);
}
input.search-submit,input.search-submit:hover {
background:transparent;
border:none;
color:#000;
text-shadow:none;
}
/*___________ min-width: 571px ___________ */
@media only screen and (min-width: 571px) {
/*___________ 【header】■color ___________ */
#WRAP-BNR {margin: 0;padding: 0;background: url(https://www.sp-houtoku.com/1fr-pmlcz4d1/wp-content/uploads/2018/10/bg-main-img.png) no-repeat center;background-color:#7fd0fb;}
#WRAP-TOP {background: linear-gradient(#fff,#fff);}
#WRAP-NAVI {background: linear-gradient(#2fccf2,#0d99cd);border-top: solid 0px rgba(255, 255, 255, 0.2);}
#NAVI {border-right: solid 1px rgba(0, 0, 0, 0.1);border-left: solid 1px rgba(255, 255, 255, 0.2);}
#NAVI li a {color:#fff;text-shadow:1px 1px 3px #044766;font-size:14px;}
#NAVI li a:hover {color:#fff;background: linear-gradient(#6bd8f5,#56bfe4);}
#NAVI .first {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.1);}
#NAVI .navi,#NAVI .navi10,#NAVI .navi11,#NAVI .navi12,#NAVI .navi13,#NAVI .navi14,#NAVI .navi15,#NAVI .navi16,#NAVI .navi17,#NAVI .navi18,#NAVI .navi19,#NAVI .navi20,#NAVI .navi21,#NAVI .navi22,#NAVI .navi23,#NAVI .navi24,#NAVI .navi25,#NAVI .navi26,#NAVI .navi27,#NAVI .navi28,#NAVI .navi29,#NAVI .navi30,#NAVI .navi31,#NAVI .navi32,#NAVI .navi33,#NAVI .navi34,#NAVI .navi35 {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.1);}
#NAVI .last {border-right: solid 1px rgba(255, 255, 255, 0.2);border-left: solid 1px rgba(0, 0, 0, 0.1);}
#NAVI li a span {color:#bbe6ff;padding: 0px;}
#NAVI li a i {color:#bbe6ff;}
	
#MAIN .flo-l, #MAIN img.flo-l, .main1 .flo-l, .main1 img.flo-l {float: left;display: inline;margin-right: 10px;}
#MAIN .flo-r, #MAIN img.flo-r, .main1 .flo-r, .main1 img.flo-r {float: left;display: inline;margin-left: 10px;}

/*___________ 【CONTENTS】 ___________ */
#CONTENTS {width:720px;float:right;}
/*___________ 【CONTENTS3】 ___________ */
#CONTENTS3 {width:480px;float:left;}
#SIDE3 {width:240px;float:right;}
/*___________ 【SIDE】 ___________ */
#SIDE {width:240px;float:left;}
#MAIN .flo-r, #MAIN img.flo-r, .main1 .flo-r, .main1 img.flo-r {
    float: right;
    display: inline;
    margin: 0 12px 10px 12px;
}
}/*___________ /min-width: 571px ___________ */

/* list */
/* good bad */
.good-bad {position: relative;background:#eefaf6;padding: 20px 15px 10px 20px;margin: 40px 18px 30px 18px;}
#CONTENTS .good-bad p {position: absolute;display: inline-block;padding: 8px 14px;line-height: 1;color: #FFF;font-weight: bold; bottom: calc(100% - 14px); margin: 0;border-radius: 25px;left: 11px;}
.entry-content .good-bad ul {list-style-type: none;margin-bottom: 0;padding: 0;border: none;}
.good-bad ul {margin: 0.5em 0;}
.good-bad ul li  {list-style-type: none!important;padding: .5em 0;padding: 0.3em  0px  0.5em 1.5em;line-height: 1.5;}
.good-bad ul li:before {font-family: FontAwesome;content: '\f00c'; position: absolute;left: 1em;color:#51cca3;}
.good-bad.bad {background:#ffeff4;}
.good-bad.bad ul li:before {color:#fc8bae;content: '\f10c';}
.good-bad.bad p {background:#fc8bae;}
.good-bad.good p{background:#51cca3;}
#CONTENTS li, .contents1 li {letter-spacing: 1px;line-height: 150%; margin: 10px 12px;}

.arrow ul li:before {font-family: FontAwesome;content: '\f138';left: 1em;color: #51cca3;}
.arrow ul li li:before {font-family: FontAwesome;content: '\f0da';left: 1em;color:#66ffcb;}
.arrow ul {margin: 0.5em 0;}

.box-blue {margin:20px 18px 20px;padding: 1.5em 1em;background: #edf6ff;color: #2c2c2f;}
/* table */
.main-table table {margin: 12px auto;padding: 0;font-size:14px;border-radius:8px;}
.main-table tr, .main-table th, .main-table td {padding: 12px;}
.main-table table tbody tr:first-child th:last-child, .main-table table tbody tr:first-child td:last-child {border-radius: 0 8px 0 0;}
.main-table table tbody tr:first-child th:first-child, .main-table table tbody tr:first-child td:first-child {border-radius: 8px 0 0 0;}
.main-table table tbody tr:last-child td:last-child {border-radius: 0 0 8px 0;}
.main-table table tbody tr:last-child th:first-child, .main-table table tbody tr:last-child td:first-child {border-radius: 0 0 0 8px;}

.side-table table {font-size: 12px;padding: 0;margin: 0px;width: 100%;}
.side-table tr, .side-table th, .side-table td {padding: 5px;}
.side-table th {color: #005db1;background-color: #0FC;width: 30%;text-align: left; vertical-align: top;line-height: 150%;}
.side-table td {background-color: #9F9;text-align: left;line-height: 150%;}
.img-frame {border: 1px solid #CCC;padding: 3px;}

 /* 基本的なtableスタイル */
.main-table2 table {
      width: 96%;
      border-collapse: collapse;
      margin: 20px auto;
	font-size: 0.9em;
    }
.main-table2  th,  .main-table2 td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }
.main-table2 thead th {
      background-color: #f2f2f2;
      color: #333;
      font-weight: bold;
    }
.main-table2 tbody tr:nth-child(odd) {
      background-color: #f9f9f9;
    }
.main-table2 tbody tr:hover td:not([rowspan]) {
  background-color: #e6f7ff;
}
.main-table2 td[rowspan] {
  background-color: #f2f2f2;
}
.main-table2 tfoot {
      background-color: #f2f2f2;
      font-weight: bold;
    }

/*FAQページ共通 その他は固定ページcss*/
.hh.hhq:before {position: absolute;left: 0;top: -6px;display: inline-block;width: 45px;height: 45px;line-height: 45px;vertical-align: middle;text-align: center;font-family: Arial,sans-serif;font-size: 21px;color: #FFF;border-radius: 50%;content: 'Q';background: #00cfef;}
.hh.hha:before {position: absolute;left: 0;top: -6px;display: inline-block;width: 45px;height: 45px;line-height: 45px;vertical-align: middle;text-align: center;font-family: Arial,sans-serif;font-size: 21px;color: #FFF;border-radius: 50%;content: 'A';background: #efcf00;}

/* pgm */
#CONTENTS  .tabmenu li {list-style-type: none;background: #0288e1;width: 160px;border-radius: 7px;}
#CONTENTS  .tabmenu,#CONTENTS  .tabmenu li, #CONTENTS  .tabmenu li a {float: left;padding: 4px 0px 4px 6px;margin-top: 0px;margin-right: 0px;color: #fff;font-size: 14px;}
#CONTENTS .tabmenu li.active {background: #99cc33;}

.bg-ivo {border-radius: 0px; background: #fff9e5; margin: 10px;padding: 10px;}
.down{width: 0; height: 0; border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 20px solid #03a9f440;margin-left: auto; margin-right: auto;}

/* toppage */
.news {border: 8px solid #e8edf2;-moz-border-radius: 10px;-webkit-border-radius: 10px;
border-radius: 7px;margin-top: 10px;margin-right: 5px;margin-bottom: 0px;margin-left: 5px;}
.top-list li:before {font-family: FontAwesome;color:#00aff0;content: "\f0a9";padding-right:10px;}
#CONTENTS .top{border-bottom: 2px dotted #c4e2ff;clear: both;color: #2e82d5;background-color: #FFF; border-left-width: 0px;margin: 30px 5px 20px 5px;padding: 6px 0 6px 10px;font-size: 22px;letter-spacing: 0px; }
#CONTENTS .top:before{font-family: FontAwesome;content: "\f075";font-size: 1.4em;margin-right:8px;left: 0.25em;top: 0.5em;color: #00aff0;background: -webkit-linear-gradient(0deg, #21acf5, #cff3fc); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* 料金表ページのテーブル*/
.main-tbl table {margin: 12px auto;padding: 0;font-size: 14px; border-radius: 8px;width:97%;}
.row-head {border-collapse: collapse;vertical-align: middle;}
.row-head th,.row-head td {border: 1px solid #dbe1e8;padding: 8px;}
.row-head th {background: #e8faff;font-weight: 400;}
.row-head label {line-height: 34px;margin: 0;}
/* 偶数行をカラーに */
.tablepress tr:nth-child(odd) td {background-color: #EAF6FD; }


@media only screen and (max-width: 800px) {
.row-head thead {display: none;}  
.row-head tr,.row-head td {display: block; width: auto;}
.row-head tr {border: 1px solid #dbe1e8;border-radius: 5px; box-shadow: 3px 3px rgba(0, 0, 0, .1); margin-bottom: 20px;padding: 8px 8px 0;}  
.row-head td {border: none;border-bottom: 1px solid #dbe1e8;display: flex;justify-content: space-between;text-align: right;}
.row-head td:last-child {border-bottom: none;}
.row-head td::before {content: attr(aria-label); display: inline-block; font-weight: bold; float: left; text-align: left;padding-right: 20px;white-space: nowrap;}
.row-head td.bt-area::before {display: none;}
.row-head td.bt-area a {background: #007aff;border-radius: 5px;color: #fff;display: inline-block;flex: 1;height: 40px;margin: 0 2px;    overflow: hidden;width: auto;}
.row-head td.bt-area a::before {align-items: center;content: attr(aria-label); display: flex;font-size: 14px;height: 100%;justify-content: center;line-height: 40px; width: 100%;}
.row-head.header-check tr {padding-left: 40px;position: relative;}
.row-head.header-check td:first-child {align-items: center;background: #fff;border-right: 1px solid #dbe1e8;border-bottom: none; bottom: 0; display: flex; justify-content: center;left: 0;padding: 0; position: absolute; text-align: center; top: 0; width: 40px;}
.row-head.header-check td:first-child::before {display: none;}
}
/* チェックリストマーク */
.check2 ul {border: solid 2px #ffb03f;padding: 0.5em 1em 0.5em 2.3em;position: relative;margin: 10px 15px;}
.check2 ul li {line-height: 1.5;padding: 0.5em 0;list-style-type: none!important;/*ポチ消す*/
}
.check2 ul li:before {/*疑似要素*/
  font-family: FontAwesome;content: "\f00c";position: absolute;left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
#CONTENTS .check2 li, .contents1 li {margin: 5px 12px;}

#WRAP-MAIN {background: url(https://www.sp-houtoku.com/1fr-pmlcz4d1/wp-content/uploads/2018/10/bg-main-img.png) no-repeat center top;background-color: #bde7fd;}
/* 2025 add */
@media only screen and (max-width: 570px){
	#MAIN .flo-l, #MAIN .flo-r, #MAIN img.flo-l, #MAIN img.flo-r, #MAIN img.img-m, .main1 img.img-m {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
}