@charset "utf-8";

#main { width:100%; margin:10px auto; }
#main .sp { display:none!important; }
#main .pc { display:block!important; }


/*----------------------�X�}�z��-----------------------*/

@media screen and (max-width: 768px) {
#main .pc { display:none!important; }
#main .sp { display:block!important; }
}
/*----------------------top�֖߂�----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("https://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }




/*--------------------------------------------------
  reset
--------------------------------------------------*/




#main{
	width: 100%;
	font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333;
	line-height: 1.4;
	margin: 0 auto 50px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Yutaka added */
table, tr, th, td, caption {
  vertical-align: middle;
  text-align:left;
}

#main img {
  vertical-align: top;
  font-size:0;
  line-height: 0;
	margin: 0;
	padding: 0;
	display: block;
}

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


/*--------------------------------------------------
てきすと
--------------------------------------------------*/
.text1 {
	font-size: 36px
}
.text2 {
	font-size: 30px
}
.text3 {
	font-size: 20px
}
.text4 {
	font-size: 20px
}
.text5 {
	font-size: 16px
}
.text6 {
	font-size: 15px
}
.text7 {
	font-size: 14px
}
.color1 {
	color: #FFF !important;
}
.color2 {
	color: #0a6cbe;
}
.color3 {
	color: #234889;
}
.f-style {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "serif";
}
.bold {
	font-weight: bold;
}
.txt {
	line-height: 1.8;
}
/*--------------------------------------------------
ここから
--------------------------------------------------*/
#main {
	min-width: 980px;
}
#main img {
	display: block;
	width: 100%;
}
#main a {
	text-decoration: none;
	display: block;
}
#main .mv {
	height: 0;
	margin: 0 auto 0;
	padding-top:54.135%;
	background: url(../images/mv.jpg);
	background-size: 100% auto;
	position: relative;
}
#main .mv .mv-inner {
	position: absolute;
	top: 50%;
	right: 0;
	width: 850px;
	height: 300px;
	margin: -150px 0 0;
}
#main .titel-box img{
	width:322px;
	margin:0 auto;
}
#main .contents1 .titel-box {
	display: table;
	margin: 60px auto 40px;
	position: relative;
}
#main .contents1 .titel-box h3 {
	margin: 10px 0 0;
	text-align:center;
}

#main .contents1 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: 0;
	background: url(../images/ttlshipe01.png);
	width: 80px;
	height: 110px;
}
#main .contents1 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	background: url(../images/ttlshipe02.png);
	width: 80px;
	height: 110px;
}
#main .inner {
	max-width: 1100px;
	width: 100%;
	margin: auto;
}
#main .tb-box {
	width: 23.5%;
	float: left;
	box-sizing: border-box;
	margin: 20px 0 20px 2%;
	padding: 20px 20px 0;
	border: 1px solid #000;
}
#main .no1 {
	margin: 20px 0;
}
#main .tb-box a {
	display: block;
	width: 100%;
	background: #FFF;
	position: relative;
}
#main .tb-box .ttl-bar {
	margin: 15px 0;
}
#main .tb-box a::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 20px;
	right: 0px;
	border-style: solid;
  border-color: transparent transparent #234889 transparent;
  border-width: 0 0 24px 27px;
}
#main .tb-box img {
	width: 100%;
}
#main .tb-box img:hover {
	opacity: 1;
}
#main .tb-box a .a-box {
	box-sizing: border-box;
	padding: 0px 0px 40px;
}
#main .tb-box a .a-box h4 {
	color: #FFF;
	background: #c0b694;
	text-align: center;
}
#main .tb-box a .a-box h5 {
	margin-top: 10px;
}
#main .tb-box a .a-box p {
	margin-top: 10px;
	line-height: 1.6;
}
#main .tb-box a .a-box p span {
	color: #c71425;
}
#main .tb-btn {
	display: table;
	margin: 30px auto 0;
	height: 93px;
}
#main .tb-btn a {
	background: #234889;
	display: inline-block;
	width: 700px;
	line-height: 88px;
	text-align: center;
	border-bottom: 5px solid #102864;
	border-radius: 5px;
	position: relative;
}
#main .tb-btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .tb-btn a span {
	display: inline-block;
	line-height: 1;
	padding: 12px 24px;
	background: #FFF;
	margin: 0 20px 0 0;
	font-size: 14px;
}
#main .tb-btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
#main .tab_content_description {
	width: 100%;
}

.tab_wrap{width:100%; margin:40px auto 0;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; width: 1100px; margin:0 auto;border-bottom: 4px solid #0a6cbe;}
.tab_area label{width:15.83%; margin:0; display:inline-block; padding:12px 0; color:#0a6cbe; background:#e7e7e7; text-align:center; font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:24px; border-radius: 5px 5px 0 0; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label+label {
	margin-left: 1%;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{
	background: url(../images/tbbg.png)left bottom no-repeat;
	background-size: 650px 410px;
}
.tab_panel{width:100%; padding:10px 0 60px; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px;}

#tab1:checked ~ .tab_area .tab1_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab1:checked ~ .panel_area #panel1{display:block; }
#tab2:checked ~ .tab_area .tab2_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab5:checked ~ .panel_area #panel5{display:block;}
#tab6:checked ~ .tab_area .tab6_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab6:checked ~ .panel_area #panel6{display:block;}

.tab_area {
	margin: auto;
	
}
.contents2 {
	background: url(../images/co02bg.jpg) center no-repeat;
	background-size: cover;
	max-height: 780px;
	padding: 80px 0;
}
.contents2 .inner {
	background: rgba(0,0,0,0.65);
	box-sizing: border-box;
	padding: 60px 20px;
	border: 2px solid #FFF;
}
.contents2 .inner h3 {
	text-align: center;
	margin: 0 0 50px;
}
.contents2 .inner .btn {
	width: 74%;
	margin: auto;
	position: relative;
	background: rgba(0,0,0,0.6);
}
.contents2 .inner .btn a {
	text-align: center;
	
	box-sizing: border-box;
	padding: 20px 0;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}
.contents2 .inner .btn a:hover {
	opacity: 0.7;
}
.contents2 .inner .btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
.contents2 .inner .btn::after{

	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: -60px;
	background: url(../images/hitudoku.png);
	width: 111px;
	height: 111px;
	z-index: 2;
}
.contents2 .inner ul {
	margin: 40px 0 0;
}
.contents2 .inner ul li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 20px 0 0;
}
.contents2 .inner ul li a {
	background: #fff;
	padding: 20px;
	border: 2px solid #0a6cbe;
	position: relative
}
.contents2 .inner ul li a:hover {
	opacity: 0.7;
}
.contents2 .inner ul li a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #234889;
	border-bottom: 2px solid #234889;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contents3 {
	margin: 60px 0;
}
.contents3 .inner {
	position: relative;
}
.contents3 .inner::before {
	display: block;
	content: "";
	position: absolute;
	right: -30px;
	top: -20px;
	background: url(../images/co03sheip.png) ;
	background-size: cover;
	width: 330px;
	height: 330px;
	z-index: 0;
}
.contents3 .img-area {
	float: left;
	width: 53%;
	box-sizing: border-box;
}
.contents3 .txt-area {
	float: right;
	width: 42%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.contents3 .txt-area h3 {
	margin: 6px 0 16px;
}
.contents3 .txt-area .txt {
	font-size: 16px;
}


.contents4 {
	margin: 80px 0 0;
	background: url(../images/co4bg.jpg)0 220px no-repeat;
	background-size: 100% auto;
	padding: 0 0 80px;
}
#main .contents4 .titel-box {
    display: table;
    margin: 60px auto 40px;
    position: relative;
}
#main .contents4 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -120px;
	top: 0;
	background: url(../images/ttlshipe15.png);
	width: 110px;
	height: 124px;
}
#main .contents4 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -130px;
	top: 0;
	background: url(../images/ttlshipe16.png);
	width: 130px;
	height: 124px;
}
.contents4 .txt {
	text-align: center;
	margin: 40px 0 60px;
}
.contents4 .inner .txt {
	text-align: left;
	margin: 20px 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.contents4 h3 {
	text-align: center;
}

.contents4 .sbt {
	display: table;
	margin:0 auto 20px;
	line-height: 60px;
	position: relative;
}

.contents4 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -220px;
	top: 0;
	background: url(../images/ttlshipe03.png);
	width: 200px;
	height: 60px;
}
.contents4 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -220px;
	top: 0;
	background: url(../images/ttlshipe04.png);
	width: 200px;
	height: 60px;
}
.contents4 .m-box {
	width: 48%;
	float: left;
	height: 380px;
	margin: 0 0 20px;
	background: #f2eee5;
	box-sizing: border-box;
	padding: 14px;
}
.contents4 .box {
	float: left;
	height: 380px;
	width: 23%;
	margin: 0 0 20px 2%;
	box-sizing: border-box;
	border: 1px solid #f9f9f9;
	padding: 14px;
	background: #FFF;
}
.contents4 .box:nth-child(4),
.contents4 .box:nth-child(8) {
	margin: 0 0 20px 0;
}
.contents4 .box h4 {
	text-align: center;
}
.contents4 .box .ttl-bar {
	margin: 14px 0 20px;
}


.contents5 {
	padding: 60px 0 0 0;
}
.contents5 .inner {
	background: url(../images/co05bg.jpg)center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 30px 40px;
	position: relative;
}
.contents5 .inner::before {
	display: block;
	content: "";
	position: absolute;
	left: 40px;
	bottom: 30px;
	background: url(../images/co05sheip.png);
	width: 532px;
	height: 431px;
	z-index: 0;
}
.contents5 .img-area {
	float: right;
	width: 50%;
	position: relative;
	z-index: 1;
}
.contents5 .img-area iframe {
	width:520px;
}

.contents5 .txt-area {
	box-sizing: border-box;
	width: 50%;
	padding: 0 40px 0 0;
	position: relative;
	z-index: 1;
}
.contents5 .txt-area h3 {
	margin: 6px 0 16px;
}
.contents5 .txt-area h4 {
	margin: 6px 0 16px;
}
.contents5 .txt-area .txt {
	font-size: 16px;
	margin: 0 0 10px;
}


.contents6 {
	background: url(../images/co06bg.jpg)center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 60px 0 80px;
}
#main .contents6 .titel-box {
	display: table;
	margin:0 auto 50px;
	position: relative;
}
#main .contents6 .titel-box h3 {
	margin: 10px 0 0;
	text-align:center;
}
#main .contents6 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: 0;
	background: url(../images/ttlshipe05.png);
	width: 105px;
	height: 130px;
}
#main .contents6 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	background: url(../images/ttlshipe06.png);
	width: 105px;
	height: 130px;
}
#main .contents6 .inner .l-box {
	float: left;
	width: 49%;
	background: #fff;
	margin-bottom:10px;
}
#main .contents6 .inner .l-box h4 {
	text-align: center;
	background: #234889;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .l-box h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #234889;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}

#main .contents6 .inner .l-box02 {
	float: left;
	width: 49%;
	background: #fff;
	margin-bottom:10px;
}
#main .contents6 .inner .l-box02 h4 {
	text-align: center;
	background: #376e41;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .l-box02 h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #376e41;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}

#main .contents6 .inner .r-box h4 {
	text-align: center;
	background: #c32428;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .r-box h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #c32428;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}
#main .contents6 .inner .r-box {
	float: right;
	width: 49%;
	background: #fff;
	margin-bottom:10px;
}
#main .contents6 .inner .txt {
	margin: 10px 0 10px;
}
#main .contents6 .inner .txt dt{
	font-weight:bold;
	font-size:16px;
}

#main .contents6 .inner .op_price {
	background: none;
	margin: 0;
	font-weight:bold;
	color:#333;
	padding:0;
	margin:0;
}
#main .contents6 .inner .op_price_b {
	background: none;
	color:#c32428;
	font-size:24px;
	padding:0;
	margin:0;
}

#main .contents6 .inner span {
	font-weight:bold;
	font-size:11px;
	color:#fff;
	background:#000;
	padding:1% 2%;
	margin:0 2% 0 0;
}

#main .contents6 .inner p {
	margin:0 0 2% 0;
}

#main .contents6 .l-img {
	float: left;
	width: 48%;
}
#main .contents6 .r-img {
	float: right;
	width: 48%;
}
#main .contents6 .box-inner {
	box-sizing: border-box;
	padding: 35px 25px 25px;
	height: 570px;
}
#main .contents6 .btn1 {
	margin: 30px 0 15px;
	height: 65px;
}
#main .contents6 .btn2 {
	height: 65px;
}

#main .contents6 .btn1 a {
	line-height: 60px;
	background: #234889;
	border-radius: 6px;
	text-align: center;
	border-bottom: 5px solid #102864;
	position: relative;
}
#main .contents6 .btn2 a {
	line-height: 60px;
	background: #c32428;
	border-radius: 6px;
	text-align: center;
	border-bottom: 5px solid #a01825;
	position: relative;
}
#main .contents6 .btn1 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .contents6 .btn2 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .contents6 .btn1 a:hover,
#main .contents6 .btn2 a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
#main .contents7 {
	margin: 100px 0;
}

#main .contents7 .titel-box {
    display: table;
    margin: 60px auto 40px;
    position: relative;
}
#main .contents7 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: 0;
	background: url(../images/ttlshipe01.png);
	width: 80px;
	height: 110px;
}
#main .contents7 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	background: url(../images/ttlshipe02.png);
	width: 80px;
	height: 110px;
}
 .contents7 h3 {
	text-align: center;
}
.contents7 .sbt {
	position: relative;
	display: table;
	margin: 0 auto 20px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 14px 0; 20px;
}
.contents7 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -190px;
	top: 0;
	background: url(../images/ttlshipe07.png);
	width: 170px;
	height: 100px;
}
.contents7 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -190px;
	top: 0;
	background: url(../images/ttlshipe08.png);
	width: 170px;
	height: 100px;
}

.contents7 .txt {
	text-align: center;
	margin: 15px 0 15px;
}
.contents7 .btn-box .btn {
	float: left;
	width: 32%;
}
.contents7 .btn-box .btn:nth-child(2) {
	margin: 0 2%;
}
.contents8 .inner .txt-box {
	width: 50%;
	float: left;
}
.contents8 .inner .rv-box {
	float: right;
	width: 45%;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #c9c280;
}
.contents8 .inner .rv-box dl {
	width: 50%;
	float: left;
	min-height: 60px;
	box-sizing: border-box;
	padding:6px;
	background: #FFF;
}
.contents8 .inner .rv-box dl .lh {
	line-height: 40px;
}
.contents8 .inner .rv-box dl:nth-child(1),
.contents8 .inner .rv-box dl:nth-child(2) {
	border-bottom: 2px solid #c9c280;
}
.contents8 .inner .rv-box dl:nth-child(2),
.contents8 .inner .rv-box dl:nth-child(4) {
	border-left: 2px solid #c9c280;
}
.contents8 .inner .rv-box dl dt {
	float: left;
	width: 50%;
	color: #401313;
	text-align: center;
	font-size: 13px;
}
.contents8 .inner .rv-box dl dd {
	float: right;
	width: 50%;
}

.contents8 .inner .sbt {
	position: relative;
	display: table;
	margin: 30px auto;
}
.contents8 .inner1 .sbt {
	color: #234889;
}
.contents8 .inner1 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -90px;
	top: 0;
	background: url(../images/ttlshipe09.png);
	width: 70px;
	height: 30px;
}
.contents8 .inner1 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -90px;
	top: 0;
	background: url(../images/ttlshipe10.png);
	width: 70px;
	height: 30px;
}
.contents8 .inner2 .sbt {
	color: #1d7c75;
}
.contents8 .inner2 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -90px;
	top: 0;
	background: url(../images/ttlshipe11.png);
	width: 70px;
	height: 30px;
}
.contents8 .inner2 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -90px;
	top: 0;
	background: url(../images/ttlshipe12.png);
	width: 70px;
	height: 30px;
}
.contents8 .inner3 .sbt {
	color: #cd3544;
}
.contents8 .inner3 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -90px;
	top: 0;
	background: url(../images/ttlshipe13.png);
	width: 70px;
	height: 30px;
}
.contents8 .inner3 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -90px;
	top: 0;
	background: url(../images/ttlshipe14.png);
	width: 70px;
	height: 30px;
}
.contents8 .box1 {
	margin: 0 0 60px;
	position: relative;
	z-index: 1;
}
.contents8 .box2 {
	margin: 0 0 60px;
	position: relative;
	z-index: 1;
}
.contents8 .box2 .co-box {
	float: left;
	width: 32%;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	padding: 20px;
	background: #FFF;
}
.contents8 .box2 .co-box:nth-child(2) {
	margin: 0 2%;
}
.contents8 .box2 .co-box h5 {
	margin: 20px 0 0;
}
.contents8 .box2 .co-box .ttl-bar {
	margin: 18px 0;
}
.contents8 .box3 {
	position: relative;
	z-index: 1;
}
.contents8 .box3 .co-box {
	float: left;
	width: 23.5%;
	margin: 0 2% 0 0;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	padding: 20px;
	background: #fff;
	position: relative;
}
.contents8 .box3 .co-box .time{
    position: absolute; 
    left: 25px; 
    top: 25px; 
    font-size: 12px;
    background: #234889;
    color:#fff;
    padding:2px 10px;
    border-radius: 5px;
}
.contents8 .box3 .co-box:nth-child(4) {
	margin: 0;
}
.contents8 .box3 .co-box .ttl-bar {
	margin: 18px 0;
}
.contents8 .box4 {
	margin: 40px 0;
	background: #FFF;
	position: relative;
	z-index: 1;
}
.contents8 .box4 .img-area {
	width: 208px;
	float: left;
}
.contents8 .box4 .txt-area {
	box-sizing: border-box;
	padding: 15px 25px 15px 233px;
}
.contents8 .box4 .btn-box {
	margin: 20px 0 0;
}
.contents8 .box4 .btn-box p {
	text-align: right;
	color: #c71425;
}
.contents8 .box4 .btn-box p span {
	display: inline-block;
	padding: 30px 0 0;
}
.contents8 .box4 .btn-box .btn {
	width: 350px;
	float: right;
	height: 55px;
	margin: 0 0 0 30px;
}
.contents8 .box4 .btn-box .btn a {
	line-height: 50px;
	background: #ffa811;
	border-bottom: 5px solid #de8f06;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.contents8 .box4 .btn-box .btn a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.contents8 .box4 .btn-box .btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
.contents8 .main-btn {
	height: 110px;
	position: relative;
	z-index: 1;
}
.contents8 .main-btn a {
	line-height: 1.8;
	box-sizing: border-box;
	padding: 20px 0;
	text-align: center;
	border-radius: 5px;
	position: relative;
}
.contents8 .main-btn a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.contents8 .inner1 .main-btn a {
	background: #234889;
	border-bottom: 5px solid #0f326f;
}
.contents8 .inner2 .main-btn a {
	background: #1d7c75;
	border-bottom: 5px solid #0f605a;
}
.contents8 .inner3 .main-btn a {
	background: #cd3544;
	border-bottom:5px solid #ab1928;
}
.contents8 .inner1 .main-btn a:hover,
.contents8 .inner2 .main-btn a:hover,
.contents8 .inner3 .main-btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
.contents8 .inner1 {
	box-sizing: border-box;
	border: 2px solid  #234889;
	padding: 30px 20px;
	margin: 0 0 80px;
}
.contents8 .inner1 .box2 .co-box {
	height: 460px;
}
.contents8 .inner1 .box3 .co-box {
	height: 420px;
}
.contents8 .inner2 {
	box-sizing: border-box;
	border: 2px solid  #1d7c75;
	padding: 30px 20px;
	margin: 0 0 80px;
}
.contents8 .inner2 .box2 .co-box,
.contents8 .inner2 .box3 .co-box {
	height: 420px;
}
.contents8 .inner3 {
	box-sizing: border-box;
	border: 2px solid  #cd3544;
	padding: 30px 20px;
}
.contents8 .inner3 .box2 .co-box {
	height: 460px;
}
.contents8 .inner3 .box3 .co-box {
	height: 420px;
}
.contents8 .inner1 .box4 {
	border: 2px solid  #234889;
}
.contents8 .inner2 .box4 {
	border: 2px solid  #1d7c75;
}
.contents8 .inner3 .box4 {
	border: 2px solid  #cd3544;
}
.contents8 .inner1,
.contents8 .inner2,
.contents8 .inner3 {
	position: relative;
}
.contents8 .inner1::before,
.contents8 .inner2::before,
.contents8 .inner3::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/innerbg.png);
	width: 760px;
	height: 525px;
	z-index: 0;
}
.contents8 .inner1::after,
.contents8 .inner2::after,
.contents8 .inner3::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/tbbg.png);
	width: 650px;
	height: 410px;
	z-index: 0;
}

.contents9 .ttl {
	background: url(../images/ft-ttl.jpg);
	position: relative;
	margin: 100px 0 80px;
}
.contents9 {
	background: url(../images/rybg.jpg) no-repeat bottom;
	background-size: cover;
	padding: 0 0 80px;
}
.contents9 .ttl::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-30px;
	margin: auto;
	border-right: 15px solid transparent;
	border-top: 30px solid #234889;
	border-left: 15px solid transparent;
	margin: 0 0 0 -15px;
}
.contents9 .ttl h4 {
	width: 1100px;
	margin: auto;
}
.contents9 .ry-box {
	display: flex;
	justify-content: space-between;
}
.contents9 .ry-box a {
	width: 23.5%;
	padding: 10px 0;
}
.contents9 .ry-box a:hover {
	padding: 0 0 20px;
}
.contents9 .ry-box a:hover .co-box {
	box-shadow: 0px 0px 0.5em 3px rgba(51,51,51,0.7);
}
.contents9 .ry-box .co-box {
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	padding: 20px;
	background: #FFF;
	position: relative;
}
.contents9 .ry-box .co-box::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-style: solid;
  border-color: transparent transparent #234889 transparent;
  border-width: 0 0 16px 18px;
}
.contents9 .ry-box .co-box .ttl-bar {
	margin: 18px 0;
}
.contents9 .ry-box .co-box h5 {
	text-align: center;
	margin: 20px 0 0;
}
.contents9 .ry-box .co-box .name {
	text-align: right;
}
.contents10 .btn4 a {
	display: block;
	color: #FFF;
	background: #234889;
	width: 100%;
	line-height: 55px;
	text-align: center;
	position: relative; 
	border-bottom: solid 6px #102864;
}
.contents10 .btn4 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contents10 .btn4 a:hover {
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    border-bottom: none;
}
.contents10 {
	box-sizing: border-box;
	padding: 100px 0;
	position: relative;
}
.contents10::before {
	display: block;
	content: "";
	position: absolute;
	right: 20%;
	top:0;
	background: url(../images/co03sheip.png) center;
	background-size: 100% auto;
	width: 620px;
	height: 100%;
}
.contents10 .btn4 {
	float: left;
	width: 16.66%;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 10px 0;
	height: 61px;
}
.contents10 .titel-box {
	display: table;
	margin:0 auto 100px;
	position: relative;
}
#main .contents10 .titel-box h3 {
	margin: 20px 0 0;
	text-align: center;
}
#main .contents10 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -130px;
	top: 0;
	background: url(../images/ttlshipe15.png);
	width: 110px;
	height: 124px;
}
#main .contents10 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -150px;
	top: 0;
	background: url(../images/ttlshipe16.png);
	width: 130px;
	height: 124px;
}
#main .contents11 {
	margin: 0;
	padding:1px 0;
	background: #f6f2e7;
}
 .contents11 h3 {
	text-align: center;
}
.contents11 .sbt {
	position: relative;
	display: table;
	margin: 0 auto 20px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 14px 0; 20px;
}
.contents11 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -190px;
	top: 0;
	background: url(../images/ttlshipe07.png);
	width: 170px;
	height: 100px;
}
.contents11 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -190px;
	top: 0;
	background: url(../images/ttlshipe08.png);
	width: 170px;
	height: 100px;
}

.contents11 .txt {
	text-align: center;
	margin: 15px 0 15px;
}
#main .contents11 .titel-box {
    display: table;
    margin: 60px auto 40px;
    position: relative;
}
#main .contents11 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -120px;
	top: 0;
	background: url(../images/ttlshipe15.png);
	width: 110px;
	height: 124px;
}
#main .contents11 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -130px;
	top: 0;
	background: url(../images/ttlshipe16.png);
	width: 130px;
	height: 124px;
}

.foot {
	background: url(../images/ftbg.jpg);
	background-size: cover;
	height: 520px;
	box-sizing: border-box;
	padding: 110px 0;
}

.foot h4 {
	line-height: 1.8;
	text-align: center;
}
.foot .btn {
	margin: 50px 0 0;
}
.foot .btn a {
	background: #FFF;
	border: 2px solid #234889;
	border-radius: 50px;
	line-height: 1.6;
	text-align: center;
	padding: 20px 0;
	position: relative;
}
.foot .btn a:hover {
	opacity: 0.7;
}
.foot .btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 8px;
      height: 8px;
      border-right: 3px solid #234889;
      border-top: 3px solid #234889;
      -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.foot .btn01 {
	float: left;
	width: 48%
}
.foot .btn02 {
	float: right;
	width: 48%;
}
.ttl_box {
	position: relative;
}
.ttl_box01 {
	background: url(../images/ttl01bg.jpg)
}
.ttl_box01::before,
.ttl_box01::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box01::before {
	left: 25px;
	bottom: 25px;
	background: url(../images/ttl1item01.png);
	width: 80px;
	height: 80px;
}
.ttl_box::after {
	right: 0;
	background: url(../images/ttlitem.png);
	width: 213px;
	height: 148px;
}
.ttl_box02 {
	background: url(../images/ttl02bg.jpg)
}
.ttl_box02::before,
.ttl_box02::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box02::before {
	left: 25px;
	bottom: 25px;
	background: url(../images/ttl2item.png);
	width: 80px;
	height: 80px;
}

.ttl_box03 {
	background: url(../images/ttl03bg.jpg)
}
.ttl_box03::before,
.ttl_box03::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box03::before {
	left: 25px;
	bottom: 25px;
	background: url(../images/ttl03item.png);
	width: 80px;
	height: 80px;
}

.ttl_box {
	position: relative;
}
.ttl_box h3 {
	font-size: 32px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	padding: 25px 0;
}
.contents9 .ttl h4 {
	font-size: 32px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	padding: 24px 0;
	display: table;
	margin: auto;
	position: relative;
}
.contents9 .ttl h4::before,
.contents9 .ttl h4::after {
	display: block;
	content: "";
	position: absolute;
	top: 10px;
}
.contents9 .ttl h4::before {
	left: 100px;
	background: url(../images/ft-ttl_06.png);
	width: 95px;
	height: 96px;
}
.contents9 .ttl h4::after {
	right: 100px;
	background: url(../images/ft-ttl_03.png);
	width: 93px;
	height: 110px;
}
.contents9 .ttl h4 span {
	font-size: 22px;
}


.cp_ranking { background:#f6f2e7; padding:55px 0; }
.cp_ranking h2 { text-align:center; font-size:32px; font-weight:bold; margin-bottom:20px; }
.cp_ranking h2 span { color:#234889; font-weight:bold; }
.cp_ranking_list { max-width:950px; margin:0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:left; }
.cp_ranking_list li { width:46%; padding:0 15px; }
.cp_ranking_list li a { background:url(../images/com_arrow2.png) no-repeat 99% center; display:block; border-top:1px solid #234889; padding:12px 10px 12px 12px; font-size:14px; font-weight:bold; }
.cp_ranking_list li a:hover { background-color:#ffffff; }
.cp_ranking_list li a span { background:#fff187; margin-right:9px; padding:2px 4px; width:50px; display:inline-block; text-align:center; margin-left:-60px; }
.cp_ranking_list li:nth-child(6) a,.cp_ranking_list li:nth-child(7) a { border-bottom:1px solid #234889; }
.cp_ranking_list li:last-child a span { background:#c1e7a5; }






.hotel_block {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.hotel_block .box_wrap {
  margin-top: 40px;
  background: -webkit-gradient(linear, left top, right bottom, from(#A5031A), color-stop(0.25, #A5031A), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #A5031A), color-stop(0.75, #A5031A), color-stop(0.75, white), to(white));
  background: -moz-linear-gradient(-45deg, #A5031A 25%, white 25%, white 50%, #A5031A 50%, #A5031A 75%, white 75%, white);
  background: linear-gradient(-45deg, #A5031A 25%, white 25%, white 50%, #A5031A 50%, #A5031A 75%, white 75%, white);
  background-size: 8px 8px;
  padding: 5px;
}
.hotel_block .box_wrap.area2 {
  background: -webkit-gradient(linear, left top, right bottom, from(#1D6F94), color-stop(0.25, #1D6F94), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #1D6F94), color-stop(0.75, #1D6F94), color-stop(0.75, white), to(white));
  background: -moz-linear-gradient(-45deg, #1D6F94 25%, white 25%, white 50%, #1D6F94 50%, #1D6F94 75%, white 75%, white);
  background: linear-gradient(-45deg, #1D6F94 25%, white 25%, white 50%, #1D6F94 50%, #1D6F94 75%, white 75%, white);
  background-size: 8px 8px;
}
.hotel_block .box_wrap .head {
  margin-bottom: 20px;
  border-bottom: solid 2px #001159;
  overflow: hidden;
  zoom: 1;
}
.hotel_block .box_wrap .head h4 {
  width: 78%;
  float: left;
  padding-bottom: 5px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  color: #001159;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.hotel_block .box_wrap .head h4 .base {
 background:#333;
 padding:2px 10px;
 color:#fff;
 border-radius: 5px;
 font-size:18px;
 font-weight:bold;
 margin:0 10px 0 0;
}
.hotel_block .box_wrap .head h4 .en {
  margin-left: 20px;
  font-family: "リュウミン B-KL", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 14px;
  line-height: 30px;
}
.hotel_block .box_wrap .head .hotel_rank {
  width: 22%;
  float: right;
  margin-top: 10px;
  display: inline-block;
  text-align: right;
}
.hotel_block .box_wrap .head .hotel_rank b {
  color: #001159;
  font-weight: bold;
  margin-right: 10px;
}
.hotel_block .box_wrap .head .hotel_rank b:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 22px;
  background: url("../images/icon_hotel.png");
  background-size: contain;
  margin-right: 10px;
}
.hotel_block .box_wrap .box_inline {
  background: #FFF;
  padding: 30px 20px;
}
.hotel_block .box_wrap .detail_wrap {
  overflow: hidden;
}
.hotel_block .box_wrap .detail_wrap .slide_container {
  width: 580px;
  float: left;
  margin-right: 30px;
}
.hotel_block .box_wrap .detail_wrap .text {
  overflow: hidden;
}
.hotel_block .box_wrap .detail_wrap h5 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  color: #001159;
  margin-bottom: 5px;
}
.hotel_block .box_wrap .detail_wrap h6 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  color: #001159;
  margin-bottom: 5px;
}
.hotel_block .box_wrap .detail_wrap .desc li {
	padding-left:1em;
	 text-indent:-1em;
}
.hotel_block .box_wrap .detail_wrap .access {
  background: #D9DCE6;
  padding: 0px 10px;
  font-size: 12px;
  line-height: 36px;
  height: 36px;
  vertical-align: middle;
  margin-bottom: 10px;
}
.hotel_block .box_wrap .detail_wrap .access b {
  color: #001159;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.hotel_block .box_wrap .detail_wrap .access b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 22px;
  background: url("../images/icon_pin.png") no-repeat center center;
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: -4px;
}
.hotel_block .box_wrap .detail_wrap .desc {
  height: 105px;
}
.hotel_block .box_wrap .detail_wrap .btn_set li + li {
  margin-top: 10px;
}
.hotel_block .box_wrap .detail_wrap .detail_btn {
  margin: 0 auto;
  text-align: center;
}
.hotel_block .box_wrap .detail_wrap .detail_btn a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex !important;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.3;
  padding: 0px 30px;
  height: 64px;
  /*width: 100%;*/
  margin: 0 auto;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d91328+13,c41123+95 */
  background: #d91328;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d91328 13%, #c41123 95%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d91328 13%, #c41123 95%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d91328 13%, #c41123 95%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91328', endColorstr='#c41123',GradientType=0 );
  /* IE6-9 */
  transition: opacity .3s;
}
.hotel_block .box_wrap .detail_wrap .detail_btn a:hover {
  opacity: 0.7;
}
.hotel_block .box_wrap .detail_wrap .detail_btn a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 17px;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -9px;
  background: url("../images/icon_arrow_r.png") no-repeat center center;
  background-size: contain;
  z-index: 2;
}
.hotel_block .box_wrap .detail_wrap .tour_btn {
  margin: 0 auto;
  text-align: center;
}
.hotel_block .box_wrap .detail_wrap .tour_btn a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.3;
  padding: 0px 30px;
  height: 64px;
  /*width: 100%;*/
  margin: 0 auto;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6600+14,d85600+96 */
  background: #ff6600;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff6600 14%, #d85600 96%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff6600 14%, #d85600 96%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff6600 14%, #d85600 96%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#d85600',GradientType=0 );
  /* IE6-9 */
  transition: opacity .3s;
}
.hotel_block .box_wrap .detail_wrap .tour_btn a:hover {
  opacity: 0.7;
}
.hotel_block .box_wrap .detail_wrap .tour_btn a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 17px;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -9px;
  background: url("../images/icon_arrow_r.png") no-repeat center center;
  background-size: contain;
  z-index: 2;
}
.hotel_block .box_wrap + .ribbon_ttl {
  margin-top: 80px;
}
.hotel_block .star_rating {
  position: relative;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1px;
  display: inline-block;
}
.hotel_block .star_rating .star {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffBF60;
  z-index: 2;
  line-height: 1;
}
.hotel_block .star_rating .half {
  width: 0.5em;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.hotel_block .star_rating::before {
  content: "★★★★★";
  color: #ccc;
  z-index: 1;
}
.hotel_block .tour_etc_btn .col2 {
  font-size: 0;
}
.hotel_block .tour_etc_btn .col2 li {
  width: 49%;
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 20px;
}
.hotel_block .tour_etc_btn .col2 li:nth-of-type(2n) {
  margin-right: 0;
}
.hotel_block .slide_container {
  padding: 0px 0px 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hotel_block .slide_all {
  width: 500px;
  margin: 0 auto;
  height: 375px;
  position: relative;
}
.hotel_block .slide_wrap {
  width: 1520px;
  position: absolute;
  left: 50%;
  margin-left: -760px;
}
.hotel_block .slide_body {
  width: 100%;
}
.hotel_block .slide {
  width: 500px;
}
.hotel_block .slide img {
  width: 100%;
  vertical-align: bottom;
}
.hotel_block .bx-controls-direction {
  text-align: center;
  height: 25px;
}
.hotel_block .bx-controls-direction a {
  text-decoration: none;
  color: #000;
  padding: 0 5px;
}
.hotel_block .bx-controls {
  position: absolute;
  bottom: 50%;
  z-index: 100;
  width: 100%;
}
.hotel_block .bx-controls .bx-prev {
  padding: 0;
  width: 44px;
  height: 44px;
  background: url("../images/slider_prev.png") no-repeat 0 0;
  position: absolute;
  left: 480px;
  text-indent: 100%;
}
.bx-controls .bx-next {
  padding: 0;
  width: 44px;
  height: 44px;
  background: url("../images/slider_next.png") no-repeat 0 0;
  position: absolute;
  right: 480px;
  text-indent: 200%;
}



.cmnblock02 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.plboxwrap01 {
	margin-bottom: 10px;
}
.plboxwrap01.mb {
	margin-bottom: 35px;
}
.plboxwrap02 {
	display: table;
	width: 100%;
}
.plbox01 {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 108px;
	border-right: 10px solid #fff;
	background: #041644;
	background-repeat: repeat;
	background-position: center center;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#fff;
}
.plbox02 {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	font-size: 16px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.pl01 {
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}
.pl01:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 0;
    height: 0;
    margin-top: -7px;
    border-top: 5px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #745756;
}
.pl02 {
	padding-left: 20px;
}
.plboxwrap02 .mb01 {
	margin-bottom:25px;
}
.plboxwrap02 .mb02 {
	margin-bottom:7px;
}
.pl03 {
	margin-bottom: 35px;
}
.pl03.mb {
	margin-bottom: 25px;
}
.pl04 {
	float: left;
	margin:0 25px 10px 0;
	width: 414px;
}
.pl04 span {
	font-size: 12px;
	display: block;
	padding-top: 5px;
}

.pl05 {
	background-color: #F0F0E1;
	padding: 20px;
	margin-bottom: 25px;
	font-size: 14px;
	position: relative;
}
.pl06 dt {
	font-weight: bold;
}
.pl06 dd {
	margin-bottom: 7px;
}
.pl06 dd a{
	color: #ED2939;
}
.pl06 dd span {
	color: #2568AC;
}
.pl07 {
	float: left;
}
.pltitle01  {
	background-image: url(../images/bg_02.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 25px;
}
.pl05.type02 {
	padding: 0px;
}
.pl08 {
	float: right;
	width: 810px;
	padding-top: 20px;
	padding-right: 20px;
}



.cmnbtn01.type02 {
	width: 270px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.cmnbtn01.type02 a    {
	font-size: 12px;
	padding-top: 14px;
	padding-bottom: 12px;
}
.cmnbtn01.type02 a:after {
    right: 10px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
}

.bt_pagetop {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 10000;
}

.bt_pagetop a {
background: #279cbe;
border-radius: 10px;
color: #fff;
display: block;
height: 60px;
text-align: center;
text-decoration: none;
width: 60px;
}

.bt_pagetop a img{
width:100%;
}






@media screen and (max-width: 768px) {
	/*--------------------------------------------------
てきすと
--------------------------------------------------*/
	#main {
	min-width: 100%;
		font-size: 11px;
}
.text1 {
	font-size: 26px;
}
.text2 {
	font-size: 20px;
}
.text3 {
	font-size: 18px;
}
.text4 {
	font-size: 18px;
}
.text5 {
	font-size: 14px;
}
.text6 {
	font-size: 13px;
}
.text7 {
	font-size: 12px;
}
.color1 {
	color: #FFF;
}
.color2 {
	color: #0a6cbe;
}
.color3 {
	color: #234889;
}
.f-style {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.bold {
	font-weight: bold;
}
.txt {
	line-height: 1.8;
}
/*--------------------------------------------------
ここから
--------------------------------------------------*/

#main img {
	display: block;
	width: 100%;
}
#main a {
	text-decoration: none;
	display: block;
}
	#main .sp-mv {
	width: 100%;
	height: 0;
	margin: 0 auto 0;
	padding-top:101.56%;
	background: url(../images/sp-mv_2.jpg);
	background-size: 100% auto;
	position: relative;
	} 
#main .mv {
	display: none;
	height: 0;
	margin: 0 auto 0;
	padding-top:54.135%;
	background: url(../images/mv.jpg);
	background-size: 100% auto;
	position: relative;
}
#main .mv .mv-inner {
	position: absolute;
	top: 50%;
	right: 0;
	width: 850px;
	height: 300px;
	margin: -150px 0 0;
}
#main .contents1 .titel-box {
	display: table;
	margin: 40px auto 10px;
	position: relative;
	box-sizing: border-box;
	padding: 0 10px;
}
#main .contents1 .titel-box h3 {
	margin: 5px 0 0;
	text-align: center;
}
#main .contents1 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: 0;
	background: none;
	width: 80px;
	height: 110px;
}
#main .contents1 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	background: none;
	width: 80px;
	height: 110px;
}
#main .inner {
	max-width: 100%;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
	.inner {
		box-sizing: border-box;
		padding: 0 10px;
	}
#main .tb-box {
	width: 49%;
	float: left;
	box-sizing: border-box;
	background: #FFF;
	padding: 10px;
	margin: 2% 2% 2% 0;
}
	#main .tb-box:nth-child(2),
	#main .tb-box:nth-child(4) {
		margin:2% 0;
	}
#main .tb-box a {
	display: block;
	width: 100%;
	background: #FFF;
	position: relative;
}
#main .tb-box a::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 2px;
	right: 2px;
	border-style: solid;
  border-color: transparent transparent #234889 transparent;
  border-width: 0 0 24px 27px;
}
#main .tb-box img {
	width: 100%;
}
#main .tb-box img:hover {
	opacity: 1;
}
#main .tb-box a .a-box {
	box-sizing: border-box;
	padding: 0px 0px 10px;
}
#main .tb-box a .a-box h4 {
	color: #FFF;
	background: #c0b694;
	text-align: center;
}
#main .tb-box a .a-box h5 {
	margin-top: 10px;
}
#main .tb-box a .a-box p {
	margin-top: 10px;
	line-height: 1.2;
	font-size:12px;
}
#main .tb-box a .a-box p span {
	color: #c71425;
}
#main .tb-btn {
	display: block;
	margin: 0px auto 0;
	height: 93px;
	padding: 0 10px;
}
#main .tb-btn a {
	background: #234889;
	display: inline-block;
	width: 100%;
	line-height: 1.8;
	text-align: center;
	border-bottom: 5px solid #102864;
	border-radius: 5px;
	padding: 16px 0;
	position: relative;
}
#main .tb-btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .tb-btn a span {
	display: inline-block;
	line-height: 1;
	padding: 6px 12px;
	background: #FFF;
	margin: 0 10px 0 0;
	font-size: 11px;
}
#main .tb-btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
#main .tab_content_description {
	width: 100%;
}

.tab_wrap{width:100%; margin:40px auto 0; box-sizing: border-box;padding: 0;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; width: 100%; margin:0 auto;border-bottom: 4px solid #0a6cbe;}
.tab_area label{width:15.83%; margin:0; display:inline-block; padding:12px 0; color:#0a6cbe; background:#e7e7e7; text-align:center; font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:12px;font-weight: bold; border-radius: 5px 5px 0 0; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label+label {
	margin-left: 1%;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{
	background: url(../images/tbbg.png)left bottom no-repeat;
	background-size: 650px 410px;
}
.tab_panel{width:100%; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px;}

#tab1:checked ~ .tab_area .tab1_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab1:checked ~ .panel_area #panel1{display:block; }
#tab2:checked ~ .tab_area .tab2_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab5:checked ~ .panel_area #panel5{display:block;}
#tab6:checked ~ .tab_area .tab6_label{background:#0a6cbe; color:#FFF;border-radius: 5px 5px 0 0;}
#tab6:checked ~ .panel_area #panel6{display:block;}

.tab_area {
	margin: auto;
	
}
.contents2 {
	background: url(../images/co02bg.jpg) center no-repeat;
	background-size: cover;
	max-height: 3000px;
	padding: 60px 10px;
}
.contents2 .inner {
	background: rgba(0,0,0,0.65);
	box-sizing: border-box;
	padding: 40px 10px;
	border: 2px solid #FFF;
}
.contents2 .inner h3 {
	text-align: center;
	margin: 0 0 30px;
}
.contents2 .inner .btn {
	width: 100%;
	margin: auto;
	position: relative;
	background: rgba(0,0,0,0.6);
}
.contents2 .inner .btn a {
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	padding: 20px 30px;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}
.contents2 .inner .btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
.contents2 .inner .btn::after{

	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: -30px;
	background: url(../images/hitudoku.png);
	background-size: cover;
	width: 50px;
	height: 50px;
	z-index: 2;
}
.contents2 .inner ul {
	margin: 40px 0 0;
}
.contents2 .inner ul li {
	width: 100%;
	float: none;
	box-sizing: border-box;
	padding: 0 0px;
	margin: 20px 0 0;
}
.contents2 .inner ul li a {
	background: #fff;
	padding: 10px;
	border: 2px solid #0a6cbe;
	position: relative;
	font-size: 12px;
}
.contents2 .inner ul li a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #234889;
	border-bottom: 2px solid #234889;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contents3 {
	margin: 30px 0;
}
.contents3 .inner {
	position: relative;
}
.contents3 .inner::before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 40%;
	background: url(../images/co03sheip.png) ;
	background-size: cover;
	width: 330px;
	height: 330px;
	z-index: 0;
}
.contents3 .img-area {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 30px;
	position: relative;
	z-index: 1;
}
.contents3 .txt-area {
	float: none;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.contents3 .txt-area h3 {
	margin: 6px 0 16px;
}
.contents3 .txt-area .txt {
	font-size: 13px;
}


.contents4 {
	margin: 60px 0 0;
	background: url(../images/co4bg.jpg)bottom no-repeat;
	background-size: cover;
	padding: 0 0 40px;
}
#main .contents4 .titel-box::before {
    background:none;
}
#main .contents4 .titel-box::after {
    background:none;
}
.contents4 .txt {
	text-align: left;
	margin: 20px 0 20px;
	padding: 0 10px;
}
.contents4 .inner .txt {
	text-align: left;
	margin: 10px 0 0;
	text-align: justify;
	padding: 0;
}
.contents4 h3 {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
}

.contents4 .sbt {
	display: table;
	margin:0 auto 15px;
	line-height: 60px;
	position: relative;
	font-size: 16px;
}

.contents4 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -220px;
	top: 0;
	background: url(../images/ttlshipe03.png) right;
	background-size: cover
	width: 200px;
	height: 60px;
}
.contents4 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -220px;
	top: 0;
	background: url(../images/ttlshipe04.png) left;
	background-size: cover;
	width: 200px;
	height: 60px;
}
.contents4 .m-box {
	width: 100%;
	float: none;
	height: auto;
	margin: 0 0 20px;
	background: #f2eee5;
	box-sizing: border-box;
	padding: 14px;
}
.contents4 .box {
	float: left;
	height: auto;
	width: 48%;
	box-sizing: border-box;
	border: 1px solid #f9f9f9;
	padding: 14px;
	background: #FFF;
}
.contents4 .box:nth-child(odd){
	margin: 0 0 20px 0;
}
.contents4 .box:nth-child(even){
	margin: 0 3% 20px 0;
}
.contents4 .box h4 {
	text-align: center;
	font-size: 16px;
}
.contents4 .box .ttl-bar {
	margin: 14px 0 20px;
}


.contents5 {
	padding: 30px 10px;
}
.contents5 .inner {
	background: url(../images/co05bg.jpg)center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 30px 16px;
	position: relative;
}
.contents5 .inner::before {
	display: block;
	content: "";
	position: absolute;
	left: 40px;
	bottom: 30px;
	background: url(../images/co05sheip.png);
	width: 532px;
	height: 431px;
	z-index: 0;
}
.contents5 .img-area {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 0 20px;
}
.contents5 .img-area iframe {
	width:100%;
	height:350px;
}
.contents5 .txt-area {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
}
.contents5 .txt-area h3 {
	margin: 6px 0 16px;
}
	.contents5 .txt-area h4 {
		margin: 0 0 10px;
	}
.contents5 .txt-area .txt {
	font-size: 13px;
	margin: 0 0 16px;
}


.contents6 {
	background: url(../images/co06bg.jpg)center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 40px 0 60px;
}
#main .contents6 .titel-box {
	display: table;
	margin:0 auto 30px;
	padding: 0 10px;
	position: relative;
}
#main .contents6 .titel-box h3 {
	margin: 5px 0 0;
	font-size: 20px;
	text-align: center;
}
#main .contents6 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: 0;
	background: none;
	width: 105px;
	height: 130px;
}
#main .contents6 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	background: none;
	width: 105px;
	height: 130px;
}
#main .contents6 .inner .l-box {
	float: none;
	width: 100%;
	background: #fff;
	/*margin: 0 0 30px;*/
}
#main .contents6 .inner .l-box h4 {
	text-align: center;
	background: #234889;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .l-box h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #234889;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}


#main .contents6 .inner .l-box02 {
	float: none;
	width: 100%;
	background: #fff;
	margin: 0 0 30px;
}
#main .contents6 .inner .l-box02 h4 {
	text-align: center;
	background: #376e41;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .l-box02 h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #376e41;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}
#main .contents6 .inner .r-box h4 {
	text-align: center;
	background: #c32428;
	padding: 15px 0;
	line-height: 1.5;
	position: relative;
}
#main .contents6 .inner .r-box h4::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 15px solid #c32428;
	border-left: 10px solid transparent;
	margin: 0 0 0 -10px;
}
#main .contents6 .inner .r-box {
	float: none;
	width: 100%;
	background: #fff;
}
#main .contents6 .inner .txt {
	margin: 10px 0;
}
#main .contents6 .l-img {
	float: left;
	width: 48%;
}
#main .contents6 .r-img {
	float: right;
	width: 48%;
}
#main .contents6 .box-inner {
	box-sizing: border-box;
	padding: 35px 25px 25px;
	height:auto;
}
#main .contents6 .btn1 {
	margin: 30px 0 15px;
	height: 55px;
}
#main .contents6 .btn2 {
	height: 55px;
}

#main .contents6 .btn1 a {
	line-height: 50px;
	background: #234889;
	border-radius: 6px;
	text-align: center;
	font-size: 13px;
	border-bottom: 5px solid #102864;
	position: relative;
}
#main .contents6 .btn2 a {
	line-height: 1.6;
	padding: 6px 0;
	background: #c32428;
	border-radius: 6px;
	text-align: center;
	border-bottom: 5px solid #a01825;
	font-size: 13px;
	position: relative;
}
#main .contents6 .btn1 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .contents6 .btn2 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
#main .contents6 .btn1 a:hover,
#main .contents6 .btn2 a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
#main .contents7 {
	margin: 40px 0;
}
#main .contents7 .titel-box::before {
    background:none;
}
#main .contents7 .titel-box::after {
    background:none;
}
 .contents7 h3 {
	text-align: center;
	 line-height: 1.4;
}
.contents7 .sbt {
	position: relative;
	display: table;
	margin: 0 auto 16px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 30px 0; 20px;
}
.contents7 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -80px;
	top: 0;
	background: url(../images/ttlshipe07.png) right;
	background-size: cover;
	width: 70px;
	height: 100px;
}
.contents7 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -80px;
	top: 0;
	background: url(../images/ttlshipe08.png) left;
	background-size: cover;
	width: 70px;
	height: 100px;
}

.contents7 .txt {
	text-align: left;
	margin: 20px 0 20px;
	padding: 0 10px;
}
.contents7 .btn-box .btn {
	float: none;
	width: 100%;
}
.contents7 .btn-box .btn:nth-child(2) {
	margin: 15px 0;
}
.contents8 .inner .txt-box {
	width: 100%;
	float: none;
}
.contents8 .inner .rv-box {
	float: none;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #c9c280;
	margin: 30px 0 0;
}
.contents8 .inner .rv-box dl {
	width: 100%;
	float: none;
	min-height: 10px;
	box-sizing: border-box;
	padding:0px;
	background: #FFF;
	background: #fcf9da;
	border-top: 2px solid #c9c280;
}
.contents8 .inner .rv-box dl .lh {
	line-height: 40px;
}
	.contents8 .inner .rv-box dl:nth-child(1) {
		border-top: none;
	}
.contents8 .inner .rv-box dl:nth-child(1),
.contents8 .inner .rv-box dl:nth-child(2) {
	border-bottom: none;
}
.contents8 .inner .rv-box dl:nth-child(2),
.contents8 .inner .rv-box dl:nth-child(4) {
	border-left: none;
}
.contents8 .inner .rv-box dl dt {
	float: left;
	width: 60%;
	color: #401313;
	text-align: center;
	font-size: 13px;
	background: #fcf9da;
	line-height: 30px;
}
.contents8 .inner .rv-box dl dd {
	float: right;
	width: 40%;
}

.contents8 .inner .sbt {
	position: relative;
	display: table;
	margin: 30px auto;
}
.contents8 .inner1 .sbt {
	color: #234889;
}
.contents8 .inner1 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -60px;
	top: 0;
	background: url(../images/ttlshipe09.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .inner1 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -60px;
	top: 0;
	background: url(../images/ttlshipe10.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .inner2 .sbt {
	color: #1d7c75;
}
.contents8 .inner2 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -60px;
	top: 0;
	background: url(../images/ttlshipe11.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .inner2 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -60px;
	top: 0;
	background: url(../images/ttlshipe12.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .inner3 .sbt {
	color: #cd3544;
}
.contents8 .inner3 .sbt::before {
	display: block;
	content: "";
	position: absolute;
	left: -60px;
	top: 0;
	background: url(../images/ttlshipe13.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .inner3 .sbt::after {
	display: block;
	content: "";
	position: absolute;
	right: -60px;
	top: 0;
	background: url(../images/ttlshipe14.png);
	background-size: cover;
	width: 50px;
	height: 20px;
}
.contents8 .box1 {
	margin: 0 0 60px;
	position: relative;
	z-index: 1;
}
.contents8 .box2 {
	margin: 0 0 60px;
	position: relative;
	z-index: 1;
}
.contents8 .box2 .co-box {
	float: none;
	width: 100%;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	padding: 20px;
	background: #FFF;
}
.contents8 .box2 .co-box:nth-child(2) {
	margin: 30px 0;
}
.contents8 .box2 .co-box h5 {
	margin: 20px 0 0;
}
.contents8 .box2 .co-box .ttl-bar {
	margin: 18px 0;
}
.contents8 .box3 {
	position: relative;
	z-index: 1;
}
.contents8 .box3 .co-box {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	padding: 20px;
	background: #fff;
}
.contents8 .box3 .co-box .time{
	position: absolute;
	left: 8%;
	top: 8%;
	font-size: 14px;
	background: #234889;
	color: #fff;
	padding: 2% 5%;
	border-radius: 5px;
}
.contents8 .box3 .co-box:nth-child(4) {
	margin: 0;
}
.contents8 .box3 .co-box .ttl-bar {
	margin: 18px 0;
}
.contents8 .box4 {
	margin: 40px 0;
	background: #FFF;
	position: relative;
	z-index: 1;
}
.contents8 .box4 .img-area {
	width: 100%;
	float: none;
}
.contents8 .box4 .txt-area {
	box-sizing: border-box;
	padding: 0 20px;
	margin: 20px 0 0;
}
.contents8 .box4 .btn-box {
	margin: 20px 0 0;
}
.contents8 .box4 .btn-box p {
	text-align: center;
	color: #c71425;
}
.contents8 .box4 .btn-box p span {
	display: inline-block;
	padding: 0;
}
.contents8 .box4 .btn-box .btn {
	width: 100%;
	float: none;
	height: 55px;
	margin: 20px auto 20px;
	box-sizing: border-box;
	padding: 0 ;
}
.contents8 .box4 .btn-box .btn a {
	line-height: 50px;
	background: #ffa811;
	border-bottom: 5px solid #de8f06;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.contents8 .box4 .btn-box .btn a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.contents8 .box4 .btn-box .btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
.contents8 .main-btn {
	height: 110px;
	position: relative;
	z-index: 1;
}
.contents8 .main-btn a {
	line-height: 1.8;
	box-sizing: border-box;
	padding: 20px 0;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	position: relative;
}
.contents8 .main-btn a::before {
	position: absolute;
	content: '';
	margin: -5px 0 0 0;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.contents8 .inner1 .main-btn a {
	background: #234889;
	border-bottom: 5px solid #0f326f;
}
.contents8 .inner2 .main-btn a {
	background: #1d7c75;
	border-bottom: 5px solid #0f605a;
}
.contents8 .inner3 .main-btn a {
	background: #cd3544;
	border-bottom:5px solid #ab1928;
}
.contents8 .inner1 .main-btn a:hover,
.contents8 .inner2 .main-btn a:hover,
.contents8 .inner3 .main-btn a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
}
.contents8 .inner1 {
	box-sizing: border-box;
	border: 2px solid  #234889;
	padding: 30px 20px;
	margin: 0 0 80px;
}
.contents8 .inner1 .box2 .co-box {
	height: auto;
}
.contents8 .inner1 .box3 .co-box {
	height: auto;
}
.contents8 .inner2 {
	box-sizing: border-box;
	border: 2px solid  #1d7c75;
	padding: 30px 20px;
	margin: 0 0 80px;
}
.contents8 .inner2 .box2 .co-box,
.contents8 .inner2 .box3 .co-box {
	height: auto;
}
.contents8 .inner3 {
	box-sizing: border-box;
	border: 2px solid  #cd3544;
	padding: 30px 20px;
}
.contents8 .inner3 .box2 .co-box {
	height: auto;
}
.contents8 .inner3 .box3 .co-box {
	height: auto;
}
.contents8 .inner1 .box4 {
	border: 2px solid  #234889;
}
.contents8 .inner2 .box4 {
	border: 2px solid  #1d7c75;
}
.contents8 .inner3 .box4 {
	border: 2px solid  #cd3544;
}
.contents8 .inner1,
.contents8 .inner2,
.contents8 .inner3 {
	position: relative;
}
.contents8 .inner1::before,
.contents8 .inner2::before,
.contents8 .inner3::before {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/innerbg.png);
	width: 760px;
	height: 525px;
	z-index: 0;
}
.contents8 .inner1::after,
.contents8 .inner2::after,
.contents8 .inner3::after {
	display: none;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/tbbg.png);
	width: 650px;
	height: 410px;
	z-index: 0;
}

.contents9 .ttl {
	background: url(../images/ft-ttl.jpg);
	position: relative;
	margin: 40px 0 40px;
}
.contents9 {
	background: url(../images/rybg.jpg) no-repeat bottom;
	background-size: cover;
	padding: 0 0 60px;
}
.contents9 .ttl::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom:-20px;
	margin: auto;
	border-right: 10px solid transparent;
	border-top: 20px solid #234889;
	border-left: 10px solid transparent;
	margin: 0 0 0 -15px;
}
.contents9 .ttl h4 {
	width: 80%;
	margin: auto;
	padding: 10px 0;
}
	.contents9 .ry-box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	} 
.contents9 .ry-box a {
	float: none;
	width: 49%;
	margin: 0;
}
	.contents9 .ry-box a:nth-child(4){
		margin: 0 0 0 2%;
	}
.contents9 .ry-box .co-box {
	margin: 0;
	padding: 10px;
}
	.contents9 .ry-box .co-box::before {
		bottom: 5px;
		right: 5px;
	}
.contents9 .ry-box .co-box .ttl-bar {
	margin: 18px 0;
}
.contents9 .ry-box .co-box h5 {
	text-align: center;
	margin: 20px 0 0;
	font-size: 12px;
	font-weight: bold;
}
.contents9 .ry-box .co-box .name {
	text-align: right;
	margin: 0 0 10px;
}
.contents10 .btn4 a {
	display: block;
	color: #FFF;
	background: #234889;
	width: 100%;
	line-height: 45px;
	text-align: center;
	position: relative; 
	border-bottom: solid 6px #102864;
}
.contents10 .btn4 a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 6px;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contents10 .btn4 a:hover {
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    border-bottom: none;
}
.contents10 {
	box-sizing: border-box;
	padding: 30px 0;
}
.contents10 .btn4 {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 10px 0;
	height: 51px;
}
.contents10 .titel-box {
	display: table;
	margin:0 auto 10px;
	position: relative;
}
#main .contents10 .titel-box h3 {
	margin: 5px 0 0;
	text-align: center;
	line-height: 1.6;
}
#main .contents10 .titel-box::before {
	display: block;
	content: "";
	position: absolute;
	left: -130px;
	top: 0;
	background: none;
	width: 110px;
	height: 124px;
}
#main .contents10 .titel-box::after {
	display: block;
	content: "";
	position: absolute;
	right: -150px;
	top: 0;
	background: none;
	width: 130px;
	height: 124px;
}
.contents10::before {
	display: block;
	content: "";
	position: absolute;
	right: -30px;
	top:0;
	background: none;
	background-size: 100% auto;
	width: 300px;
	height: 100%;
}
#main .contents11 {
	padding: 1px 0 ;
}
#main .contents11 .titel-box::before {
    background:none;
}
#main .contents11 .titel-box::after {
    background:none;
}
.contents11 .txt {
	text-align: left;
	margin: 20px 0 20px;
	padding: 0 10px;
}
.foot {
	background: url(../images/ftbg.jpg);
	background-size: cover;
	height: auto;
	box-sizing: border-box;
	padding: 50px 0;
}

.foot h4 {
	line-height: 1.8;
	text-align: center;
	font-size:16px;
}
.foot .btn {
	margin: 30px 0 0;
}
.foot .btn a {
	background: #FFF;
	border: 2px solid #234889;
	border-radius: 50px;
	line-height: 1.6;
	text-align: center;
	padding: 10px 0;
	position: relative;
}
.foot .btn a::before {
      position: absolute;
      content: '';
      margin: -5px 0 0 0;
      top: 50%;
      right: 20px;
      width: 8px;
      height: 8px;
      border-right: 2px solid #234889;
      border-top: 2px solid #234889;
      -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.foot .btn01 {
	float: none;
	width: 100%
}
.foot .btn02 {
	float: none;
	width: 100%;
}
.ttl_box {
	position: relative;
}
.ttl_box01 {
	background: url(../images/ttl01bg.jpg);
	background-size: cover;
}
.ttl_box01::before,
.ttl_box01::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box01::before {
	left: 0;
	right: 0;
	bottom: 100px;
	background: url(../images/sp-ttl01item.png);
	width: 140px;
	height: 50px;
	margin: auto;
}
.ttl_box::after {
	display: none;
	right: 0;
	background: url(../images/ttlitem.png);
	width: 213px;
	height: 148px;
}
.ttl_box02 {
	background: url(../images/ttl02bg.jpg);
	background-size: cover;
}
.ttl_box02::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box02::before {
	left: 0;
	right: 0;
	bottom: 100px;
	background: url(../images/sp-ttl02item.png);
	width: 140px;
	height: 50px;
	margin: auto;
}

.ttl_box03 {
	background: url(../images/ttl03bg.jpg);
	background-size: cover;
}
.ttl_box03::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
}
.ttl_box03::before {
	left: 0;
	right: 0;
	bottom: 100px;
	background: url(../images/sp-ttl03item.png);
	width: 140px;
	height: 50px;
	margin: auto;
}

.ttl_box {
	position: relative;
}
.ttl_box h3 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	padding: 100px 0 25px;
}
	.contents9 .ttl h4::before,
.contents9 .ttl h4::after {
	display: none;
}
	.contents9 .ttl h4 {
	font-size: 20px;
		padding: 24px 0;
}
	.contents9 .ttl h4 span {
	font-size: 13px;
}

.cp_ranking { padding:30px 0; }
.cp_ranking h2 { font-size:18px; margin-bottom:10px; line-height:1; }
.cp_ranking h2 span { display:block; }
.cp_ranking_list li { width:100%; }
.cp_ranking_list li a { padding:10px 35px 10px 5px; font-size:14px; background-size:5%; }
.cp_ranking_list li:nth-child(6) a { border-bottom:none; }


  .hotel_block {
    width: 94%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 3% 20px;
  }
  .hotel_block .ttl h2 {
    font-size: 24px;
    padding: 30px 0;
  }
  .hotel_block .ribbon_ttl p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .hotel_block .ribbon_ttl h3 {
    line-height: 1.3;
    /*リボンの高さ*/
    padding: 10px 30px 0;
    /*横の大きさ*/
    font-size: 18px;
  }
  .hotel_block .ribbon_ttl .icon_seeing::before,
  .hotel_block .ribbon_ttl .icon_home::before,
  .hotel_block .ribbon_ttl .icon_access::before {
    content: "";
    width: 20px;
    height: 20px;
  }
  .hotel_block .box_wrap {
    margin:0 0 20px 0;
  }
  .hotel_block .box_wrap .head {
    margin-bottom: 20px;
    border-bottom: solid 2px #001159;
    overflow: hidden;
    zoom: 1;
    padding-bottom: 10px;
  }
  .hotel_block .box_wrap .head h4 {
    width: 100%;
    float: none;
    padding-bottom: 0px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: #001159;
    text-align: left;
    display: block;
    vertical-align: middle;
    text-align: center;
  }

  .hotel_block .box_wrap .head h4 .base {
    background:#333;
    padding:4px 10px;
    color:#fff;
    border-radius: 5px;
    font-size:11px;
    font-weight:bold;
    margin:0 10px 0 0;
  }
  .hotel_block .box_wrap .head h4 .en {
    display: block;
    margin-left: 0px;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 10px;
  }
  .hotel_block .box_wrap .head .hotel_rank {
    width: 100%;
    float: none;
    margin-top: 5px;
    display: block;
    text-align: center;
  }
  .hotel_block .box_wrap .head .hotel_rank b {
    color: #001159;
    font-weight: bold;
    margin-right: 10px;
  }
  .hotel_block .box_wrap .head .hotel_rank b:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 12px;
  }
  .hotel_block .box_wrap .box_inline {
    padding: 20px 10px;
  }
  .hotel_block .box_wrap .detail_wrap {
    overflow: hidden;
  }
  .hotel_block .box_wrap .detail_wrap .slide_container {
    width: 100%;
    float: none;
    margin: 0px 0 0;
  }
  .hotel_block .box_wrap .detail_wrap .text {
    overflow: hidden;
  }
  .hotel_block .box_wrap .detail_wrap h5,
  .hotel_block .box_wrap .detail_wrap h6 {
    font-size: 16px;
    line-height: 1.4;
    margin: 10px 0 3px 0;
  }
  .hotel_block .box_wrap .detail_wrap .access {
    background: #D9DCE6;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.4;
    height: auto;
    vertical-align: middle;
    margin: 10px 0 0 0;
  }
  .hotel_block .box_wrap .detail_wrap .access b {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 5px;
    vertical-align: middle;
    display: block;
  }
  .hotel_block .box_wrap .detail_wrap .access b:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 11px;
    top: -2px;
    margin-right: 5px;
  }
  .hotel_block .box_wrap .detail_wrap .desc {
    height: auto;
  }
  .hotel_block .box_wrap .detail_wrap .btn_set {
    margin-top: 20px;
  }
  .hotel_block .box_wrap .detail_wrap .detail_btn a {
    font-size: 14px;
    line-height: 1.3;
    padding: 0px 40px 0px 15px;
  }
  .hotel_block .box_wrap .detail_wrap .detail_btn a::after {
    background: url("../images/icon_arrow_r_sp.png") no-repeat center center;
    background-size: contain;
  }
  .hotel_block .box_wrap .detail_wrap .tour_btn a {
    font-size: 14px;
    line-height: 1.3;
    padding: 0px 40px 0px 15px;
  }
  .hotel_block .box_wrap .detail_wrap .tour_btn a::after {
    background: url("../images/icon_arrow_r_sp.png") no-repeat center center;
    background-size: contain;
  }
  .hotel_block .box_wrap + .ribbon_ttl {
    margin-top: 40px;
  }
  .hotel_block .tour_etc_btn .col2 {
    font-size: 0;
  }
  .hotel_block .tour_etc_btn .col2 li {
    width: 100%;
    display: block;
    margin-right: 0%;
    margin-bottom: 10px;
  }
  .hotel_block .tour_etc_btn .col2 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .hotel_block .slide_container {
    padding: 0px 0px 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .hotel_block .slide_all {
    width: 270px;
    margin: 0 auto;
    height: 200px;
    position: relative;
  }
  .hotel_block .slide_wrap {
    width: 810px;
    position: absolute;
    left: 50%;
    margin-left: -150%;
  }
  .hotel_block .slide_body {
    width: 100%;
  }
  .hotel_block .slide {
    margin: 0px 0.06% !important;
    width: 500px;
  }
  .hotel_block .slide img {
    width: 100%;
    vertical-align: bottom;
  }
  .hotel_block .bx-controls-direction {
    text-align: center;
    height: 25px;
  }
  .hotel_block .bx-controls-direction a {
    text-decoration: none;
    color: #000;
    padding: 0 5px;
  }
  .hotel_block .bx-controls {
    position: absolute;
    bottom: 49%;
    z-index: 100;
    width: 100%;
  }
  .hotel_block .bx-controls .bx-prev {
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/slider_prev.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    left: 31.5%;
    text-indent: 100%;
  }
  .hotel_block .bx-controls .bx-next {
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/slider_next.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 32.5%;
    text-indent: 100%;
  }

	.cmnblock02 {
	    width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	.pboxwrap01 {
		text-align: center;
	}
	.pbox {
		vertical-align: top;
		display: block;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom:30px;
	}
	.pt01 {
		background-image: url(../images/bg_02.png);
		background-repeat: repeat-x;
		background-position: center bottom;
		width: 100%;
		margin-right: auto;
		margin-bottom: 12px;
		margin-left: auto;
		padding-bottom: 5px;
		text-align:center;
	}
	.pt01 img {
		width: 180px;
		margin-right: auto;
		margin-left: auto;
		text-align:center;
	}
	.plboxwrap01 {
		margin-bottom: 5px;
	}
	.plboxwrap01.mb {
		margin-bottom: 25px;
	}
	.plboxwrap02 {
		display: table;
		width: 100%;
	}
	.plbox01 {
		text-align: center;
		vertical-align: top;
		display: table-cell;
		width: 54px;
		border-right: 5px solid #FFF;
		background-image: url(../images/bg_08.png);
		background-repeat: repeat;
		background-position: center center;
		padding-top: 15px;
		padding-right: 7px;
		padding-bottom: 15px;
		padding-left: 7px;
	}
	.plbox02 {
		text-align: left;
		vertical-align: top;
		display: table-cell;
		padding-top: 15px;
		padding-right: 10px;
		padding-bottom: 15px;
		padding-left: 10px;
		font-size: 12px;
	}
	.pl01 {
		font-weight: bold;
		padding-left: 15px;
		position: relative;
	}
	.pl01:before {
	    content: '';
	    display: inline-block;
	    position: absolute;
	    top: 4px;
	    left: 0px;
	    width: 0;
	    height: 0;
	    margin-top: 0px;
	    border-top: 4px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 4px solid transparent;
	    border-left: 8px solid #745756;
	}
	.pl02 {
		padding-left: 0px;
	}
	.plboxwrap02 .mb01 {
		margin-bottom:12px;
	}
	.plboxwrap02 .mb02 {
		margin-bottom:7px;
	}
	.pl03 {
		margin-bottom: 12px;
	}
	.pl03.mb {
		margin-bottom: 7px;
	}

	.pl04 {
		float: none;
		margin-right: 0;
		width:100%;
	}
	.pl04:nth-child(odd) {
		clear:both;
		margin-bottom:12px;
	}
	.pl04:nth-child(even) {
		float: none;
	}
	.pl04 span {
	    font-size: 10px;
	}
	.pl05 {
		padding: 10px;
		margin-bottom: 15px;
		font-size: 12px;
		position: relative;
	}
	.pl06 dt {
		font-weight: bold;
	}
	.pl06 dd a{
		color: #ED2939;
	}
	.pl06 dd span {
		color: #2568AC;
	}
	.pl07 {
		float: left;
		width:100px;
	}
	.pltitle01  {
		background-image: url(../images/bg_02.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		text-align: center;
		margin-bottom: 30px;
		padding-bottom: 25px;
	}
	.pl05.type02 {
		padding: 10px;
	}
	.pl08 {
		float: none;
		width: auto;
		padding-top: 0;
		padding-right: 0;
	}
	.pl09 {
		font-size: 14px;
		color: #FFF;
		background-color: #272F57;
		text-align: center;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.bt_pagetop a {
		height: 40px;
		width: 40px;
	}



}