﻿@charset "utf-8";
/*
共通設定
------------------------------------------*/
body {
	width: 100%;
	background: #fff;
}
#container {
	width: 100%;
	height: auto;
}
.mainContents {
	width:100%;
	height: auto;
}
header, footer {
	width: 100%;
	height: auto;
}
nav, section, article, aside{
	width: 1000px;
	height: auto;
	margin:0 auto;
}
a:link {
	text-decoration: none;
	color: #1F66B7;
}
a:visited {
	text-decoration: none;
	color: #1F66B7;
}
a:active {
	text-decoration: underline;
	color: #1F66B7;
}
a:hover {
	text-decoration: underline;
	color: #1F66B7;
}
/* アイコン */
.ico01 {
	background-image: url(/sightseeing/course/common/img/ico_img01.png);
}
.ico02 {
	background-image: url(/sightseeing/course/common/img/ico_img02.png);
}
.ico04 {
	background-image: url(/sightseeing/course/common/img/ico_img04.png);
}
.ico05 {
	background-image: url(/sightseeing/course/common/img/ico_img05.png);
}
.ico06 {
	background-image: url(/sightseeing/course/common/img/ico_img06.png);
}
.ico07 {
	background-image: url(/sightseeing/course/common/img/ico_img07.png);
}
.ico08 {
	background-image: url(/sightseeing/course/common/img/ico_img08.png);
}
.ico09 {
	background-image: url(/sightseeing/course/common/img/ico_img09.png);
}
.ico10 {
	background-image: url(/sightseeing/course/common/img/ico_img10.png);
}
/* 調整 */
.mt02e {
	margin-top: 0.2em !important;
}
.mt06e {
	margin-top: 0.6em !important;
}
.mt1e {
	margin-top: 1em !important;
}
.mt2e {
	margin-top: 2em !important;
}
.mb01em{
	margin-bottom: 0.1em !important;
}
.pt06e {
	padding-top: 0.6em !important;
}
.fwNoml{
	font-weight: normal !important;
}
.fltRelease{
	float:none !important;
}
.textLink{
	font-size:20px !important;
}

/*
ヘッダー
------------------------------------------*/
header {
	margin-bottom:60px;
}
header nav {
	overflow: hidden;
	margin-bottom: 20px;
}
header nav p {
	width: 60%;
	float: left;
	padding: 3px;
	font-size: 12px;
	color: #333;
}
header nav p span {
	color: inherit;
}
ul.loginWap {
	display: block;
	width: 262px;
	height: auto;
	float: right;
	overflow: hidden;
}
ul.loginWap li {
	display: block;
	width: auto;
	height: auto;
	margin-left: 3%;
	float: left;
	font-size: 12px;
	text-align: center;
}
ul.loginWap li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #4D4444;
}
.loginBtn01 {
	padding-top: 4px;
	padding-right:15px;
	background: url(../img/ico_arrow04.jpg) right center no-repeat;
}
.loginBtn02 {
	padding-top: 4px;
}
section.pageTitleWap{
	position:relative;
}
section.pageTitleWap .cateLink{
	position: absolute;
	right:12px;
	top:20px;
	display:block;
	padding-right:15px;
	font-size:12px;
	background: url(../img/ico_arrow04.jpg) right center no-repeat;
}
div.wideNavi{
	width: 100%;
	padding:10px 0;
	background-color:#003894;
}
div.wideNavi section{
	position:relative;
}
div.wideNavi section h2{
	padding:3px 0 3px 30px;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	letter-spacing:0.1em;
	background:url(/sightseeing/course/common/img/ico_home.png) 5px 3px no-repeat;
}
div.wideNavi section a{
	position:absolute;
	right:15px;
	top:6px;
	font-size:12px;
	color:#fff;
	text-align:right;
	letter-spacing:0.1em;
}
.breadCrumb {
	overflow: hidden;
}
.breadCrumb p{
	font-size: 13px;
	padding: 10px 5px 10px 0;
	float: left;
	line-height: 30px;
	list-style: none;
}
.breadCrumb p a {
    margin: 0 7px 0 7px;
}
.breadCrumb p:last-child {
    padding-left: 7px;
}
.tagList {
	width: 1000px !important;
	margin: 0 auto;
}
.tagList ul li.tag_word a {
	display: inline !important;
}
ul.tag_wordList:before {
	top: -4px;
}
.tagList ul li#tag_other .tag_other_inner {
	margin: 0 0 15px auto;
}

.contentsTitle{
	padding:30px 0 20px;
	overflow:hidden;
	/* background:url(/sightseeing/course/common/img/bg_doubleLine.jpg) center bottom no-repeat; */
}
.contentsTitle h2{
	float:left;
	font-size:28px;
}
#cornerBox h3, .contentsTitle #cornerBox .corner_name {
    width: 180px;
}
.contentsTitle #cornerBox:after {
    content: "";
    width: 160px;
    position: absolute;
    bottom: 0px;
    left: 0;
    border-bottom: 2px solid #1460BA;
}
.dateBox {
	float:right;
	width: auto;
	padding:10px 0 0;
}
.dateBox p {
	font-size: 18px;
	line-height:1em;
	text-align: right;
}
.dateBox p a{
	font-size: inherit;
	line-height:inherit;
}

header section.sns,
.mainContents section.sns{
	display: block;
	height: 65px;
	padding: 0 2% 0;
	margin: 0 0 1em;
	text-align: right;
}
.mainContents section.sns{
	margin: 0 auto 0;
}
.fb-like {
	display: block;
	float: right;
	margin-right: 5px;
}
.twitter-share-button {
	display: block;
	float: right;
	margin-right: 5px;
}
.lineBox,.line-it-button {
	display: block;
	float: right;
}
/*
フッター
------------------------------------------*/
footer{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../img/bg_footer04.png),url(../img/bg_footer02.png);
	background-repeat:repeat-x,repeat-x;
	background-position:left bottom, left top;
}
footer img{
	display:block;
	margin:0 auto;
}


/*
メインコンテンツ
------------------------------------------*/

.mainContents section {
	margin: 0 auto 60px;
}
/* タイトル キャプション 共通 */
.mainTitle {
font-size: 44px;
margin-bottom: 20px;
}
.glayTitle {
	padding: 7px 0 8px 25px;
	margin-bottom: 50px;
	font-size: 28px;
	font-weight: bold;
	text-align:left;
	background: url(/sightseeing/course/common/img/bg_title01.jpg) 10px center no-repeat #EFEFEF;
	background-size: 5px 76%;
}
.mainText01 {
font-size: 20px;
margin-bottom: 50px ;
}
/*3つのおすすめポイント*/
.mainContents ul {
	display: block;
	width: 100%;
	height: auto;
}
.mainContents .thumbtack li {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0 0 65px;
    margin: 0 0 15px;
    font-size: 26px;
    background: url(/sightseeing/course/common/img/ico_img01.png) left 50% no-repeat;
    background-size: 50px 50px;
}
.colm2_01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 2em;
}
.inColm1 {
	width: 48%;
	height: auto;
	padding: 1em 0 0;
	float: left;
	text-align: center
}
.inColm2 {
	width: 48%;
	height: auto;
	padding: 1em 0 0;
	float: right;
	text-align: center
}
.inColm2 h3.glayTitle {
    margin-bottom: 35px;
}
.inColm2 img {
    height: auto;
    width: 75px;
    padding-bottom: 23px;
    margin-bottom: 0px !important;
}

.inColm2 p.trans_none {
	display: none;
}
.inColm2 p.trans_tit {
    display: inline-block;
    width: 72px !important;
    margin-left: 5px;
    margin-bottom: 0 !important;
}
.inColm2 h3 + p {
    margin-left: 0px !important;
}
.inColm2 span {
    display: inline-table;
    font-size: 0.78em;
    width: 75px !important;
    text-align: center;
}
.inColm2 span small {
    font-size: 0.57em;
}
.inColm2 span small:before {
    content: "\A";
    white-space: pre;
}

.colm2_01 .glayTitle{
	margin-bottom: 20px;
}
.colm2_01 p {
	font-size: 1.6em;
	text-align: center
}
.colm2_01 .ico {
	height: 4.8em;
	width: auto;
	margin-bottom: 1em;
}

.colm4_01{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 20px;
}
.colm4_01 img {
    margin-bottom: 20px;
}
.colm4_01 div{
	position:relative;
	width:235px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	text-align:center;
}
.colm4_01 div p{
	/* position:absolute;
	bottom:0;
	left:0; */
	width:100%;
	text-align:center;
	font-size:24px;
}
.colm4_01 .inColm3{
	margin-right:0;
}
.colm4_01 .inColm4{
	margin-right:0;
	float:right
}



/* コースの概略 */
h4.roundTitle {
	width:150px;
	height: 50px;
	padding:0;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	background-color: #333333;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
ol.numList01 {
	display: block;
	width: 100%;
}
ol.numList01 li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0 15px 455px;
    /* margin: 0 0 20px auto; */
    font-size: 24px;
    list-style: none;
    line-height: 1.5em;
    background: url(/sightseeing/course/common/img/bg_dotline02.png) right bottom no-repeat;
}
ol.numList01 li span {
    position: absolute;
    display: block;
    height: 100%;
    padding: 15px 0 15px 70px;
    top: 0;
    left: 175px;
    font-size: inherit;
    line-height: inherit;
    background-position: left center;
}
ol.numList01 li h4.roundTitle{
	position: absolute;
	top:0;
	left:0;
}
* html ol.numList01 li span {
	top: -0em;
} /* for win ie6 */
*:first-child+html ol.numList01 li span {
	top: -0em;
} /* for win ie7 */
.no_ico li:nth-child(1) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_1.png)
}
.no_ico li:nth-child(2) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_2.png)
}
.no_ico li:nth-child(3) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_3.png)
}
.no_ico li:nth-child(4) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_4.png)
}
.no_ico li:nth-child(5) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_5.png)
}
.no_ico li:nth-child(6) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_6.png)
}
.no_ico li:nth-child(7) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_7.png)
}
.no_ico li:nth-child(8) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_8.png)
}
.no_ico li:nth-child(9) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_9.png)
}
.no_ico li:nth-child(10) span{
	background-image: url(/sightseeing/course/common/img/ico_fukidasi_s_10.png)
}
.no_ico li span{
	background-position: left top;
	background-repeat: no-repeat;
}
p.prArea {
	padding-left: 75px;
	margin-bottom: 15px;
}
p.prArea a {
	font-size:20px;
	line-height: 1.2em;
	text-decoration:underline;
}
h3.icoTitle {
	height:58px;
	padding-left: 75px;
	margin-bottom:30px;
	font-size: 28px;
	font-weight: bold;
	line-height: 58px;
	background-position: left center;
	background-repeat: no-repeat;
}
ol.numList02 {
	display: block;
	width: 100%;
}
ol.numList02 li {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 0em;
	margin-bottom:20px;
	font-size:24px;
	list-style: none;
	line-height: 1.2em;
}
ol.numList02 li a{
	text-decoration:underline;
}
ol.numList02 li span {
	position: absolute;
	display: block;
	width: 20%;
	height: auto;
	top: 0;
	left: 0;
	font-size: 24px;
	line-height: 1.1em;
}
* html ol.numList02 li span {
	top: -0em;
} /* for win ie6 */
*:first-child+html ol.numList02 li span {
	top: -0em;
} /* for win ie7 */


/* コースの詳細 */

ol.numList03 {
	display: block;
	width: 100%;
}
ol.numList03 li {
position: relative;
display: block;
width: 100%;
padding-top: 0em;
padding-left: 95px;
padding-bottom: 80px;
margin-bottom: 0;
overflow:hidden;
font-size: 1.6em;
list-style: none;
line-height: 1.2em;
background: url(/sightseeing/course/common/img/bg_dotline01.png) 29px top repeat-y;
}
ol.numList03 li:last-child {
	padding-bottom: 30px;
    background: none;
}
ol.numList03 li span {
	position: absolute;
	display: block;
	width: 10%;
	height: auto;
	top: 0;
	left: 0;
	font-size: 0.7em;
	line-height: 1.1em;
}
ol.numList03 li span img {
    height: auto !important;
    width: 60% !important;
    padding: 5px 0 4px;
    background-color: #fff;
}

ol.numList03 li.pt06e span {
	top: 1.6em;
}
* html ol.numList03 li span {
	top: -0em;
} /* for win ie6 */
*:first-child+html ol.numList03 li span {
	top: -0em;
} /* for win ie7 */
ol.numList03 li .roundTitle {
	margin:0;
}
ol.numList03 li .prArea{
	padding:0;
}
ol.numList03 li .sideBySide span {
position: relative;
float: left;
width: 250px;
padding: 0.3em 0 0 0.5em;
font-size: 28px;
}
ol.numList03 li .imgTitle01 {
	font-size:18px;
	color: #393939;
	padding: 10px 0;
}
ol.numList03 li .caption01 {
	padding: 1em 0;
	font-size: 20px;
}
ol.numList03 ol.numList04 {
    display: block;
    width: 75%;
    float: left;
    padding-left: 1em;
}
ol.numList03 ol.numList04 li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 0;
	margin-bottom: 40px;
	list-style: none;
	line-height: 1.2em;
	background-image: none;
}
ol.numList03 ol.numList04 li span {
	position: absolute;
	display: block;
	width: 33%;
	height: auto;
	padding-top: 0.45em;
	top: 0;
	left: 1%;
	font-size: 28px;
	line-height: 1.1em;
}
* html ol.numList03 ol.numList04 li span {
	top: -0em;
} /* for win ie6 */
*:first-child+html ol.numList03 ol.numList04 li span {
	top: -0em;
} /* for win ie7 */
ol.numList03 ol.numList04 li .caption01 {
	padding:0;
	font-size:28px;
}
.sideBySide {
	overflow: hidden;
	width: 25%;
	height: auto;
	float: left;
}
.sideBySide h4 {
	float: left;
}
h4.icoBlue {
	min-width:112px;
	padding: 0.2em 0.2em 0.2em;
	margin: 0.2em 0 0.2em 0.2em;
	font-size:28px;
	line-height: 1.2em;
	text-align:center;
	color: #ffffff;
	background-color: #003894;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* h4.icoBlue {
    width: 100%;
    padding: 0.2em 0.3em 0.2em;
    margin: 0.2em 0 0.2em;
    font-size: 28px;
    line-height: 1em;
    text-align: center;
    color: #ffffff;
    background-color: #003894;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 */.imgCaption{
	width:100%;
	height:auto;
	overflow:hidden;
}
.imgCaption .imgCaptionInner01{
	width:425px;
	height:350px;
	float:left;
}
.imgCaption .imgCaptionInner02{
	position:relative;
	width:465px;
	height:350px;
	float:right;
}
.imgCaption .imgCaptionInner02 .glayBtn{
	position:absolute;
	bottom:35px;
	right:0;
}
ol.numList03 li .imgCaption .caption01 {
	padding: 0;
	font-size: 20px;
}


.glayBtn {
display: block;
width: 460px;
padding: 0.5em 0 0.5em;
font-size: 32px;
font-weight: bold;
text-align: center;
	color:#333333 !important;
	text-shadow:0 1px 0 #ffffff;
	border:1px solid #CBCBCB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #EAEAEA;
	-moz-box-shadow: 1px 1px 3px #CBCBCB;
	-webkit-box-shadow:1px 1px 3px #CBCBCB;
	box-shadow:1px 1px 3px #CBCBCB;
}
.glayBtn:hover{
	background-color: #9E9E9E;
	text-shadow:0 1px 0 #555555;
	color:#ffffff !important;
	text-decoration:none;
}
.glayBtn:hover a{
	text-decoration:none;
}
.glayBox {
	padding: 3%;
	background-color: #EEEEEE;
}
.glayBox .glayBoxTitle {
	padding: 0.2em 0;
	margin-bottom: 30px;
	font-size: 28px;
	text-align:center;
}
.glayBoxCaption {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 20px;
}
ol.numList03 .coim3List{
	width:100%;
	height: auto;
}
ol.numList03 .coim3List ul{
	width:100%;
	height: auto;
	overflow:hidden;
	list-style:none;
}
ol.numList03 .coim3List li{
	float:left;
	width:32%;
	height:auto;
	padding:0;
	margin-right: 2%;
	font-size:24px;
	background:none;
}
ol.numList03 .coim3List li a{
	display: block;
	padding-bottom: 0.2em;
	text-decoration:underline;
	font-size:24px;
}
ol.numList03 .coim3List li:nth-child(3n+2) {
	margin-right: 0;
}
ol.numList03 .coim3List li:nth-child(3n+3) {
	margin-right: 0;
	margin-bottom: 0;
	float:right;
}

/*おすすめ！他のモデルコースもチェック！*/
section.ossusume {
    margin-bottom: 140px;
}
h4.nomalTitle{
	width:936px;
	font-size:28px;
	margin:0 auto 20px;
}
.beigeBox01{
	width:936px;
	padding:40px 20px 15px;
	margin:0 auto 30px;
	background-color:#F8F6EF;
}
.beigeBox01 h5{
	padding-left:30px;
	background:url(../img/ico_arrow03.png) left center no-repeat;
	background-size: 12px auto;
}
.beigeBox01 a{
	display: block;
	font-size: 26px;
	margin:0 0 25px;
	text-decoration:underline;
}
/*他のモデルコース*/
.otherText{
	margin-bottom: 1em;
	font-size:24px;
	color:#1F66B7;
}
.otherText span{
	font-size: inherit;
	color: inherit;
}
.other .glayBtn{
	width:520px;
	margin-left:auto;
	margin-right:0;
	font-weight: normal;
	color:#404040 !important;
}

/*『SNSボタン』と『関連タグ』と『概要＆販促』*/

.section_other {
    width: 1000px;
    margin: 0 auto 80px;
}
section .snsBtn {
    text-align: right;
}
.snsBtn {
    text-align: center;
}
#memberBox .prom_cont {
    margin-top: 0 !important;
}