@charset "utf-8";
/*
機　　能　　名：トップページ
作　　成　　日：2012/07/15
作　　成　　者：52WEB WORKS. 上田
更　　新　　日：

/* ***************************************
	
**************************************** */

div#containerInner {
position:relative;
padding-top:420px;


padding-top:600px;
}


#mainImage {
height:425px;
position:absolute;
top:-5px;
left:0px;
background:#fff url(../images/top/main_image_001_on.jpg) no-repeat;
}
#coin-slider-mainImage {
height:425px;
position:absolute;
top:-5px;
left:0px;
}



/* jquery.bxslider.css 上書き */
.bx-wrapper {
position:absolute !important;
top:-5px !important;
left:0px !important;
width:100% !important;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
opacity:0.5;
}
/* jquery.bxslider.css 上書き */

ul#topSlider {
width:980px;
height:600px;
background:#fff;
position:absolute;
top:0px;
left:0px;
}
ul#topSlider li {
display:block;
width:100%;
height:600px;
top:0px;
}

ul#topSlider li.slide_01 {
background:url(../images/top/slide_7129.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -160px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_02 {
background:url(../images/top/slide_6835.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_03 {
background:url(../images/top/slide_0824.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center 0px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_04 {
background:url(../images/top/slide_7125.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_05 {
background:url(../images/top/slide_6866.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_06 {
background:url(../images/top/slide_0627.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -200px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_07 {
background:url(../images/top/slide_8619.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_08 {
background:url(../images/top/slide_6868.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_09 {
background:url(../images/top/slide_9082.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_10 {
background:url(../images/top/slide_7152.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}

ul#topSlider li.slide_11 {
background:url(../images/top/slide_9028.png) no-repeat;

background-size:100% auto;/* xy */
background-position:center -130px;/* xy */
background-position:center -60px;/* xy */

/*-webkit-animation: slide_zoom_in_out 20s ease infinite;
animation: slide_zoom_in_out 20s ease infinite;*/
}


/* ズームアウト to ズームイン */
@keyframes slide_zoom_in_out {
0%{
background-size:110% auto;/* xy */
}
50%{
background-size:100% auto;/* xy */
}
100%{
background-size:110% auto;/* xy */
}
}
/* ズームアウト */
@keyframes slide_zoom_out {
0%{
background-size:110% auto;/* xy */
}
100%{
background-size:100% auto;/* xy */
}
}
/* ズームイン */
@keyframes slide_zoom_in {
0%{
background-size:100% auto;/* xy */
}
100%{
background-size:110% auto;/* xy */
}
}
/* 下から上にスライド */
@keyframes slide_down_2_up {
0%{
background-position:0% 10%;/* xy */
}
100%{
background-position:0% 50%;/* xy */
}
}


ul#topSlider li span {
display:block;
width:215px;
height:61px;
position:absolute;
}
ul#topSlider li .logo_bk {
background:url(../images/top/slider_logo_bk.png) no-repeat;
}
ul#topSlider li .logo_wt {
background:url(../images/top/slider_logo_wt.png) no-repeat;
}

ul#topSlider li .lu {
top:30px;
left:40px;
}
ul#topSlider li .ru {
top:30px;
right:40px;
}
ul#topSlider li .rd {
bottom:35px;
right:40px;
}
ul#topSlider li .ld {
bottom:35px;
left:40px;
}




















/* start */
#start {
}
#second div.contents #start h3 {
margin-top:20px;
}
div#movie_box {
background:url(../images/top/movie_bg.jpg) 0 0 no-repeat;
width:638px;/* total 690px */
height:314px;/* total 364px */
padding:50px 0 0 52px;
position:relative;
margin-bottom:70px;
}
div#movie_box h4 {
position:absolute;
top:-5px;
left:14px;
}

/* shop_slider_wrapper */
.shop_slider_wrapper {
position:relative;
overflow:hidden;
width:100%;
height:300px;
}
.shop_slider_wrapper ul {
margin:0 !important;
}
.shop_slider_wrapper .bx-wrapper {
position:absolute !important;
top:0 !important;
left:50% !important;
margin-left:-345px;
max-width:690px !important;
}
.shop_slider_wrapper li img {
width:400px !important;
}



/* topics */
div#top .topics h2 {
margin-bottom:5px;
}
div#top .topics ul {
margin:0 auto;
width:690px;
}
div#top .topics li {
background:url(../images/common/dot_img.gif) 0 top repeat-x;
padding:13px 0px 12px 0px;
width:690px;
}
div#top .topics li.firstChild {
background:none;
}
div#top .topics ul.lastChild li.lastChild {
border-top:1px solid #DDD;
background:none;
padding-right:0;
}
div#top .topics li#other_news {
text-align:right;
padding:7px 0 0 10px;
}
div#top .topics li#other_news a {
width:90px;
height:30px;
display:block;
float:right;
}
div#top .topics dt,
div#top .topics dd {
float:left;
}
div#top #topics dt,
div#top #tours_topics dd span.date_bg {
margin-right:10px;
font-family:"MS Gothic";
width:100px;
}
div#top #topics li dd {
width:560px;
}
div#top #tours_topics li dd {
width:520px;
}
div#top #topics li dd span,
div#top #tours_topics li dt {
width:60px;/* total 70 */
color:#FFFFFF;
padding:5px;
margin-right:10px;
font-size:0.8em;
display:block;
text-align:center;
line-height:1;
float:left;
border-radius:3px;        /* CSS3草案 */  
-webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
-moz-border-radius:3px;   /* Firefox用 */  
}
div#top #tours_topics li dd span.reception_end,
div#top #tours_topics li dd span.reception_ok {
width:46px;/* total 52 */
color:#FFFFFF;
padding:5px 3px;
margin-right:10px;
font-size:0.8em;
display:block;
text-align:center;
line-height:1;
float:left;
border-radius:3px;        /* CSS3草案 */  
-webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
-moz-border-radius:3px;   /* Firefox用 */  
}
div#top #tours_topics li dd span.reception_end {
background:#666666;
}
div#top #tours_topics li dd span.reception_ok {
background:#C00;
color:#333;
background:#B7DB4C;
}
div#top #topics li dd span.up_topics {
background:#39250B;
}
div#top #topics li dd span.up_blog {
background:#FFEA00;
color:#333;
}
div#top #topics li dd span.up_othe {
background:#FF9900;
}
div#top #tours_topics li dt {
padding:5px 3px;
width:134px;/* total 140 */
}
div#top #tours_topics li dt.up_tours_re {
background:#0066FF;
}
div#top #tours_topics li dt.up_tours_ti {
background:#FFCC00;
color:#333;
}
div#top #tours_topics li dt.up_tours_to {
background:#009933;
}

div#top .topics img.newIcon {
margin-left:5px;
}


/* ***************************************
	150514 ページ変更のため追加
**************************************** */
/* intro */
#intro {
}
#second div.contents #intro h2 {
margin-bottom:10px;
}
#second div.contents #intro p.align_c {
margin:0;
}
#intro ul.clearfix li {
float:left;
}
#intro ul.clearfix li.lastChild {
float:right;
}
#second div.contents #intro ul#intro_course {
margin:30px 0 24px 0;
}
#second div.contents #intro h3 {
margin:0;
}
#intro div#intro_start {
margin:6px 0 40px 0;
margin:6px 0 25px 0;
background:url(../images/top/intro_start_bg.gif) 0 60px no-repeat;
position:relative;
height:132px;/* total 158px */
padding:26px 0 0 325px;
}
#intro div#intro_start img {
line-height:0;
vertical-align:bottom;
}
#intro div#intro_start img#intro_img03 {
position:absolute;
top:0;
left:18px;
}
#intro div#intro_start img#intro_txt02 {
margin-bottom:12px;
}
#intro div#intro_start img#intro_txt03 {
margin-bottom:22px;
}
#intro div#intro_start p {
position:absolute;
top:134px;
left:54px;
line-height:1.2;
font-size:12px;
margin-left:1em;
text-indent:-1em;
}
#intro div#intro_start a {
position:absolute;
bottom:0;
right:0;
}

/* main_top_att */
#intro .main_top_att {
	background:#FFFFFF;
	border:3px solid #000;
	padding:15px;
	xmargin-bottom:30px;
}
#intro .main_top_att .main_top_att_l {
text-align:left;
color:#000;
position:relative;
}
#intro .main_top_att p,
#intro .main_top_att .main_top_att_l ul {
line-height:1.4;
font-size:20px;
width:550px;
margin:0 !important;
}
#intro .main_top_att p {
	margin-bottom:1em !important;
}
#intro .main_top_att .main_top_att_l li {
float:left;
background:none;
padding:0;
width:300px;
}
#intro .main_top_att .main_top_att_l li.odd {
width:200px;
}
#intro .main_top_att .main_top_att_l li.lastChild {
	float:left;
}
#intro .main_top_att .main_top_att_l .transfer {
position:absolute;
top:-20px;
right:-10px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
line-height:1.4;
font-size:24px;
min-width:155px;/* total 180px */
min-height:91px;/* total 111px */
padding-left:25px;
padding-top:20px;
background:url(../images/license/lp/transfer_bg.png) 0 0 no-repeat;
background-size:auto 111px;
-webkit-background-size:auto 111px;
}
#intro .main_top_att .main_top_att_l .transfer span {
font-size:30px;
color:#FFFF00;
display:block;
}

#intro div#intro_btm {
background:url(../images/top/intro_bg.jpg) 0 0 no-repeat;
width:660px;/* total 690px */
height:648px;/* total 685px */
padding:37px 0 0 30px;
margin-bottom:25px;
}
#second div.contents #intro div#intro_btm p {
margin:0;
}
#second div.contents #intro ul {
margin:2px 38px 34px 15px;
}
#intro div#intro_btm li {
width:272px;
}
#intro .h3_shop {
font-size:20px;
padding-left:50px;
position:relative;
}
#intro .h3_shop img {
width:40px;
position:absolute;
top:2px;
left:0;
}

/* 20200213追加　intro_start2 */
#intro_start2 {
min-height:280px;
margin:45px 0 0px 0;
padding-left:4px;
xpadding-bottom:30px;
background:url(../images/top/intro2_img_bg.jpg) 4px 110px no-repeat;
position:relative;
}
#intro_start2 h3 {
  color:#F00;
  xfont-size:45px;
  font-size:35px;
  position:relative;
  padding-left:70px;
  line-height:1.2;
  margin:0 0 30px 0 !important;
}
#intro_start2 h3:before {
  content:"";
  position:absolute;
  top:10px;
  left:0px;
  background:#F00;
  width:40px;
  height:20px;
}
#intro_start2 h3:after {
  content:"";
  position:absolute;
  top:-20px;
  left:10px;
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:transparent transparent #F00 transparent;
  border-width:30px 0 30px 30px;
  transform:rotate(-45deg);
}
#intro_start2 h3 .ttl_main {
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
            -2px 2px 0 #FFF, 2px -2px 0 #FFF,
            0px 2px 0 #FFF,  0 -2px 0 #FFF,
            -2px 0 0 #FFF, 2px 0 0 #FFF;
  z-index:1;
  position:relative;
}
#intro_start2 h3 .ttl_small {
  xfont-size:35px;
}
#intro_start2 h3 .ttl_sub {
  position:absolute;
  top:-45px;
  left:0;
  font-size:30px;
  transform:rotate(-10deg);
  -moz-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
}
#intro_start2 h3 .ttl_pop {
  color:#39260C;
  background:#FFCC00;
  border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
  width:102px;
  height:72px;/* total 102px */
  display:block;
  position:absolute;
  top:45px;
  left:130px;
  font-size:18px;
  text-align:center;
  padding-top:30px;
  z-index:0;
}
#intro_start2 p {
  line-height:1;
}
#intro_start2 .intro_start_ttl {
  background:#FFECD9;
  color:#39260C;
  text-align:center;
  padding:10px 0;
  width:470px;
  font-size:20px;
  font-weight:bold;
  margin:0 0 20px 220px !important;
}
#intro_start2 .att {
  xpadding-left:220px;
  line-height:1.2;
  margin:0.5em 0 !important;
  margin-left:1em;
  text-indent:-1em;
}
#intro_start2 .txt_main {
  color:#39260C;
  font-size:25px;
  font-weight:bold;
  padding-left:230px;
  margin:0.5em 0 1em 0 !important;
	position:relative;
}
#intro_start2 .txt_main .only {
  font-size:45px;
}
#intro_start2 .txt_main .red {
  color:#FF3300;
  font-size:60px;
}
#intro_start2 .txt_main .italic {
  font-style:italic;
  margin-right:5px;
}
#intro_start2 .txt_main .moto {
	font-size:16px;
	position:absolute;
	top:8px;
	right:75px;
}
#intro_start2 .txt_main .tate {
  font-size:16px;
  margin-right:5px;
}
#intro_start2 .txt_main .tax {
  font-size:12px;
  font-weight:normal;
  xposition:relative;
  xtop:-10px;
  xleft:380px;
}
#intro_start2 a {
  display:block;
  width:160px;
  height:50px;
  line-height:50px;
  color:#FFF;
  background:#0042A3;
  border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
  position:absolute;
  bottom:10px;
  right:0;
  text-align:center;
  text-decoration:none;
}
#intro_start2 a span {
  display:block;
  position:relative;
  padding-left:20px;
}
#intro_start2 a span:before {
  content:"";
  position:absolute;
  top:22px;
  left:10px;
  background:#FFF;
  width:10px;
  height:6px;
}
#intro_start2 a span:after {
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:transparent transparent #FFF transparent;
  border-width:11px 0 11px 11px;
  transform:rotate(-45deg);
}
#intro_start2 a:hover {
  opacity:0.6;
	filter:alpha(opacity=60);
}

/* first */
#first {
}
#second div.contents #first h2 {
margin-bottom:13px;
}
#first div#first_in {
background:url(../images/top/first_bg.jpg) 16px 0 no-repeat;
position:relative;
width:690px;
height:497px;
margin-bottom:10px;
}
#first div#first_in li {
position:absolute;
}
#first div#first_in li#first_01 {
top:-2px;
left:0;
}
#first div#first_in li#first_02 {
top:104px;
left:328px;
}
#first div#first_in li#first_03 {
top:307px;
left:20px;
}
#first div#first_in li#first_04 {
top:280px;
left:285px;
}
#second div.contents #first p.align_c {
margin:0;
}
#first ul.clearfix {
margin-top:23px;
}
#first ul.clearfix li {
float:left;
}
#first ul.clearfix li.odd {
margin-right:10px;
}

/* enjoy */
#second div.contents #enjoy p {
margin:20px 0;
}
#enjoy img.align_c {
display:block;
}
#enjoy ul.clearfix {
margin-top:5px;
}
#enjoy ul.clearfix li {
float:left;
}
#enjoy ul.clearfix li.odd {
margin-right:10px;
}

/* magazine */
#magazine {
}
#second div.contents #magazine h2 {
xmargin-bottom:7px;
}
#magazine div#magazine_in {
position:relative;
width:690px;
height:548px;
}
#magazine div#magazine_in li {
position:absolute;
}
#magazine div#magazine_in li#magazine01 {
top:0;
left:0;
}
#magazine div#magazine_in li#magazine02 {
top:6px;
right:0;
}
#magazine div#magazine_in li#magazine03 {
bottom:0;
left:98px;
}