@charset "UTF-8";

/*
* CSS for PC
* 2017.03 lz
*/
.sp        { 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   {
 min-height: 100%;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url(../images/all_bg.jpg);
 font-size:88%; line-height:140%;
}

#keyVisual    { width:100%; height:400px; position:relative;}
#keyVisual h1.title { display:block; width:500px; height:64px; position:absolute; left:50%; margin-left:-250px; top:60px; background:none; text-indent:0;}
dl.titlepr    { width:800px; position:absolute; top:180px; left:50%; margin-left:-400px; background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/title_line.png) no-repeat top center; color:#fff; text-align:center; padding-top:2px;}
dl.titlepr dt { width:800px; 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:20px; position:relative; text-align:center; 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 ul.rslides    { width:800px; position:absolute; left:50%; margin-left:-400px; bottom:40px;}
#keyVisual ul.rslides li { width:785px; padding-left:15px;}
#keyVisual ul.rslides li img.icon_pickup   { width:65px; height:65px; position:absolute; top:-30px; left:-10px;}
#keyVisual ul.rslides li a.pickup_plan     { display:block; width:220px; margin-right:10px; float:left; background:rgba(0,0,0,0.5); color:#fff; padding:15px; position:relative;}
#keyVisual ul.rslides li a.pickup_plan span{ display:block;text-align:center;}
#keyVisual ul.rslides li a.pickup_plan span.nm { font-size:120%; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:5px; }
#keyVisual ul.rslides li a.pickup_plan span.price    { margin-top:5px; font-size:88%;}
#keyVisual ul.rslides li a.pickup_plan span.price small {color:#ffff99;}
#keyVisual ul.rslides li a.pickup_plan span.price em { font-size:160%; color:#ffff99;}
#keyVisual ul.rslides li a.pickup_plan:hover         { background:rgba(0,0,0,0.8);}
#keyVisual ul.rslides li a.pickup_plan:after   {
position:absolute;
content: "";
width: 6px;
height: 6px;
top:50%;
right:3%;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	}
#keyVisual .rslides_nav  { width:36px; height:36px; font-size:0;position:absolute; bottom:90px;z-index:9999;}
#keyVisual .rslides_nav:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#keyVisual a.prev { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/slider_arrprev.png) no-repeat center center; right:50%; margin-right:420px;}
#keyVisual a.next { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/slider_arrnext.png) no-repeat center center; left:50%; margin-left:420px;}

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

.ss-center    { width:auto; margin:0 150px 0 260px;}

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:30px 0 0; padding-left:1%; border-bottom:4px solid #24bfdc; height:51px; position:relative;}
.tab_area li  { width:48%; position:absolute; text-align:center; color:#fff; font-size:140%;}
.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:5px;}
.tab_area li.select b,.tab_area li:hover b    { color:#24bfdc; background:#fff !important;margin-top:-9px;}
.tab_area li span    { display:block; padding:14px 0;}
.tab_area li.select span,.tab_area li:hover span { display:block; border-top:4px solid #24bfdc; padding:20px 0;}
.tab_area li#tab1    { position:absolute; top:0; left:13px; z-index:999;}
.tab_area li#tab2    { position:absolute; top:0; right:13px; z-index:999;}


.mainlinks    { width:auto; overflow:hidden; margin:20px;}
.mainlinks li { display:inline-block; margin-right:10px; 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%; padding-left:2%; margin:30px auto 0; overflow:hidden; padding-bottom:40px;} 
.content_btn li { width:48%; float:left; margin-right:2%;}
.content_btn li a { display:block; width:100%; 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:65%; float:left; height:44px;line-height:44px; font-size:120%; font-weight:bold;}
.content_btn li span.icons      { display:block; width:35%; text-align:center; 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;}
.one    { width:40%; margin:30px auto 0; overflow:hidden; padding-bottom:40px;} 
.one li { width:98%; margin:0;}

.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    { width:96%; padding-left:4%; overflow:hidden; margin-bottom:10px;}
.htlBox2   { width:48%; margin-right:1%; float:left; margin-bottom:1%;}
.htlBox4   { width:23%; margin-right:1%; float:left; margin-bottom:1%;}
.htlBox    { 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; margin:0;}
.htlBox .explain{ color:#333; padding:0 8px; margin:5px 0; font-size:98%;}
.htlBox .photos { margin:0 8px 8px; padding:0; overflow:hidden;}
.htlBox .photos img{ width:100%;}
.htlBox2 .photos .thumPhotos    { width:auto; padding-left:1%; overflow:hidden;}
.htlBox2 .photos .thumPhotos li { width:24%; margin:0 1% 0 0; float:left;}
.htlBox .plan   { margin:0 8px;}
.htlBox .plan li{ background:#feffcd; border-radius:5px; padding:8px; position:relative;}
.htlBox .plan li a { border:0; background: none;}
.htlBox .plan li h2.planName { font-size:100%;}
.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:88% !important;}
.htlBox .plan li .price span { color:#cc0000;}
.htlBox .plan li .price em   { font-size:160%;}
.htlBox .btn    { margin:0 8px; padding-bottom:10px;}
.htlBox .btn a  { display:block; margin-top:10px; padding:10px 10px 10px 25px; text-align:center; color:#fff; border-radius:5px; font-size:100%; position:relative; }
.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:5% 3%;} 
.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 5px !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;}
.darkblue .drinkservice dt{ font-size:120%; 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;}


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


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


dl.vs   { width:auto; margin:0 40px; overflow:hidden;}
dl.vs  dt     { border-top:4px solid #64cd9f; background:#fff;padding:20px;}
dl.vs  dt p   { overflow:hidden; text-align:center;}
dl.vs  dt span{ display: inline-block; height:90px; padding-top:15px; margin-right:30px; margin-left:10px; float:left;}
dl.vs  dt img { float:left; }
dl.vs  dd     { background:#fff; margin-bottom:40px;padding:0 20px 20px;}
ul.steps  { width:99%; padding-left:1%; overflow:hidden;}
ul.steps li { width:24%; margin-right:1%; float:left;text-align:center;}
ul.steps li span.tlt { display:block; background:#64cd9f; color:#fff; padding:10px 0; position:relative; margin:0 30px 10px; height:20px;}
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:9;
}
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:9;
}
ul.steps li p { text-align:left; font-size:92%; padding:10px;}
ul.steps li p span { color:#64cd9f; display:block; font-weight:bold;}

#PRESENT ul { width:94%; padding-left:2%; overflow:hidden; margin:0 auto;}
#PRESENT ul li { width:31%; margin-right:2%; float:left; margin-bottom:30px;}
.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:20px;}
#PRESENT ul li span{ display:block; text-align:center;}

ul.pass { width:94%; padding-left:6%; overflow:hidden; margin:0 auto;}
ul.pass li { width:28%;float:left; padding-right:5%;}
ul.pass li.passarr { width:28%; float:left; background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/icon_pass.gif) no-repeat 90% 40%; padding-right:5%;}
.shop { margin:0 40px; background:#fff; text-align:center;}

ul.checks  { width:auto; margin:0 40px; overflow:hidden;}
ul.checks li   { width:50%; float:left;}
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; margin-right:20px;}
ul.checks li em{ color:#ff3333;}
.mp20      { margin-top:20px;}

dl.addinfor    { width:auto; margin:0 10px; overflow:hidden;}
dl.addinfor dt { width:46%; float:left; margin-right:4%; margin-top:10px;}
dl.addinfor dd { width:50%; float:left; padding-bottom:30px;}
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 20px; color:#fff; font-size:120%; position:relative; height:20px;}

.content_area .pr em{ color:#ff3333;}

.orange h2.tlp   { background:#ff9900; width:260px;}
.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:140px; 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;
}



#search-box, #keyword-box,.ss-title h1 ,.gosearch ,.ss-right dd li a.opt ,.ss-right dd li a.opt:hover { background:#24bfdc; box-shadow:none;}
#search-box h1, #keyword-box h1 { padding:0 0 5px; margin:0;}
.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;}


.ss-right   { width:130px; position:absolute; right:0; top:20px;}
.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;}
#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, select#oap-destination-area  { width:200px !important;}
#search-box .inputDate { font-size:98%;}

.ss-left    { width:240px; position:absolute; left:0; top:20px;}
.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:block; width:126px; height:140px; border-left:4px solid #24bfdc; position:fixed; bottom:0; right:0; z-index:9999; margin-top:20px;background:#e9f8fb;}
#slideL {
    height:140px;
    padding: 0;
    position: fixed;
    right: -100%;
    bottom:0;
    width: 100%;
	background:#e9f8fb;
	z-index:9999999;
}
#slideL .slide-inner {
    position: relative;
    width: auto;
	padding:0 75px 0 144px;
}

#slideL .closeBtn {
	position:absolute;
	right:10px;
	top:62px;
	z-index:99999999;
	cursor:pointer;
}
#slideL .slide-inner dt { width:110px; position:absolute; top:0; left:0;border-left:4px solid #24bfdc;}
#slideL .slide-inner dd { width:100%; padding:10px 0; position:relative;}
#slideL ul.rslides    { width:100%; height:120px; overflow:hidden; position:relative;}
#slideL ul.rslides li { width:99%; padding-left:1%; overflow:hidden; height:120px;}
#slideL ul.rslides li a.rank_hotel     { display:block; width:19%; margin-right:1%; float:left;font-size:88%; position:relative; height:120px;}
#slideL ul.rslides li a.rank_hotel img { width:100%;}
#slideL ul.rslides li a.rank_hotel p.txt      { width:100%; position:absolute; bottom:0; left:0;background:rgba(0,0,0,0.5);}
#slideL ul.rslides li a.rank_hotel p.txt span {color:#fff; padding:5px; display:block; text-align:left;}
#slideL ul.rslides li a.rank_hotel p.rankno   { display:block; width:40px;text-align:center; position: absolute; top:0; left:20px; z-index:999;color:#fff !important; font-weight:bold;}
#slideL ul.rslides li a.rank_hotel span       { display:block;text-align:center; position: relative; padding:5px 0; }
#slideL ul.rslides li a.rank_hotel span:after { 
display:block;
content:"";
position:absolute;
height:20px;
top:0;
border-width:10px 20px 10px 20px;
border-style:solid;
border-color: #f1c821 #f1c821 transparent #f1c821;
z-index:-999;
}
#slideL ul.rslides li a.rank_hotel span.rank_icon1:after {
border-color: #dab159 #dab159 transparent #dab159;	
}
#slideL ul.rslides li a.rank_hotel span.rank_icon2:after {
border-color: #b6b6b6 #b6b6b6 transparent #b6b6b6;	
}
#slideL ul.rslides li a.rank_hotel span.rank_icon3:after {
border-color: #da9659 #da9659 transparent #da9659;	
}

#slideL ul.rslides li a.rank_hotel em  { font-size:130%;}
#slideL ul.rslides li a.rank_hotel:hover p.txt{ display: none;}
#slideL .rslides2_nav  { width:24px; height:60px; font-size:0;position:absolute; bottom:35px;z-index:9999;}
#slideL .rslides2_nav:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#slideL .rslides3_nav  { width:24px; height:60px; font-size:0;position:absolute; bottom:35px;z-index:9999;}
#slideL .rslides3_nav:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#slideL a.prev { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/rank_arrprev.png) no-repeat center center; left:-25px;}
#slideL a.next { background:url(https://img.travel.rakuten.co.jp/kaigai/special/guam/images/rank_arrnext.png) no-repeat center center; right:-25px;}

.bnr { bottom:0;}
.pagetop a { position:fixed; bottom:160px; right:20px;}




.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%; box-sizing: border-box; border: 2px solid #24bfdc; margin: 0 auto;margin-top: 30px;}
.col2{ width: 100%; margin: 0 auto;}
#CPN .column-list{ width: 100%;}
#CPN .column-list .cpnFlt{ width: 50%; float:left;}
#CPN .column-list .cp__liststyle-dot{width: 68%; float: right;}


.cpn50{ position: absolute; top:250px; width: 325px; right:0px;
    z-index: 9999;}

/*20171024クーポン追加*/
/*----- .cp__liststyle-num -----*/
.cp__liststyle-num{
	margin-bottom:10px;
	list-style-position:inside;
	list-style-type: decimal;
}
.cp__liststyle-num > *{
	margin-left:1em;
	text-indent:-1em;
	margin-bottom:1px;
	font-size:88%;
}
/*----- .cp__liststyle-none -----*/
.cp__liststyle-none{
	margin-bottom:10px;
	list-style:none;
}
.cp__liststyle-none > *{
	margin-bottom:1px;
	
}

.cp__liststyle-none dd{
	padding: 0 0 10px 1em;
}

/*----- .cp__tab -----*/
.cp__tab{
	overflow:hidden;
}
.cp__tab > li{
	position:relative;
	cursor:pointer;
	padding:10px;
	float:left;
	margin:0 5px 14px 0;
	font-size:88%;
	border:solid 1px #ccc;
}
.cp__tab > li.cp__select{
	color:#fff;
	background:#00A6D6;
	cursor:default;
	border-color:#00A6D6;
}
.cp__tab > li:hover{
	background:#EAEAEA;
}
.cp__tab > li.cp__select:hover{
	background:#00A6D6;
}
.cp__tab > li.cp__select:after{
	display:block;
	position:absolute;
	content:" ";
	font-size:0%;
	width:0;
	height:0;
	margin-left:-5px;
	top:100%;
	left:50%;
	border-top:9px solid #00A6D6;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
}
.cp__content{
	margin-bottom:30px;
}
.cp__content > li{
	line-height: 1.4;
}
.cp__hide{
	display:none;
}
/*----- common -----*/
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7*/
.cf{
  *zoom:1;
}

a:hover,
a:active { text-decoration: none;}

 .holder {
    overflow: hidden;
    padding: 16px 16px 0 16px;
}
.cp__my-tile {
    margin-bottom: 16px;     overflow: hidden;
}
.cp__coupon {position: relative;
margin-bottom: 10px;
    background-color: #eaeaea;
    border: 1px solid #cccccc;
    padding: 10px;
        overflow: hidden;
}

.cp__hide{
	display:none;
}
/*----- .cp__my-tile ----*/
.cp__my-tile{
	margin-bottom:10px;
}

div.cp__my-tile .cp__coupon-img img {vertical-align: top;}
div.cp__my-tile .cp__coupon-img.coupon-soldout {
  -webkit-background-size: cover;
  background-size: cover;
  max-width: 400px;
}
div.cp__my-tile .cp__coupon-img.coupon-soldout dl {
opacity: 0.3;

}

.cp__coupon-img dl {overflow: hidden;max-width: 400px;margin: 0 auto;background-color: #cccccc;}
.cp__coupon-img dl dt {width: 25.3%;float: left; margin-top:0; padding:0; }
.cp__coupon-img dl dt img{ width:100%;display:block;}
.cp__coupon-img dl  dd {width: 72.1%;float: left;padding: 1.3%;background-color: #cccccc;padding-bottom: 1%;margin-bottom:0; margin-top:0;}
.cp__coupon-img dl  dd img {box-shadow: 0px 2px 2px #999;}

/*-----cp__float-thumb-parrent----*/
.cp__float-thumb-parrent-num-1
.cp__float-thumb-parrent-num-2,
.cp__float-thumb-parrent-num-3,
.cp__float-thumb-parrent-num-4,
.cp__float-thumb-parrent-num-5,
.cp__float-thumb-parrent-num-6,
.cp__float-thumb-parrent-num-7,
.cp__float-thumb-parrent-num-8,
.cp__float-thumb-parrent-num-9,
.cp__float-thumb-parrent-num-10,
.cp__float-thumb-parrent-num-11,
.cp__float-thumb-parrent-num-12,
.cp__float-thumb-parrent-num-13,
.cp__float-thumb-parrent-num-14,
.cp__float-thumb-parrent-num-15,
.cp__float-thumb-parrent-num-16,
.cp__float-thumb-parrent-num-17,
.cp__float-thumb-parrent-num-18,
.cp__float-thumb-parrent-num-19,
.cp__float-thumb-parrent-num-20,
.cp__float-thumb-parrent-num-21,
.cp__float-thumb-parrent-num-22,
.cp__float-thumb-parrent-num-23,
.cp__float-thumb-parrent-num-24,
.cp__float-thumb-parrent-num-25,
.cp__float-thumb-parrent-num-26,
.cp__float-thumb-parrent-num-27,
.cp__float-thumb-parrent-num-28,
.cp__float-thumb-parrent-num-29,
.cp__float-thumb-parrent-num-30{
	width:100%;
}
.cp__float-thumb-parrent-num-1 > li,
.cp__float-thumb-parrent-num-2 > li,
.cp__float-thumb-parrent-num-3 > li,
.cp__float-thumb-parrent-num-4 > li,
.cp__float-thumb-parrent-num-5 > li,
.cp__float-thumb-parrent-num-6 > li,
.cp__float-thumb-parrent-num-7 > li,
.cp__float-thumb-parrent-num-8 > li,
.cp__float-thumb-parrent-num-9 > li,
.cp__float-thumb-parrent-num-10 > li,
.cp__float-thumb-parrent-num-11 > li,
.cp__float-thumb-parrent-num-12 > li,
.cp__float-thumb-parrent-num-13 > li,
.cp__float-thumb-parrent-num-14 > li,
.cp__float-thumb-parrent-num-15 > li,
.cp__float-thumb-parrent-num-16 > li,
.cp__float-thumb-parrent-num-17 > li,
.cp__float-thumb-parrent-num-18 > li,
.cp__float-thumb-parrent-num-19 > li,
.cp__float-thumb-parrent-num-20 > li,
.cp__float-thumb-parrent-num-21 > li,
.cp__float-thumb-parrent-num-22 > li,
.cp__float-thumb-parrent-num-23 > li,
.cp__float-thumb-parrent-num-24 > li,
.cp__float-thumb-parrent-num-25 > li,
.cp__float-thumb-parrent-num-26 > li,
.cp__float-thumb-parrent-num-27 > li,
.cp__float-thumb-parrent-num-28 > li,
.cp__float-thumb-parrent-num-29 > li,
.cp__float-thumb-parrent-num-30 > li{
	width:50%;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	padding-left:4px;
	padding-right:4px;
}
.cp__float-thumb-parrent-num-1 > li:nth-child(even),
.cp__float-thumb-parrent-num-2 > li:nth-child(even),
.cp__float-thumb-parrent-num-3 > li:nth-child(even),
.cp__float-thumb-parrent-num-4 > li:nth-child(even),
.cp__float-thumb-parrent-num-5 > li:nth-child(even),
.cp__float-thumb-parrent-num-6 > li:nth-child(even),
.cp__float-thumb-parrent-num-7 > li:nth-child(even),
.cp__float-thumb-parrent-num-8 > li:nth-child(even),
.cp__float-thumb-parrent-num-9 > li:nth-child(even),
.cp__float-thumb-parrent-num-10 > li:nth-child(even),
.cp__float-thumb-parrent-num-11 > li:nth-child(even),
.cp__float-thumb-parrent-num-12 > li:nth-child(even),
.cp__float-thumb-parrent-num-13 > li:nth-child(even),
.cp__float-thumb-parrent-num-14 > li:nth-child(even),
.cp__float-thumb-parrent-num-15 > li:nth-child(even),
.cp__float-thumb-parrent-num-16 > li:nth-child(even),
.cp__float-thumb-parrent-num-17 > li:nth-child(even),
.cp__float-thumb-parrent-num-18 > li:nth-child(even),
.cp__float-thumb-parrent-num-19 > li:nth-child(even),
.cp__float-thumb-parrent-num-20 > li:nth-child(even),
.cp__float-thumb-parrent-num-21 > li:nth-child(even),
.cp__float-thumb-parrent-num-22 > li:nth-child(even),
.cp__float-thumb-parrent-num-23 > li:nth-child(even),
.cp__float-thumb-parrent-num-24 > li:nth-child(even),
.cp__float-thumb-parrent-num-25 > li:nth-child(even),
.cp__float-thumb-parrent-num-26 > li:nth-child(even),
.cp__float-thumb-parrent-num-27 > li:nth-child(even),
.cp__float-thumb-parrent-num-28 > li:nth-child(even),
.cp__float-thumb-parrent-num-29 > li:nth-child(even),
.cp__float-thumb-parrent-num-30 > li:nth-child(even){
	padding-right:0px;
	padding-left:8px;
}
.cp__float-thumb-parrent-num-1 > li:nth-child(odd),
.cp__float-thumb-parrent-num-2 > li:nth-child(odd),
.cp__float-thumb-parrent-num-3 > li:nth-child(odd),
.cp__float-thumb-parrent-num-4 > li:nth-child(odd),
.cp__float-thumb-parrent-num-5 > li:nth-child(odd),
.cp__float-thumb-parrent-num-6 > li:nth-child(odd),
.cp__float-thumb-parrent-num-7 > li:nth-child(odd),
.cp__float-thumb-parrent-num-8 > li:nth-child(odd),
.cp__float-thumb-parrent-num-9 > li:nth-child(odd),
.cp__float-thumb-parrent-num-10 > li:nth-child(odd),
.cp__float-thumb-parrent-num-11 > li:nth-child(odd),
.cp__float-thumb-parrent-num-12 > li:nth-child(odd),
.cp__float-thumb-parrent-num-13 > li:nth-child(odd),
.cp__float-thumb-parrent-num-14 > li:nth-child(odd),
.cp__float-thumb-parrent-num-15 > li:nth-child(odd),
.cp__float-thumb-parrent-num-16 > li:nth-child(odd),
.cp__float-thumb-parrent-num-17 > li:nth-child(odd),
.cp__float-thumb-parrent-num-18 > li:nth-child(odd),
.cp__float-thumb-parrent-num-19 > li:nth-child(odd),
.cp__float-thumb-parrent-num-20 > li:nth-child(odd),
.cp__float-thumb-parrent-num-21 > li:nth-child(odd),
.cp__float-thumb-parrent-num-22 > li:nth-child(odd),
.cp__float-thumb-parrent-num-23 > li:nth-child(odd),
.cp__float-thumb-parrent-num-24 > li:nth-child(odd),
.cp__float-thumb-parrent-num-25 > li:nth-child(odd),
.cp__float-thumb-parrent-num-26 > li:nth-child(odd),
.cp__float-thumb-parrent-num-27 > li:nth-child(odd),
.cp__float-thumb-parrent-num-28 > li:nth-child(odd),
.cp__float-thumb-parrent-num-29 > li:nth-child(odd),
.cp__float-thumb-parrent-num-30 > li:nth-child(odd){
	padding-right:0px;
	padding-left:0px;
}

/*----- ----*/

.cp__coupon-img dl dd {
	width: 72.1%;
	float: left;
	padding: 1.3%;
	background-color: #cccccc;
	padding-bottom: 1%;
	margin-bottom: 0;
	margin-top: 0;
}
.cp__coupon-img dl dd img {
	width: 100%;
}
.cp__coupon ul {
    overflow: hidden;padding-top:10px;
}
.cp__liststyle-dot {
    list-style-position: inside;
    list-style-type: disc;
}
.cp__coupon-txt-s {
    font-size: 88%;
    line-height: 1.4;
}
.cp__liststyle-dot > * {
    margin-bottom: 1px;
    margin-left: 1em;
    text-indent: -1em;
}
a:link, a:visited {
    color: #1d54a7;
    text-decoration: none;
}
.cp__coupon-btn{
	width: 80%;
	margin: 10px auto;
}
.cp__coupon-btn a{
	display: block;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
}
.cp__coupon-btn a:hover{ background: #CCC;}

.cp__txt-nml-1{ padding:10px 0; font-size:88%;}
/*----- .cp__acordion -----*/
.cp__acordion{ color:#333333; margin-bottom:12px;}
.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; margin-top:-11px; left:6px;}
.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; margin-top:-2px; left:6px;}
.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__acordion{color: #333333; width:auto; margin-bottom:10px; clear: both;}
.cp__acordion .cp__trigger{
	width:100%;
	font-size:88%;
	display:block;
	position:relative;
	padding:10px 10px 10px 25px;
	cursor:pointer;
	background-color:#EAEAEA;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
} 
.cp__acordion .cp__trigger:hover{
	background-color:#ccc;
}
.cp__acordion .cp__trigger:after{
	display: inline-block;
	content:" ";
	position:absolute;
	margin-top: -1.5px; 
	background-repeat: no-repeat;
}

.cp__acordion ul.submenu{
	border:solid 1px #ccc;
	background-color:#fff;
	padding:10px 10px 0 10px;
	line-height: 1.4;
	font-size:88%;
}


/*----- 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;
	order: medium none;
	margin-bottom: 0;
	padding:10px;
	overflow: hidden;				
}				
.cp__coupon .cp__coupon-img {
	margin-bottom: 0;text-align:center;				
}				
.cp__coupon-img dl {
	background-color: #e5e5e5;
	margin: 0 auto;
	max-width: 400px;
	overflow: hidden;				
}				
.cp__coupon-img dl dt {	loat: left;
	margin-right: 2%;
	width: 25.3%;				
}				
.cp__coupon .cp__coupon-img img {max-width: 300px;
	width: 100%;				
}				
.cp__coupon-img dl dt img {
	display: block;				
}				
.cp__coupon-img dl dd {float: left;margin-bottom: 0;margin-top: 0;padding: 1.3% 1.3% 1%;width: 69%;				
}				
.cp__coupon .cp__coupon-img img {max-width: 300px;width: 100%;				
}				
.cp__coupon-img dl dd img {box-shadow: 0 2px 2px #999;				
}				



.column_3{width:94%; margin:0 auto; display: flex; flex-flow: row wrap; justify-content:flex-start; align-content: space-between;}
.column_3 .htlBox4{background:#fff; border:1px solid #2ac1dd; width: 22.8%; margin: 0 1% 2%;}
.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;}
.htlBox4 .area{margin-bottom:15px;}
.htlBox4 .rank {border-color:#ccc; margin: 0 10px 10px 10px;}
.htlBox4 .photo{padding:0; margin-bottom: 10px; height: 170px !important;}
.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:12px 0 10px; border-radius:5px; font-size:16px; text-align:center; position:relative;}
.column_3 .btnbox li a.btn1:hover{background:#059db9;}
.column_3 .btnbox li a.btn2{ display: inline-block; margin-top:10px; text-decoration: underline; font-size: 14px; color: #333;}
.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;}

@media screen and (min-width:720px) and (max-width:1480px){
	.column_3{width:96%; margin: 0 auto;}
	.column_3 .htlBox4{background:#fff; border:1px solid #2ac1dd; width: 31.9% !important; margin: 0 0.5% 2%;}
	.htlBox4 .rgtCnt .price span em {font-size: 24px;}
}

.cp_bnr{ width: 760px; margin: 30px auto 0; display: block;}

#keyVisual .icon{position: absolute; top: 5%; left: 5%;}
#keyVisual .icon img{width: 100%; max-width: 260px;}

#gaiyou2 .sfgreen {
    background: 
#24bfdc;
padding: 5px;
text-align: center;
font-size: 18px;
line-height: 1.3;
color:
    #fff;
}

#gaiyou2 dl dt {
    font-weight: 700;
    width:30%;
    float: left;
    padding-left: 10px;
    color: 
    #24bfdc;
}

#gaiyou2 dl {
    padding: 10px 0;
    border-bottom: 1px solid 
    #d2d2d2;
}

#gaiyou2 dd {
line-height: 1.5;
}


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

.couponBtA h3{
	margin: 30px auto;
	text-align: center;
	
}

.couponBtA p{
	text-align: center;
	margin-bottom: 30px;
	font-size:80%;
}

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

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

.sp{
	display:none;
}

#COUPON p.tlt { background: #8BC552; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 8px 0; margin: 0 0 48px;}
#COUPON a.logo{ display: block; text-align: center; margin-top: 24px;}
.cpLinkwindow { margin: 0 auto;}
.cpnholder.jssBox.allList { width: auto; background: none; justify-content: center; margin: 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: 90%; margin: 0 auto; overflow: hidden;}
a.logo{ display: block; float: left; width:280px; overflow: hidden;}
a.logo img { width: 280px; float: left;}
p.tip { width: calc(100% - 320px); float: left; font-size: 16px; line-height: 24px; text-align: left; padding: 40px 0 0 40px; color: #333;}
.pht  { display: flex; justify-content: center; flex-wrap: wrap; width:100%; margin:0 auto 40px; 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: 20px 0 40px;}


#keyVisual .iconn { display: block; position: absolute;	top: 5%;right: 9%;}
#keyVisual .iconn img { max-width: 160px;}
#keyVisual .poplink {position: absolute;bottom: 5%;right: 6%;}
#keyVisual .poplink span { display: block; font-weight: bold; text-align: center; color: #fff; font-size: 18px; border-bottom: 1px solid #fff; padding-bottom: 8px; margin-bottom: 8px;}
#keyVisual .poplink a    { display: block; padding: 8px; border: 1px solid #fff; border-radius: 4px; background: #EA618E;color: #fff !important; margin-bottom: 8px;}
#keyVisual .poplink a:hover { background:none;}

#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: 23%; 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%; font-weight: bold; font-size: 18px; color: #fff; padding: 12px 0;}
#TOKU ul.inform li p { clear: both; padding: 16px 8px; font-size: 12px; height: 194px;}
#TOKU ul.inform li img,#TOKU ul.inform li span { float: left;}
#TOKU ul.inform li img {width: 100%;}

#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: 8px 16px 40px; font-weight: bold; color: #bf0000;}
#TOKU{padding-top: 40px;}
#TOKU .tlt{padding-bottom: 40px;}
#TOKU strong.red { font-weight: bold; color: #bf0000 !important;}
 
.tokubnr {margin-bottom: 40px;}
.tokubnr {padding-bottom: 20px;display: block;}

.toku_cpn { width: 99%; padding-left: 1%; overflow: hidden; margin-bottom: 60px;}
.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: 40px 0; font-size: 18px;}
#cboxLoadedContent dl { display: block; width: calc(80% - 1px); border: 1px solid #ccc; border-bottom: 0; border-right: 0;  margin: 0 auto 24px; overflow: hidden;}
#cboxLoadedContent dt,#cboxLoadedContent dd {display: block; float: left; padding:16px 8px; height: 28px; font-size: 14px; border-bottom: 1px solid #ccc; border-right:1px solid #ccc;}
#cboxLoadedContent dt { width: calc(25% - 18px);}
#cboxLoadedContent dd { width: calc(75% - 18px);}


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

#inline_content table td {
	border-right: 1px solid #b4b4b4;
	padding: 8px;
	border-bottom: 1px solid #b4b4b4
}

#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: right;
	width: 200px;
	font-weight: 700
}

#inline_content table strong.red { font-weight: bold; color: #bf0000 !important;}

#cboxContent { max-width: 920px !important; height: 524px !important; float: none !important; margin: 100px auto 0 !important;}
#cboxLoadedContent { height: 520px !important;}

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