@charset "UTF-8";

/*
* CSS for SP
* 2017.03 lz
*/
.pc        { display: none !important;}
em         {font-style:normal;}
a:hover    {transition: all 0.5s ease 0s; text-decoration:none;}
a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

div#grpLocationArea { float:none;}
.fixedbg   {
 font-size:88%; line-height:140%;
}

#keyVisual    { width:100%;position:relative; height:520px; margin:0;
 min-height: 100%;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/all_bg.jpg);
}
#keyVisual h1.title { display:block; width:100%;position:absolute; top:10%; background:none; text-indent:0; text-align:center;}
#keyVisual h1.title img { max-width:100%; width:auto;}
dl.titlepr    { width:96%; margin:2%; position:absolute; bottom:10%;background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/title_line.png) no-repeat top center; color:#fff; padding-top:2px; text-align:center;}
dl.titlepr dt { width:100%; height:30px; position:absolute; top:-10px; left:0; z-index:999; font-size:120%; font-weight:bold; letter-spacing:2px;}
dl.titlepr dd { border:2px solid #fff; border-top:0; padding:0 10px; position:relative;  background:rgba(35,190,220,0.3);}
dl.titlepr a.pr_more{ display: inline-block; padding:0 5px; color:#24bfdc; text-align:center; position:absolute; bottom:0; right:0; font-size:78%; background:#fff;}
dl.titlepr a.pr_more:hover      {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#keyVisual .rslides_nav { display: none;}

.ss-contents        { width:100%; background:#fff; padding:0; position:relative;}
.ss-contents img    { max-width:100%;}

.ss-center    { width:auto;}

ul.navi       { width:99%; padding-left:1%; overflow:hidden;}
ul.navi li    { width:33%; float:left;}
ul.navi li a  { display:block; text-align:center; padding:20px 0; border-right: 1px dotted #24bfdc;}
ul.navi li a.last { border-right:0;}
ul.navi li span   { display:block;}
ul.navi li span.icon { margin-bottom:10px;height:30px;}
ul.navi li span.icon svg {fill: #c49b4d;}
ul.navi li a:hover svg, ul.navi li.on span.icon svg {fill: #24bfdc;}
ul.navi li a:hover, ul.navi li.on a { background:#e9f8fb;}

.tab_area     { width:99%; margin:20px 0 0; padding-left:1%; border-bottom:4px solid #24bfdc; height:40px; position:relative;}
.tab_area li  { width:47%; position:absolute; text-align:center; color:#fff; font-size:120%;}
.tab_area li.select:after ,.tab_area li:after { background:none; border:none; box-shadow:none;}
.tab_area li b       { display:block; background:#24bfdc; padding:0; border-radius:6px 6px 0 0; border:1px solid #24bfdc; border-bottom:0; overflow:hidden; margin-top:3px;}
.tab_area li.select b,.tab_area li:hover b    { color:#24bfdc; background:#fff !important; margin-top:0px;}
.tab_area li span    { display:block; padding:10px 0;}
.tab_area li.select span,.tab_area li:hover span { display:block; border-top:4px solid #24bfdc; padding:10px 0;}
.tab_area li#tab1    { position:absolute; top:0; left:5px; z-index:999;}
.tab_area li#tab2    { position:absolute; top:0; right:5px; z-index:999;}


.mainlinks    { width:auto; overflow:hidden; margin:10px 10px 5px;}
.mainlinks li { display:inline-block; margin-right:5px; margin-bottom:5px; padding-bottom:5px;}
.mainlinks li a { display:block; color:#fff; border-radius:5px;  padding:6px 26px 6px 10px; text-align:center; position:relative;}
.mainlinks li a:before,.mainlinks li a:after{
position: absolute;
content: "";
	}
.mainlinks li a:before{
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
padding:0 0 2px 2px;
top:50%;
margin-top:-6px;
right:6px;
background:#fff;
	}
.mainlinks li a:after{
top:50%;
margin-top:-3px;
right:10px;
width: 3px;
height: 3px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
	}
.mainlinks li a.seablue:after  {
border-top: 1px solid #30c3de;
border-right: 1px solid #30c3de;
	}
.mainlinks li a.darkblue:after  {
border-top: 1px solid #1962aa;
border-right: 1px solid #1962aa;
	}
.mainlinks li a.green:after  {
border-top: 1px solid #8bc552;
border-right: 1px solid #8bc552;
	}
.mainlinks li a.crystal:after  {
border-top: 1px solid #64cd9f;
border-right: 1px solid #64cd9f;
	}
.mainlinks li a.iceblue:after  {
border-top: 1px solid #70d4e9;
border-right: 1px solid #70d4e9;
	}
.mainlinks li a.orange:after  {
border-top: 1px solid #ff9900;
border-right: 1px solid #ff9900;
	}
.mainlinks li a.yellow:after  {
border-top: 1px solid #ffcc00;
border-right: 1px solid #ffcc00;
	}

.mainlinks li a.seablue { background:#30c3de; box-shadow:0 4px 0 #139db7;}
.mainlinks li a.darkblue{ background:#1962aa; box-shadow:0 4px 0 #034382;}
.mainlinks li a.green   { background:#8bc552; box-shadow:0 4px 0 #6db14c;}
.mainlinks li a.crystal { background:#64cd9f; box-shadow:0 4px 0 #43b784;}
.mainlinks li a.iceblue { background:#70d4e9; box-shadow:0 4px 0 #24bfdc;}
.mainlinks li a.orange  { background:#ff9900; box-shadow:0 4px 0 #ff8534;}
.mainlinks li a.yellow  { background:#ffcc00; box-shadow:0 4px 0 #edc217;}
.mainlinks li a:hover   { box-shadow:none;}


h2.tlt        { text-align:center; font-size:0;}
.content_btn    { width:80%; margin:20px auto 0; overflow:hidden; padding-bottom:20px;} 
.content_btn li { width:100%; margin-bottom:10px;}
.content_btn li a { display:block; width:98%; background:#fff;border-radius:30px;  overflow:hidden;}
.content_btn li a:hover       { color:#fff !important;}
.content_btn li a:hover  svg  { fill:#fff;}

.content_btn li span.icontxt    { display:block; width:75%; float:left; height:44px;line-height:44px; font-size:120%; font-weight:bold;}
.content_btn li span.icons      { display:block; width:25%; float:left;}
.content_btn li svg             { height:30px; margin:5px 0;}
.content_btn li svg#iconBtn2    { height:24px; padding:5px 3px 1px 3px;}

.seablue  .content_btn li a     { border:2px solid #30c3de; color:#30c3de;}
.seablue  .content_btn li svg   { fill:#30c3de;}
.seablue  .content_btn li a:hover       { background:#30c3de;}

.darkblue .content_btn li a     { border:2px solid #1962aa; color:#1962aa;}
.darkblue .content_btn li svg   { fill:#1962aa;}
.darkblue .content_btn li a:hover       { background:#1962aa;}

.green .content_btn li a     { border:2px solid #8acf68; color:#8acf68;}
.green .content_btn li svg   { fill:#8acf68;}
.green .content_btn li a:hover       { background:#8acf68;}

.yellow .content_btn li a     { border:2px solid #ffcc00; color:#ffcc00;}
.yellow .content_btn li svg   { fill:#ffcc00;}
.yellow .content_btn li a:hover       { background:#ffcc00;}

.hotels    { overflow:hidden; margin-bottom:10px;}
.htlBox2   { margin-bottom:10px;}
.htlBox4   { margin-bottom:10px;}
.htlBox    { border:0;}
.htlBox .basic:before { border:0;}
.htlBox .area { margin:0 0 5px; font-size:100%}
.htlBox h1 { background:none !important; color:#000; text-align:left; font-size:120%; padding:0 8px 8px; margin:0;}
.htlBox .explain{ color:#333;font-size:98%; width:64%; margin-right:2%; margin-right:2%; float:right;}
.htlBox2 .explain{ color:#333;font-size:98%; padding:0 10px 10px; margin:0; clear:both; float:none; width:auto;}
.htlBox .photos     { width:30%; margin-left:2%; float:left;}
.htlBox .photos img { width:100%;}
.htlBox2 .photos    { width:auto; float:none; margin:0 2%;}
.htlBox2 .photos .thumPhotos    { width:auto; padding-left:1%; overflow:hidden; margin-top:2%;}
.htlBox2 .photos .thumPhotos li { width:24%; margin:0 1% 0 0; float:left;}
.htlBox .plan   { margin:0; clear:both; padding:8px;}
.htlBox .plan li{ background:#feffcd; border-radius:5px; margin:0; position:relative;}
.htlBox .plan li a { border:0; background: none;}
.htlBox .plan li h2.planName { font-size:100%; color:#1d54a7; }
.htlBox .plan li a:hover h2.planName { color:#1d54a7; text-decoration:underline;} 
.htlBox .plan li .price { text-align:center !important; color:#333; padding-top:5px;font-size:92% !important;}
.htlBox .plan li .price span { color:#cc0000;}
.htlBox .plan li .price em   { font-size:140% !important;}
.htlBox .btn    { margin:8px 8px 0;}
.htlBox .btn li { float:none; width:auto; padding:0;}
.htlBox .btn a  { display:block; margin:10px 0 0; padding:10px 10px 10px 25px; text-align:center; color:#fff; border-radius:5px; font-size:110%; position:relative; }
.htlBox .btn li:nth-child(2n-1) a ,.htlBox .btn li:nth-child(2n) a{ margin:0 !important;}
.htlBox .btn a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.htlBox .btn a:after{
position:absolute;
content:"";
top:50%;
margin-top:-3px;
right:10px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	}
.htlBox .tour4btn    { width:93%; padding:0 0 0 1%; overflow:hidden; margin:2% 3% 0;} 
.htlBox .tour4btn li { width:49%; margin:0 1% 1% 0; float:left;}
.htlBox .tour4btn li a { margin:0; padding-right:10px; font-size:88%;}

#RECOMMEND .htlBox .plan li .price { padding:0 0 0 10px !important;}

.seablue .basic { border:1px solid #2ac1dd; background:#fff;}
.seablue .area  { background:#2ac1dd; color:#fff; padding:5px;}
.seablue .htlBox .btn a { background: #2ac1dd;}

.darkblue .basic { border:1px solid #1962aa; background:#fff;}
.darkblue .area  { background:#1962aa; color:#fff; padding:5px;}
.darkblue .htlBox .btn a { background: #1962aa;}
.darkblue .drinkservice  { border-top:1px solid #1962aa; width:auto; margin:15px 10px 0; color:#1962aa; font-size:92%;}
.darkblue .drinkservice dt{ font-size:110%; text-align:center; padding:5px 0;border-top:1px solid #1962aa; margin-top:2px; position:relative;}
.darkblue .drinkservice dt span { display: inline-block; padding:5px; background:#fff; position:absolute; top:-17px; left:50%; margin-left:-85px;}
.darkblue .drinkservice p { border-bottom:1px dotted #1962aa; padding-bottom:5px; margin-bottom:5px; padding-left:30px; padding-top:4px;}
.iconfood  { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_food.gif) no-repeat 0 0;}
.icondrink { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_drink.gif) no-repeat 0 0;}

.note   { font-size:82%; color:#333; padding:10px;}

.green .basic { border:1px solid #8acf68; background:#fff;}
.green .area  { background:#8acf68; color:#fff; padding:5px;}
.green .htlBox .btn a { background:#8acf68;}


dl.vs   { width:auto; margin:0 10px; overflow:hidden;}
dl.vs dt     { border-top:4px solid #64cd9f; background:#fff; padding-bottom:20px;}
dl.vs dt p   { overflow:hidden; text-align:center;}
dl.vs dt span{ display:block; text-align:center; padding:10px 0 0;}
dl.vs dt span img { max-width:60%;}
dl.vs dd     { background:#fff; margin-bottom:20px;padding:0 10px 10px;}
ul.steps  { width:100%; overflow:hidden;}
ul.steps li { width:100%;text-align:center; margin-bottom:10px; overflow:hidden;}
ul.steps li span.tlt { display: block; background:#64cd9f; color:#fff; position:relative; height:30px; margin:0 30px 10px; padding-top:10px; clear:both;}
ul.steps li span.tlt:after { 
display:block;
content:"";
top:0;
left:-20px;
position:absolute;
border-width:20px;
border-style:solid;
border-color: #64cd9f transparent #64cd9f transparent;
z-index:1;
}
ul.steps li span.tlt:before { 
display:block;
content:"";
position:absolute;
right:-40px;
top:0;
border-width:20px;
border-style:solid;
border-color: transparent transparent  transparent #64cd9f;
z-index:1;
}
ul.steps li img { float:left; width:30%;}
ul.steps li p   { float:left; width:66%; text-align:left; font-size:92%; padding:0 2%;}
ul.steps li p span { color:#64cd9f; display:block; font-weight:bold;}

#PRESENT ul { width: auto; overflow:hidden; margin:0 10px; padding-bottom:15px;}
#PRESENT ul li { width:100%; margin-bottom:5px;}
.pbg1       { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/presant_bg1.jpg) no-repeat bottom left #fff;}
.pbg2       { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/presant_bg2.jpg) no-repeat bottom left #fff;}
.pbg3       { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/presant_bg3.jpg) no-repeat bottom left #fff;}
#PRESENT ul li p   { padding:10px; font-size:92%;}
#PRESENT ul li span{ display:block; text-align:center; margin-bottom:10px;}


ul.pass { width: auto;overflow:hidden; margin:0 10px;}
ul.pass li { text-align:center;}
ul.pass li.passarr { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_passp.gif) no-repeat 50% 100%; padding-bottom:30px;}
.shop { margin:0 10px; background:#fff; text-align:center;}

ul.checks  { width:auto; margin:0 10px; overflow:hidden;}
ul.checks li   { padding:10px 0;}
ul.checks li p { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_check.gif) no-repeat 0 0; padding-left:30px; border-bottom:1px dotted #ff9900; padding-bottom:10px; margin-top:10px;}
ul.checks li em{ color:#ff3333;}

dl.addinfor    { width:auto; margin:0 10px; overflow:hidden;}
dl.addinfor dt { padding-top:20px;}
dl.addinfor dd { padding:0 0 10px;}
dl.addinfor dd p span { display:block; color:#ff9900; font-size:120%; margin:10px 0;}
dl.addinfor dd span.add { border:1px dotted #ff9900; font-size:78%; padding:10px;}
dl.addinfor dd ul { width:100%; overflow:hidden;}
dl.addinfor dd ul li { width:50%; float:left; text-align:center;}

.content_area .pr{ padding:0 40px 30px; font-size:88%;}
h2.tlp      { display: block; padding:10px 0 10px 10px; color:#fff; font-size:120%; position:relative; height:20px;}
.sptlp      { padding:3px 0 0 10px !important;height:37px !important; line-height:100%;}
.orange h2.tlp   { background:#ff9900; width:200px;}
.orange h2.tlp:after { 
display:block;
content:"";
top:0;
right:-20px;
position:absolute;
border-width:20px;
border-style:solid;
border-color: #ff9900 transparent #ff9900 transparent;
z-index:9;
}

.yellow h2.tlp   { background:#ffcc00; width:200px; margin:20px 0;}
.yellow h2.tlp:after { 
display:block;
content:"";
top:0;
right:-20px;
position:absolute;
border-width:20px;
border-style:solid;
border-color: #ffcc00 transparent #ffcc00 transparent;
z-index:9;
}


.content_area .pr{ padding:0 10px 10px; font-size:88%;}
.content_area .pr em{ color:#ff3333;}

#search-box{ background:#24bfdc; box-shadow:none; padding-bottom:2px;}
#search-box h1, #keyword-box h1 { padding:0 0 5px; margin:0; color:#fff;}
#search-box h1.open:after ,#search-box h1.close:after{ border:none;}
.gosearch span   { background:#139db7; box-shadow:none;}
.gosearch a:after{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_search.png) no-repeat center center;}
.searchNav  { display:none !important;}

.ss-right   { width: auto; display:none;}
.ss-right dt, .ss-right dd li ,.ss-right dd li:hover,.ss-right dd li a, .ss-right dd li a:hover{ background:none; padding:0; border-bottom:0;}
.ss-right dd li a      { margin-top:10px; display:block;}
.ss-right dd li a.est,.ss-right dd li a.est:hover  { background:#ffda45;} 

#search-box   { border:0; margin-top:15px;}
#search-box h1{ text-align:center; padding:5px 0; height:26px;}
#search-box #search-box-body      { background:#fff; margin:0 4px 4px;}
#search-box .searchSubmit         { margin:10px auto; width:180px; height:auto;}
#search-box .searchSubmit a:link, #search-box .searchSubmit a:visited { background:#ff3333; box-shadow: none; width:auto; padding:8px 0; text-indent:0; color:#fff; border-radius:20px; font-size:120%; line-height:23px;}
#search-box .searchSubmit a:after { background:none;}
select#oh-area-dai , select#oa-airline , select#oap-airline  { width:200px !important;}
#search-box .inputDate { font-size:98%;}

.ss-left    { width: auto; display:none;}
.ss-left dl.osusume { width:auto; overflow:hidden; margin-top:10px;}
.ss-left dl.osusume dt,.ss-left dl.osusume dd { width:100%; float:left; margin-top:10px;} 
.ss-left dl.osusume ul li   { font-size:88%; margin-bottom:10px; border-bottom:1px dotted #333;}
.ss-left dl.osusume ul li p { padding:10px 5px;}
.ss-left dl.osusume ul li span  { display:block; margin-bottom:5px; font-weight:bold;}


#open   { display: none; width:126px; height:140px; border-left:4px solid #24bfdc; position:fixed; bottom:0; right:0; z-index:9999; margin-top:20px;background:#e9f8fb;}
#slideL { display: none !important;}
#slideL .rslides2_nav  { display:none;}


.bnr { bottom:0;}
.pagetop a { position:fixed; bottom:5px; right:5px; width:50px;}

.greyBorder   { border:0; background: none;}
.seablue      { background:#e9f8fb;}
.darkblue     { background:#e7f1fa;}
.green        { background:#f4feef;}
.crystal      { background:#e8fef4;}
.iceblue      { background:#eefcff;}
.orange       { background:#fffaf3;}
.yellow       { background:#ffffed;}



/*-----*20171024追加* ----*/
#CPN h1.ribon_tit{ background: #24bfdc; color: #fff; text-align: center; font-size: 18px; padding: 10px 0;}

#CPN{ width: 98%; padding: 10px; box-sizing: border-box; border: 2px solid #24bfdc; margin: 0 auto;margin-top: 30px;}
.col{ width: 100%; margin: 0 auto;}

.cpn50{ width: 96%; box-sizing: border-box; margin: 10px auto; position: relative;}

.cpn50 a{ text-align: center; font-size: 22px; line-height: 1; border-radius: 5px; box-shadow: 0 4px 0 #ff9bbc; color: #ffffff;  padding:15px 10px; background: #ff6799 ; display: block; }
.cpn50 a:after {/*background: url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/arw1.png) no-repeat;*/
    content: " ";
    display: block;
    width: 22px;
    height: 12px;    
    left: 50%;
    margin-left: -7px;
    position: absolute;
    bottom: 5px;    
    z-index: 111;
}

.cpn50 a span{display: block; padding: 3px 10px 5px 10px;}
.cpn50 a em{display: block;}

/*20171024クーポン追加*/
.cp__coupon {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 7px;
    width: auto;
}


.cp__coupon-img dl dt {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    width: 25.3%;
}

.cp__coupon-img dl dd {
    background-color: #cccccc;
    float: left;
    padding: 1.3% 1.3% 0.2%;
    width: 72.1%;
}

.cp__liststyle-dot {
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 10px;
}

.cp__coupon .cp__coupon-txt-s {
    font-size: 1.4rem;
}
li.cp__coupon-txt-s {
    text-align: left;
}
.cp__liststyle-dot > * {
    line-height: 1.4;
    margin-bottom: 1px;
    margin-left: 1em;
    text-indent: -1em;
}
.cp__coupon-img dl dd img {
    box-shadow: 0 2px 2px #999999; width:100%;
}

.cp__coupon-btn {
    margin: 10px auto;
    width: 80%;
}

.cp__coupon-btn a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    font-size: 1.4rem;
    padding: 5px 0;
    text-align: center;
}

.cp__acordion{ color:#333333;margin-bottom:12px;}
.cp__acordion .cp__trigger{background-color:#eaeaea; padding-top:7px; padding-bottom:7px;}
.cp__acordion .cp__trigger:after{ background-image:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_C.png)!Important; background-size:22px 22px; width:22px; height:22px;left:6px; content: " ";}

.cp__acordion .cp__trigger.open:after{ background-image:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_O.png)!Important; background-size:22px 22px; width:22px; height:22px;left:6px; content: " ";}
.cp__acordion .cp__trigger::after{ border:none!Important;}

.cp__acordion .cp__trigger::after {
    content: " ";
    display: inline-block;
    height: 22px;
    margin-top: -7px;
    position: absolute;
    top: 43%;
    transform: rotate(135deg);
    width: 22px;
}

.cp__acordion .cp__trigger {
    background-color: #cccccc;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    padding: 10px 10px 10px 35px;
    position: relative;
    width: 100%;
}


.cp__acordion .cp__trigger:after{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 	/* IE 9 */
	-moz-transform: rotate(0deg); 	/* Firefox */
	-webkit-transform: rotate(0deg); /* Safari Chrome */
	-o-transform: rotate(0deg); 	/* Opera */}

.cp__txt-nml-1{ font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.2; margin:15px 0; font-size:88%;}
.cp__acordion .cp__trigger.active-submenu:after{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 	/* IE 9 */
	-moz-transform: rotate(0deg); 	/* Firefox */
	-webkit-transform: rotate(0deg); /* Safari Chrome */
	-o-transform: rotate(0deg); 	/* Opera */}


.cp__acordion ul.submenu {
    border: 1px solid #cccccc;
    padding: 10px 10px 0;
}


#CPN ul.cp__liststyle-dot li{list-style-type: disc !important; text-indent: 0em;}

#CPN.cp__liststyle-dot {
    list-style-position: inside;
    margin-bottom: 10px;
}


.cp__liststyle-dot > * {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1px;
    margin-left: 1em;
    text-indent: -1em;
}

#CPN .cp__liststyle-none{ font-size:88%; margin-bottom:10px;}


#mainContents .anchor li{width: 32%; line-height: 1; margin-top: 10px;}

#mainContents .anchor li a{ display: block; font-size: 90%;}

/*----- Click Acquisition共通 -----*/
.couponOneClick {					
    display: block;					
    position: relative;					
	margin-left:auto;				
	margin-right:auto;				
	max-width:400px;				
}					
.couponOneClick-status-loading {					
    opacity: 0.5;					
}					
.couponOneClick .couponOneClick-acquired,					
.couponOneClick .couponOneClick-having,					
.couponOneClick .couponOneClick-expired,					
.couponOneClick .couponOneClick-finished {					
    display: none;					
    position: absolute;					
    top: 0; left: 0; right: 0; bottom: 0;					
    background-color: rgba(0, 0, 0, 0.5);					
}					
.couponOneClick-status-acquired .couponOneClick-acquired {					
    display: inline-block;					
}					
.couponOneClick-status-having .couponOneClick-having {					
    display: inline-block;					
}					
.couponOneClick-status-expired .couponOneClick-expired {					
    display: inline-block;					
}					
.couponOneClick-status-finished .couponOneClick-finished {					
    display: inline-block;					
}					
.couponOneClick-status-acquired a.cpLink:after,.couponOneClick-status-having a.cpLink:after,.couponOneClick-status-expired a.cpLink:after,.couponOneClick-status-finished a.cpLink:after{					
	display: block;				
    position: absolute;					
    z-index: 999;					
    top: 0;					
    left: 0;					
    padding-top:0;					
    width: 100%;					
    height:100%;					
    text-align: center;					
    color: rgba(104, 104, 104, 0.6);					
    font-size: 24px;					
    font-weight: bold;					
    background-color: rgba(114, 114, 114, 0.68);					
	color: #fff;				
	cursor: default;				
	}				
.overlay-text {					
    position: absolute;					
    top: 50%; left: 0; right: 0;					
    margin-top: -10px;					
    font-size: 20px;					
    line-height: 20px;					
    color: #ffffff;					
    text-align: center;					
}	
.cp__coupon {				
background-color: #fafafa;				
border: medium none;				
margin-bottom: 0;				
overflow: hidden;padding:7px;width:auto;				
}				
.cp__coupon .cp__coupon-img {				
margin-bottom: 0;				
max-width: 100%;				
text-align:center;width:100%;				
}				
.cp__coupon-img dl {background-color: #cccccc;
    margin: 5px auto;
    max-width: 400px;
    overflow: hidden;				
}				
.cp__coupon-img dl dt {				
float: left;				
margin-right: 2%;				
width: 25.9%;				
}				
.cp__coupon .cp__coupon-img img {				
max-width: 240px;				
width: 100%;				
}				
.cp__coupon-img dl dt img {				
display: block;
    width: 100%;
box-shadow: 0 2px 2px #999;				
}				
.cp__coupon-img dl dd {				
float: left;				
margin-bottom: 0;				
margin-top: 0;				
padding: 1.3% 1.3% 1%;				
width: 69%;				
}				
	

.column_3{width:94%; margin:0 auto;}
.column_3 .htlBox4{background:#fff; border:1px solid #2ac1dd; margin-bottom: 10px;}
.column_3 .area{padding:10px 0 9px 10px; background:#2ac1dd; color:#fff;}
.column_3 .htlnm{font-size:18px; font-weight:bold; color:#000; padding:0 15px 10px; min-height: 38px;}
.htlBox4 .area{margin-bottom:15px;}
.htlBox4 .rank {border-color:#ccc; margin: 0 10px 10px 10px;}
.htlBox4 .photo{padding:0; margin:0 0 10px; width: 100%;}
.htlBox4 .photo:hover{opacity:0.7;}
.htlBox4 .photo img{width:100%;}
.column_3 .rgtCnt{margin:10px 15px 20px; padding: 15px; background: #fefde7; border-radius: 10px;}
.column_3 .rgtCnt:hover{ background: #feffcd;}
.column_3 .holder{ padding: 0 15px;}
.column_3 .holder .item_icon{width:24%; float:left; margin:0 0.5%;}
.column_3 .holder .item_icon img{width:100%; max-width: 150px;}
.htlBox4 .rgtCnt .price{text-align:center; padding:10px 0;}
.htlBox4 .rgtCnt .price span {font-weight: bold; color: #ca0b1a; margin-left: 8px;}
.htlBox4 .rgtCnt .price span em {font-style: normal; font-size: 30px; color: #ca0b1a;}
.htlBox4 .rgtCnt .details {font-size: 12px; }
.column_3 .btnbox{padding: 15px 0 10px;}
.column_3 .btnbox li{width:100%; float:left; text-align: center;}
.column_3 .btnbox li a.btn1{display:block; background:#2ac1dd; color:#fff; padding:10px 0; border-radius:5px; font-size:16px; text-align:center; position:relative;}
.column_3 .btnbox li a.btn1:hover{opacity:0.7;}
.column_3 .btnbox li a.btn2{ display: inline-block; margin-top:10px; text-decoration: underline; font-size: 14px;}
.column_3.tourBOX .htlBox4{border:1px solid #8acf68; }
.column_3.tourBOX .area{background:#8acf68;}
.column_3.tourBOX .btnbox li a.btn1{background:#8acf68}
.column_3.tourBOX .btnbox li a.btn1:hover{background:#5cb92e;}


.cp_bnr{ margin: 20px auto 0; display: block; text-align: center;}
.cp_bnr img{width: 100%; max-width: 370px;}

#keyVisual .icon{display: none;}


#gaiyou2 {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10vw;
    width: 90%;
    margin: 0 auto;
	border-bottom: 1px solid #ddd;
}

#gaiyou2 .sfgreen, #gaiyou2 .sfgreen + p, .sfSummary dl {
    width: 96.875%;
    margin: 0 auto;
}

#gaiyou2 dl dt {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    background: 
    #fff;
    padding: 1% 3.22%;
}

#gaiyou2 dl dt {
    float: left;

    color: 
    #24bfdc;
}
#gaiyou2 dl dd {
    width: 100%;
    padding: 2% 5% 5% 1%;
}

#gaiyou2 .sfgreen {
    background: 
    #24bfdc;
padding: 1%;
text-align: center;
color:
#fff;
font-size: 15px;

    line-height: 1.3;

}
#gaiyou2{
	font-size:80%;
	margin-bottom: 50px;
}

.couponBtA img{
	width: 80%;

}
.couponBtA{
	width: 100%;
	text-align: center;
/*margin: 15px 10px;*/
}

.couponBtA p{
	font-size:80%;

	width: 80%;
	text-align: center;
	margin: 10px auto;
	font-weight: normal;
}

.couponBtA p.title{
	text-align: center;
	margin-bottom:10px;
	font-size:130%;
	color:#24bfdc;
	font-weight: bold;
	margin-top: 30px;
	
}

.couponBtA p a {
    text-decoration-color: 
#1d54a7 !important;
font-weight: normal;
text-decoration: underline 1px solid;
    text-decoration-color: currentcolor;
}

.pc{
	display:none;
}

#COUPON p.tlt { background: #8BC552; color: #fff; font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; padding: 8px 0; margin: 0 0 30px;}
#COUPON a.logo{ display: block; text-align: center;margin-top: 16px;}
.cpLinkwindow { margin: 0 auto;}
.cpnholder.jssBox.allList { width: auto; background: none; justify-content: center; margin: 0;}
.cpnholder>li { border: none; margin-top: 0;}
.cpnholder li img.logo{ display: block; width: 305px; margin: 0 auto 10px;}
.cpnholder li .couponimg img.priceImg{ width: 80%; margin: 0 10%;}
.cpnholder li .couponimg a p:after{ display:none;}
.cpnholder li .btmarea { padding: 10px 0 0;}
ul.svs li { width: 76%;}
ul.svs li:nth-child(2) { width: 24%;}

.guam55{ width: 96%; margin: 0 2%; overflow: hidden;}
a.logo{ display: block; width: 100%; max-width:280px; margin: 0 auto; overflow: hidden;}
a.logo img { width:100%;}
p.tip { width:100%; font-size: 16px; line-height: 24px; text-align: left; padding:16px 8px 0; color: #333;}
.pht  { display: flex; justify-content: center; flex-wrap: wrap; width:100%; margin:0 auto 20px; clear: both; padding-top:4%;}
.pht img { width: 100%; max-width:46%; margin:0 2% 4%;}

a.guamlogo { display: block; text-align: center;}
p.tips ,p.memo { font-size: 14px; text-align: center; margin: 8px 0 20px;}


#keyVisual .iconn { display: none !important; position: absolute;	top: 5%;right: 5%;}
#keyVisual .iconn img { max-width: 260px;}

#keyVisual .poplink { display: none !important; position: absolute;bottom: 5%;right: 5%;}
#keyVisual .poplink span { display: block; font-weight: bold; text-align: center; color: #fff; font-size: 18px;}
#keyVisual .poplink a    { display: block; padding: 8px 0 0; color: #fff !important;}


#TOKU { width: 100%;text-align: center; margin: 16px 0 0;}
#TOKU ul.inform { width: 98%; padding-left: 2%;clear: both; overflow: hidden; margin: 16px 0; padding-bottom: 8px;}
#TOKU ul.inform li{ width: 48%; margin-right: 2%; margin-bottom: 2%; float: left; border-radius: 10px; overflow: hidden; box-shadow: 0 0 8px #b6b6b6; text-align: left;}
#TOKU ul.inform li span { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; text-align: center; font-weight: bold; font-size: 11px; color: #fff; padding:4px 0;}
#TOKU ul.inform li p { clear: both; padding: 16px 8px; font-size: 8px; line-height: 120%;}
#TOKU ul.inform li img,#TOKU ul.inform li span { float: left;}

#TOKU ul.inform li.blue { background: #DCFDF7;}
#TOKU ul.inform li.yellow {background: #FFF9D9;}
#TOKU ul.inform li.pink { background: #FFE2F9;}
#TOKU ul.inform li.blue span{ background: #54D6BE;}
#TOKU ul.inform li.yellow span{background: #F3BC2E;}
#TOKU ul.inform li.pink span{ background: #EF85D8;}

#TOKU a { font-weight: bold; font-size: 18px;}
#TOKU p.note { text-align: left; padding: 16px 8px 40px; font-weight: bold; color: #bf0000;}

#TOKU .tlt{padding: 10px 0;}
.tokubnr{padding: 10px;}
.tokubnr a{display: block;padding-bottom: 10px;}

.detailholder table strong.red { font-weight: bold; color: #bf0000 !important;}
.popUpplanCP h2 { color: #333 !important;}

.toku_cpn { width: 98%; padding-left: 1%; overflow: hidden; margin-bottom: 20px;}
.toku_cpn li { width: 31%; margin: 0 1% 1%; float: left;}
.toku_cpn li a ,.toku_cpn li img{ display: block; width: 100%;}

#cboxLoadedContent { background: #fff !important;}
#cboxLoadedContent h3 { text-align: center; padding: 24px 0; font-size: 18px;}
#cboxLoadedContent dl { width: 80%; border: 1px solid #ccc; border-bottom: 0; border-right: 0;  margin: 0 auto 24px;}
#cboxLoadedContent dt,#cboxLoadedContent dd { padding: 8px; font-size: 14px; border-bottom: 1px solid #ccc; border-right:1px solid #ccc;}
#cboxLoadedContent dt { background: #ccc;}

#inline_content table {
	background-color: #fff;
	border-top: 1px solid #b4b4b4;
	font-size: 13px;
	line-height: 1.6;
	display: block;
	margin: 0 auto 0 auto;
}

#inline_content table td {
	padding: 8px;
	border-bottom: 1px solid #b4b4b4;
    width: calc(100% - 16px);
    float: left;
}

#inline_content table tr:first-child {
	color: #fff
}

#inline_content table tr:first-child td {
	text-align: center !important;
	background-color: #1ba81b !important
}

#inline_content table tr td:first-child {
	background-color: #e1e1e1;
	text-align:  center;
	width: calc(100% - 16px);
    float: left;
	font-weight: 700
}

#inline_content table strong.red { font-weight: bold; color: #bf0000 !important;}
#cboxContent {height:524px !important; margin:10% auto 0 !important;}
#cboxLoadedContent { height: 520px !important;}


.gogobnr {text-align: center;}
.gogobnr a.img { display: inline-block; width: 96%; margin: 0 2%; max-width: 640px;}
.gogobnr img { margin-bottom: 16px;} 
.gogobnr p{  width: 96%; margin: 2%; text-align: left; font-size: 14px; overflow: hidden;}