@charset "UTF-8";

/*
# リセット
サイト内で使用する各要素のデフォルトスタイルをリセットする
*/
body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dt, dd, form, nav, header, footer, main, article, section, aside, figure, figcaption {
  margin: 0;
  padding: 0;
}

body {
  -webkit-text-size-adjust: 100%;
}

ul, li {
  list-style: none;
}

main {
  display: block;
}

main, nav, aside, header, article, section, footer, figure, ul, li, div, p, a, span {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
}

img {
  border: 0;
}

/*
# 基礎定義
よく使用するタグの基本的なスタイルを定義する
*/
html {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 62.5%;
}

body {
  color: #455a64;
  font-size: 1.4rem;
  line-height: 1.6;
}

a {
  text-decoration: underline;
  color: #09c;
  cursor: pointer;
}

a > img {
  vertical-align: bottom;
}

iframe {
	border:none;
}

/*
# レイアウト
サイト内で共通で使用するレイアウトの定義
*/


.content-frame {
  margin: 0 auto;
  width: 100%;
}

.wrapper {
  position: relative;
}

.wrapper > .header {
  position: relative;
  z-index: 3;
}

.wrapper > .main {
  position: relative;
  z-index: 1;
}

.wrapper > .footer {
  position: relative;
  z-index: 1;
}

/*
# 共通パーツ
サイト内で共通で使用する各種パーツの定義
*/
.list-title {
  position: relative;
  height: 30px;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  padding: 0 25px 0 15px;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #455a64;
}

.list-outline {
  padding: 18px 10px;
}

.list-title .more-link {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-indent: -100%;
  white-space: nowrap;
  z-index: 1;
}

.list-title .more-link::before {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.list-item-wrapper {

}

.list-item-wrapper .link-all {
  position: relative;
  display: block;
  padding-right: 25px;
}

.list-item-wrapper .link-all::before {
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #ccebf5;
  border-bottom: 2px solid #ccebf5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.list-item-wrapper .list-item {

}

.list-item-wrapper .list-item .inner {
  position: relative;
}

.list-item-wrapper .list-item .item-title {
  display: block;
  font-size: 15px;
  font-weight: bold;
      padding-top: 15px;

}
.list-item-wrapper .list-item .item-text {
  display: none;
}

/*
# 各種パーツ
サイト内で使用する各種パーツを定義
*/

/*
  ### バナー（一時的に設置）

  */
.temp-banner ul.bnr-box li:not(:first-child){
	  margin-top:20px;
}

/*
## ヘッダー
ヘッダー用パーツ
*/
.header {
  background: #fff;
}

.header .logo a {
  display: block;
  background: url(../img/logo.png) no-repeat center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.header .nav-purpose {
  display: block;
}

.header .nav-purpose ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  width: 100%;
  border-top: 1px solid #4db8db;
}

.header .nav-purpose ul li {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
  height: 45px;
  border-right: 1px solid #4db8db;
}

.header .nav-purpose ul li:last-child {
  border-right: none;
}

.header .nav-purpose ul li::before {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #ccebf5;
  border-bottom: 2px solid #ccebf5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index:3;
}

.header .nav-purpose ul li a {
  position: relative;
  display: block;
  text-align: center;
  height: 45px;
  padding: 0 6px 0 0;
  color: #fff;
  line-height: 45px;
  font-weight: bold;
  z-index: 2;
  background: #09c;
}
.logo span,
.logo p {
	font-size:12px;
	font-size:1.2rem;
	padding-left:12px;
	position:absolute;
}
@media (max-width: 980px) {
.logo span,
.logo p {
	display:none;
}
}
.breadcrumb a {
	text-decoration:none;
}

/*
## ナビゲーション・メインビジュアル

*/

.navigation-wrapper {
  position: relative;
  padding-top: 165px;
  background: #ffffff;
}

.under .navigation-wrapper {
  padding-top: 0;
}

/* for SP1 */
@media (max-width: 540px) {
  .main-visual .figure img {
    max-height: 100%;
  }
}

/* for SP2 */
@media (min-width: 541px) and (max-width: 980px) {
  .main-visual .figure img {
    width: 100%;
  }
}

/* for PC2 */
@media (min-width: 1101px) {
  .main-visual .figure img {
    width: 100%;
    max-height: inherit;
  }
}

/*
### グローバルナビゲーション

*/
.nav-gloval {
  position: relative;
  z-index: 1;
}

.nav-gloval .link-total-top {
  display: none;
}

.nav-gloval .link-main {
  width: 100%;
}

.nav-gloval .link-main::after {
  display: block;
  content: "";
  clear: both;
}

.nav-gloval .link-main > li {
  float: left;
  width: 33.3%;
  width: calc(100% / 3);
  height: 60px;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

.nav-gloval .link-main > li:nth-of-type(3n) {
  border-right: none;
}

.nav-gloval .link-main > li a {
  display: block;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #0099cc;
}

.nav-gloval .link-sub-wrapper {
  display: none;
}

/*
### サービスナビゲーション

*/
.nav-service {
  position: relative;
  z-index: 1;
}



/*
### 海外赴任ガイド・帰国ガイドの購入

*/
.list-wrapper.purchase .list-title {
  background: #ffab40;
  border-color: #ffab40;
  padding-left: 35px;
  color: #fff;
}

/*
### 海外赴任ガイド・帰国ガイドの購入

*/
.list-wrapper.update .list-title {
  background: #ffd84f;
  border-color: #ffd84f;
  padding-left: 10px;
  color: #fff;
}

/*
### 海外赴任ガイド

*/
.list-wrapper.guide .list-title {
  background: #97c63c;
  border-color: #97c63c;
  padding-left: 35px;
  color: #fff;
}

/*
### ブログ

*/
.list-wrapper.blog-portal .list-title {
  background: #0099cc;
  border-color: #0099cc;
  padding-left: 35px;
  color: #fff;
}

/*
## 下層コンテンツ

*/
.under-content .visual {
  width: 100%;
}

.under-content .visual img {
  width: 100%;
}

.under-content .button-wrapper {
  text-align: center;
}
.under-content h1.icon-privacy {
	position:relative;
	padding-right: 35px;
}
.under-content h1.icon-privacy a {
	position:absolute;
	right:0;
}

@media (max-width: 980px) {
.under-content h1.icon-privacy a {
	width:auto;
	height:34px;
	top:0;
	right:5px;
}
.under-content h1.icon-privacy a img {
	height:100%;
}
}

  .under .breadcrumb {
    padding-bottom: 14px;
    font-size: 11px;

  }

  .under .breadcrumb::after {
    clear: both;
    display: block;
    content: "";
  }

  .under .breadcrumb a,
  .under .breadcrumb span {
    float: left;
    position: relative;
    display: inline-block;
    margin-left: 20px;
  }

  .under .breadcrumb a:first-child,
  .under .breadcrumb span:first-child {
    margin-left: 0;
  }

  .under .breadcrumb a + a::before,
  .under .breadcrumb a + span::before {
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 7px;
    background: url(../img/icon_breadcrumb_arrow.png) no-repeat center center;
    background-size: contain;
  }


  .under .breadcrumb a {
    color: #0099cc;
  }




/* SIDE CONTENT
---------------------------------------------------- */
.side-content .bnner a{
	margin-bottom:20px;
    line-height: 0;
	display:block;
}
.side-content a:hover img {
	opacity:.7;
}
.side-content .bnner img {
	width:100%;
}
.side-content .side-box {
	margin-bottom:20px;
}
.side-content .list-title {
    background: #0099cc;
    border-color: #0099cc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 1.7;
    padding: 4px 0 4px 8px;
}
.side-content .side-box.favorite {
	border: 1px solid #ddd;
	border-top:none;
}
.side-content .side-box .inner-box {
    padding: 15px 15px 20px;
}
.side-content ul.list-sub-item-wrapper {
    padding: 15px 15px 20px;
	border:1px solid #ddd;
	border-top:none;
}
.side-content .side-box.ranking ul.list-sub-item-wrapper {
	padding-bottom:5px;
}
.side-content .list-sub-item {
	top:0;
	bottom:0;
	height: 35px;
}
.side-content .list-sub-item .text {
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
}
.side-content .side-box.ranking .list-sub-item .text {
	height:auto;
    line-height: 20px;
}
.side-content .side-box.ranking .list-sub-item {
	height:35px;
}
.side-content .side-box.ranking .list-sub-item a {
	padding:0;
	text-decoration:none;
}
.side-content .side-box.ranking .list-sub-item a:hover .text{
	text-decoration:underline;
}
.side-content .list-sub-item .date {
	position: relative;
    left: -12px;
    top: 2px;
    height: 0;
    margin-right: 0;
    font-size: 13px;
    cursor: default;
    pointer-events: none;
    color: #90a4ae;
}

.side-box.ranking .list-sub-item-wrapper .list-sub-item {
    padding-left: 25px;
}
.side-content .side-box.ranking .list-sub-item .date {

}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:before {
	border:none;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:after {
    position: absolute;
    left: 0;
    top: -15px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #ddd;
    display: block;
    content: "";
    color: #fff;
    text-align: center;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(1):after {
    content: "1";
    background: #cca62b;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(2):after {
    content: "2";
    background: #b7b7b7;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(3):after {
    content: "3";
    background: #c6805d;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(4):after{
    content: "4";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(5):after {
    content: "5";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(6):after {
    content: "6";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(7):after {
    content: "7";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(8):after {
    content: "8";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(9):after {
    content: "9";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(10):after {
    content: "10";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(11):after {
    content: "11";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(12):after {
    content: "12";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(13):after {
    content: "13";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(14):after {
    content: "14";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(15):after {
    content: "15";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(16):after {
    content: "16";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(17):after {
    content: "17";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(18):after {
    content: "18";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(19):after {
    content: "19";
    background: #26c6da;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:nth-of-type(20):after {
    content: "20";
    background: #26c6da;
}
.side-box .list-sub-item a {
	padding-left:0;
}
.side-content .bnr-area li {
	margin-bottom:20px;
}
.side-content .bnr-area img {
	width:100%;
}
p.privacy-img {
    text-align: center;
    margin-bottom: 20px;
}
.side-content .bnr-area li a span {
	font-size:10px;
}
.side-content .box-style {
    margin-bottom:20px;
    border:1px solid #ddd;
}
.side-content .box-style:after {
	content:" ";
	display:block;
	overflow:hidden;
	clear:both;
	visibility:hidden;
}
.side-content .box-style .pic {
	width:40%;
	float:right;
	padding:10px ;
	padding-top: 15px;
}
.side-content .box-style .pic img {
	width:100%;
}
.side-content .box-style .text {
	width:60%;
	float:left;
	padding:10px 0 10px 10px;
}
.side-content .box-style .title {
	font-weight:bold;
	font-size:14px;
	padding:6px 0 6px 10px;
	background:#f5f5f5;
}
.side-content .box-style p.title-lblue,
.side-content .box-style p.title-lblue a {
	font-weight:bold;
	font-size:14px;
	color:#0099cc;
}
.side-content #sns-area {
	margin-bottom:20px;
}
.side-content #sns-area .sns-twitter {
	text-align:center;
}
.side-content #sns-area .sns-twitter a{
	background:#55acee;
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	padding:18px 0;
	display:inline-block;
	position:relative;
}
.side-content #sns-area .sns-twitter a span{
	position:relative;
}
.side-content #sns-area .sns-twitter a span:before {
	content:"";
	position:absolute;
	width:20px;
	height:16px;
	background:url(../img/side/icon_twitter.png) no-repeat left center;
	background-size:contain;
    left: -25px;
    top: 5%;
}
.side-content #sns-area .sns-twitter a:hover {
	opacity:.7;
	text-decoration:none;
}
.side-content #sns-area p.bold {
    margin-bottom: 5px;
    font-size: 1.4rem;
}
.side-box.situation-box .list-sub-item {
    height: 35px;
    line-height: 30px;
	border-bottom: 1px dotted #ddd
}
.side-box.category-box .list-sub-item {
	height:30px;
	line-height:30px;
    border-bottom: 1px dotted #ddd;
}
.side-box.situation-box .list-sub-item:last-child,
.side-box.category-box .list-sub-item:last-child {
	border-bottom:none;
}
.side-content .side-box.situation-box .list-sub-item a,
.side-content .side-box.category-box .list-sub-item a {
    padding-left: 0;
}
.side-content .situation-box ul.list-sub-item-wrapper,
.side-content .category-box ul.list-sub-item-wrapper {
    padding: 10px;
}
.side-content .situation-box .list-sub-item .text,
.side-content .category-box .list-sub-item .text {
    display: inline;
}
.side-content .side-box li.list-link {
    border-top: 1px dotted #ddd;
    text-align: right;
    margin-top: 10px;
}
.side-content .side-box li.list-link a {
	display:inline-block;
	padding-top:7px;
	position:relative;
	padding-right: 12px;
    font-size: 13px;
}
.side-content .side-box li.list-link a:before {
    position: absolute;
    right: 2px;
    top: 8px;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #f48fb1;
    border-bottom: 2px solid #f48fb1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*
## BLOG RANKING SIDE
*/
.side-content .side-box.ranking.blog ul.list-sub-item-wrapper{
	padding-bottom:20px;
    padding-top: 20px;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item {
    position: relative;
    padding-left: 30px;
	height:inherit;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item:first-child .link-all {
	margin-top:20px;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item .link-all {
    position: relative;
    margin-top: 30px;
    padding: 0;
    display: block;

}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item::after {
    position: absolute;
    left: 0;
    top: -15px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #fff;
    text-align: center;
}

.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
    line-height: 15px;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item .date {
    position: absolute;
    left: 0;
    top: -16px;
    height: 13px;
    margin-right: 0;
    line-height: 13px;
    font-size: 13px;
    cursor: default;
    pointer-events: none;
    color: #90a4ae;
}
/*
## BLOG INTRODUCE SIDE
*/
.side-box.blog-introduce {
    border: 1px solid #ddd;
}
.side-box.blog-introduce a.link-all {
	position:relative;
    padding: 10px 25px 10px 10px;
	display:block;
}
.container .side-content .side-box.blog-introduce a.link-all:after {
    position: absolute;
    right: 10px;
    top: 0;
    margin: auto;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #f48fb1;
    border-bottom: 2px solid #f48fb1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
}
.container .side-content .side-box.blog-introduce a.link-all span.title {
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
	display:block;
    color: #09c;
}
.container .side-content .side-box.blog-introduce a.link-all:hover {
	text-decoration:none;
}
.container .side-content .side-box.blog-introduce a.link-all span.text {
	color:#455a64;
}
.container .side-content .side-box.blog-introduce a.link-all:hover span.title{
	text-decoration:underline;
}

@media (max-width: 980px) {
.side-box.blog-introduce {
	display:none;
}
}

/*
## BLOG RANKING SIDE
*/
.side-content .side-box.blog-access.ranking .list-sub-item {
	height:40px;
	margin-bottom:5px;
}
.side-content .side-box.blog-access.ranking .list-sub-item .date {
	position:relative;
    top: -5px;
    left: 2px;
}
.side-content .side-box.blog-access.ranking .list-sub-item .text {
	position:relative;
	top:-7px;
}


@media (max-width: 980px) {
.side-content .list-sub-item {
    position: relative;
}
.side-content .ranking .list-sub-item,
.side-content .category .list-sub-item {
    border-bottom: 1px solid #ddd;
}
.side-content .bnr-area li {
	padding:0 10px;
}
.side-content .bnr-area li:first-child,
.side-content .bnr-area li:first-child + *{
	margin-bottom:40px;
}
.side-content .box-style {
	border-bottom:none;
	border-left:none;
	border-right:none;
}
.side-content #sns-area {
	padding:0 10px;
    margin-bottom: 40px;
}

.side-content .side-box.ranking ul.list-sub-item-wrapper,
.side-content .side-box.category ul.list-sub-item-wrapper {
	border: none;
    padding: 10px;
    padding-bottom: 20px;
}
.side-content .side-box.ranking .list-sub-item-wrapper .list-sub-item{
	border-bottom:1px solid #ddd;
}
.side-content .bnner {
    padding: 0 10px;
}
.side-content .bnner img{
	width:100%;
}

.side-box.category-box .list-sub-item,
.side-box.situation-box .list-sub-item {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
}
.side-box.situation-box .list-sub-item:last-child {
	border-bottom:1px solid #ddd;
}
.side-content .side-box.situation-box .list-sub-item a,
.side-content .side-box.category-box .list-sub-item a {
    padding-left: 0;
}
.side-content .situation-box ul.list-sub-item-wrapper,
.side-content .category-box ul.list-sub-item-wrapper {
    padding: 10px;
    border: none;
    padding-bottom: 20px;
}
.side-content .situation-box .list-sub-item .text {
    display: inline;
}
.side-content .side-box li.list-link {
    border-top: 1px dotted #ddd;
    text-align: right;
    margin-top: 10px;
}
.side-content .side-box.category li.list-link {
	border-top:none;
	margin-top:0;
}
.side-content .side-box.category li.list-link a{
	font-size:1.4rem;
    padding-right: 15px;
}
.side-content .side-box li.list-link a {
	display:block;
	padding-top:10px;
	position:relative;
	padding-right:10px;
}
.side-content .side-box li.list-link a:before {
    position: absolute;
    right: 2px;
    top: auto;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #f48fb1;
    border-bottom: 2px solid #f48fb1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	bottom:6px;
}
.side-box.ranking .list-sub-item-wrapper .list-sub-item:after {
    top: 0;
}
.side-content .side-box.ranking .list-sub-item .text {
    line-height: 35px;
}
.side-box.situation-box .list-sub-item a,
.side-box.category-box .list-sub-item a {
	display:block;
}
.side-box.situation-box .list-sub-item:before,
.side-box.category-box .list-sub-item:before,
.side-box.category .list-sub-item:before {
	position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid #f48fb1;
    border-bottom: 1px solid #f48fb1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.side-content .category .list-sub-item .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    padding-right: 15px;
}
/*
## BLOG RANKING SIDE
*/
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item .date{
    display: inline-block;
    margin-right: 8px;
    font-size: 11px;
    color: #90a4ae;
	position:static;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item .text {
    display: inline;
    white-space: normal;
    height: auto;
    line-height: inherit;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item a.link-all {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
	margin-top:0;
    opacity: 1;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.side-box.blog.ranking .list-sub-item-wrapper .list-sub-item:first-child .link-all {
	margin-top:0;
}
.side-content .side-box.blog.ranking li.list-link {
    border-top: none;
    text-align: right;
    margin-top: 0;
}
.side-content .side-box.blog-access.ranking li.list-link {
    border-top: none;
    margin-top: 0;
}
.side-content .side-box.blog-access.ranking .list-sub-item {
    height: auto;
}
.side-content .side-box.blog-access.ranking .list-sub-item .date {
    top: 4px;
}
.side-content .side-box.blog-access.ranking .list-sub-item .text {
    top: -2px;
}

}


/*
## MODAL WINDOW POP UP
*/
#modal-content{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:2;
}
#con1 h2,
#con2 h2 {
	margin-left:-20px;
	margin-right:-20px;
    padding-left: 15px;
    margin-bottom: 20px;
}
#con1 h4,
#con2 h4 {
	margin-top:20px;
}

.modal-content p {
    margin:0;
    padding:0;
    margin-bottom: .5em;
}
#con1.modal-content p.mail {
	text-align:center;
	font-weight:bold;
    padding: 5px;
    background: #f1f1f1;
	margin-bottom:15px;
}

#con1 input[type="password"]{
	margin:10px auto;
	width:80%;
}
#con1 .textC,
#con2 .textC {
    text-align: center;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-open:hover {
    cursor:pointer;
    text-decoration: none;
}
.modal-close:hover {
    cursor:pointer;
}

#con1,
#con2,
.modal-show {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	background:rgba(0,0,0,0.8);
}

#con1,
#con2,
.modal-show {
/*position: fixed;*/
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
}
#con1 .modal-content-inner,
#con2 .modal-content-inner {
position: absolute;
top: 5rem;
left: 50%;
margin-left: -325px;
overflow-x: auto;
z-index:999999;
width:100%;
padding:10px 20px;
background:#fff;
border-radius: 10px;
padding-bottom: 50px;
max-width: 680px;
}
#con1.del-box .modal-content-inner {
	padding: 20px;
}
#con1 .modal-content-inner p,
#con2 .modal-content-inner p {
padding: 0 20px;
}

#con1,
#con2,
.modal-show {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
display: none;
}
.modal-content .btn-area-entry,
#con1.modal-content .btn-area-entry {
	padding-top:20px;
}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
#con1:target,
#con2:target,
#con2.modal-show {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display: block;
}
@media (max-width: 655px) {
#con1 .modal-content-inner,
#con2 .modal-content-inner,
#con2.modal-show {
	left:0;
	margin-left:0;
	top:5rem;
}
.favorite-list #con1 .modal-content-inner {

}

}

/* PAGING
-------------------------- */
#nav_paging .resultSection ul {
	width:100%;
	text-align:center;
}
#nav_paging .resultSection ul li {
	display:inline;
    margin: 0 4px;
}
#nav_paging .resultSection ul li a {
	padding:5px 10px;
	border:1px solid #ddd;
	line-height:3;
}
#nav_paging .resultSection ul li a {
	color:#09c;
	text-decoration:none;
}
#nav_paging .resultSection ul li a:hover {
	text-decoration:underline;
}
#nav_paging .resultSection ul li.current a {
	border:none;
}
#nav_paging02 .resultSection ul {
	width:100%;
	text-align:center;
}
#nav_paging02 .resultSection ul li {
	display:inline;
    margin: 0 4px;
}
#nav_paging02 .resultSection ul li a {
	padding:5px 10px;
	border:1px solid #ddd;
	line-height:3;
	color:#09c;
	text-decoration:none;
}
#nav_paging02 .resultSection ul li a:hover {
	text-decoration:underline;
}
#nav_paging02 .resultSection ul li.current a {
	border:none;
}

@media (max-width: 980px) {
#nav_paging .resultSection ul li {
	display:inline-block;
    margin: 0 4px;
}
#nav_paging .resultSection ul li.last a {
	line-height:1;
}
#nav_paging .resultSection ul {
    margin-top: 20px;
}
#nav_paging02 .resultSection ul li {
	display:inline-block;
    margin: 0 4px;
	width:auto;
}
#nav_paging02 .resultSection ul li.last a {
	line-height:1;
}
#nav_paging02 .resultSection ul {
    margin-top: 20px;
}

}
/* BTN
-------------------------- */
a.btn {
	text-decoration:none;
}
[class$="-btn"] > a ,
[class$="-btn"],
[class^="btn-"] > a,
[class^="btn-"] {
	text-decoration:none;
}
.btn-style {
    background: #ffab40;
    border-radius: 40px;
    color: #fff !important;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin: 0 auto 0;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 180px;
	padding-right:10px;
}

.btn-style:before {
	position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.btn-style:hover {
	text-decoration:none !important;
}

.back-to-login-btn a,
.back-to-page-btn a {
    text-align: center;
    display: inline-block;
	position:relative;
    width: auto;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    margin-left: 0;
	padding-left:25px;
    text-decoration: underline;
}
.back-to-login-btn a:before,
.back-to-page-btn a:before {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
	left:0;
	content:"";
	width:22px;
	height:19px;
    background: url(../img/icon_backtologin.png) no-repeat left center;
	background-size:contain;
}
.delete-btn a,
.under-content .delete-btn {
    text-align: center;
    display: inline-block;
	position:relative;
    width: auto;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    margin-left: 0;
	padding-left:22px;
    text-decoration: underline;
}
.delete-btn a:before,
.under-content .delete-btn:before {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
	left:0;
	content:"";
	width:19px;
	height:19px;
	background: url(../img/icon_delete.png) no-repeat 0 center;
	background-size: contain;
}
.under-content span.back-to-page-btn + span > a {
	margin-left:5px;
}



/* LINK
-------------------------- */
.date {
    color: #90a4ae;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}
.list-wrapper.guide .list-item .link-all {
	text-decoration:none;
	color:#455a64;
}
.list-wrapper.topics .list-item .link-all{
	text-decoration:none;
}
.list-wrapper.topics .list-item .link-all .text {
	text-decoration:underline;
}
.list-link {
	text-align:right;
}
.list-link a {
	position:relative;
	padding-right:25px;
	color:#455a64;
	text-decoration:none;
}
.list-link a:hover {
	color:#0ac;
	text-decoration:underline;
}
.list-link a:before {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #f48fb1;
    border-bottom: 2px solid #f48fb1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.external-link {
	position:relative;
    padding-right: 15px;
}
.external-link:before {
    background: url(../img/icon_blank_pc.png) no-repeat center center;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right:0;
    top: 0;
    width: 12px;
}

/* FORM
-------------------------- */
table tbody th {
    width: 30%;
    vertical-align: top;
    text-align: left;
}
table tbody th span {
    color: #FF0004;
    margin-left: 10px;
    display: inline-block;
}
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
    border: 2px solid #999;
    height: 36px;
    width: 100%;
    padding: 5px;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    max-width: 448px;
}
textarea {
	height:auto;
}

.privacy-box {
    margin-bottom: 10px;
    max-width: 626px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border: 2px solid #999;
    height: 154px;
}
.privacy-box iframe {
	width: 100%;
    height: 100%;
    overflow: scroll;
}

table.form-table {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
table.form-table {
	margin-bottom: 20px;
}
table.form-table tr th {
	padding: 10px 0 10px 15px;
	vertical-align: middle;
}
table.form-table tr td {
	padding: 10px 15px 10px 0;
	vertical-align: middle;
}
table.form-table tr:last-child th, .entry table tr:last-child td {
	border-bottom: dotted 1px #ddd;
	border-top: dotted 1px #ddd;
}
table.form-table tr:last-child th, .form.form-table table tr:last-child td {
	border: none;
}
select {
    border: solid #999 2px;
    padding: 5px 3px 5px 3px;
    cursor: pointer;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #455a64;
    height: 36px;
	margin:4px 0;
}
label:hover {
	cursor:pointer;
}

@media (max-width: 980px) {
table.form-table, table.form-table tbody, table.form-table tbody tr, table.form-table tbody tr th, table.form-table tbody tr td {
	width: 100%;
	display: block;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
table.form-table {
	padding: 0 10px;
}
table.form-table tbody th {
	padding:0 0 8px 0;
}
table.form-table tbody td {
	padding-top:0;
	padding-bottom:15px;
}
.privacy-box {
    margin-left: 10px;
    margin-right: 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
table tbody tr td .privacy-box {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}
}

/* RANKING CONTENTS
----------------------------------------------------- */
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item:nth-of-type(1):before {
    background: #cca62b;
}
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item:nth-of-type(2):before {
    background: #b7b7b7;
}
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item:nth-of-type(3):before {
    background: #c6805d;
}
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item:before {
    background: #26c6da;
}
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item {
    counter-increment: number;
}
.under-content .section .list-sub-item-wrapper.ranking .list-sub-item:before {
    border: none;
    position: absolute;
    left: 0;
    top: -15px;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #26c6da;
    display: block;
    color: #fff;
    text-align: center;
    content: counter(number);
    -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    right: auto;
}
.list-sub-wrapper.blog .list-sub-item-wrapper.ranking .list-sub-item a {
	padding-left:20px;
}

@media (max-width: 980px) {
.list-sub-wrapper.blog .list-sub-item-wrapper.ranking .list-sub-item {
	padding-right:0;
}
.list-sub-wrapper.blog .list-sub-item-wrapper.ranking .list-sub-item a {
	padding-left:30px;
}
}
/* BLOG APPEAL BOX
----------------------------------------------------- */
.under-content .blog-appeal-box {
	border: 1px solid #ddd;
	border-top:none;
}
.under-content .blog-appeal-box h2 {
	padding:8px 4px 8px 10px;
	color:#fff;
	background-color:#0099cc;
	border:none;
}
.under-content .blog-appeal-box .sec {
	margin: 20px 15px;
}
.under-content .blog-appeal-box .positionR {
	position:relative;
}
.under-content .blog-appeal-box a.blog-btn.btn.normal-btn,
.under-content a.blog-btn.btn.normal-btn {
    padding-left: 10px !important;
    padding-right: 10px;
    display: inline-block;
    max-width: 100% !important;
	margin: 0;
    right: 0;
	top:0;
    position: absolute;
    min-width: 150px;
    border: none !important;
    background-color: #ffab40 !important;
    margin-bottom: 10px !important;
    margin-left: 0;
    background-size: 18px auto;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-decoration: none;
}
.under-content a.blog-btn.btn.normal-btn.icon {
	position:static;
	background-image:url(../img/icon_blog.png);
	background-size:18px auto;
	background-position:15px center;
    padding-top: 12px;
    padding-bottom: 12px;
	background-repeat:no-repeat;
    padding-left: 38px !important;
    padding-right: 15px;
    font-size: 15px;
}

@media (max-width: 980px) {
.under-content .blog-appeal-box {
	border:none;
}
.under-content .blog-appeal-box .sec {
	margin: 0;
}
.under-content .blog-appeal-box p {
    padding-left: 10px;
    padding-right: 10px;
}
.under-content .blog-appeal-box a.blog-btn.btn.normal-btn,
.under-content a.blog-btn.btn.normal-btn {
    margin: 0 auto;
    text-align: center;
    position: static;
    min-width: 200px;
	-moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    max-width: 320px;
    padding: 10px 0;
    -moz-box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, 0.4);
	padding-left:0 !important;
}
.under-content a.blog-btn.btn.normal-btn.icon {
    padding-top: 10px;
	padding-bottom:10px;
    margin-bottom: 0 !important;
    margin-top: 10px;
    max-width: 240px !important;
    width: 100%;
    padding-left: 30px !important;
}
}

/* DISPLAY
-------------------------- */
.hidden{
    visibility: hidden !important;
	height: 0 !important;
    overflow: hidden !important;
}
.visible{
    visibility: visible !important;
	height: auto !important;
    overflow: auto !important;
}
@media (max-width: 980px) {
.sp-block {
	display:block;
	margin-bottom:5px;
}
}

/* COMMON TEXT
----------------------------------------------------- */
.textL{
	text-align:left !important;
}

.small {
    font-size: small;
}
@media (max-width: 980px) {
.sptextC {
    text-align: center !important;
}
}