/* 変更例背景色 */
.bggrp {background-color: #F5F5F5;}

/* 文字背景色 */
.bgwt {
background-color: #757575;
color: #FFFFFF;
}

/* 変更例幅 */
.contentsUnit-ex{width:1000px;}

/* コンテンツ幅 フル */
.contents-inner {width:auto;padding:0px;}

/* SP時 サイドパディング */
.contents-inner .contentsUnit{padding:0 10px;}

/* PC時 中央配置 */
@media all and (min-width:740px){
.contents-inner .contentsUnit{width:1096px;padding:0px;margin:0 auto;}
}

/* ページタイトル下の無駄なマージンを削除 */
.pageTtl {margin-bottom:0px;}

/* ぶち抜き 背景画像 */
.ctm_contentsFull_img{
background-image:url(/content/dam/sites/wwwjalcojp/world/shared/info/travelalerts/200423/img_sites/bg_mainvis.jpg);
height: 190px; /* SP時 高さ */
}
.ctm_contentsFull.bgc01{
background-color: #f7eddb;
} 

/* PC時 背景画像高さ */
@media all and (min-width:740px){
.ctm_contentsFull_img{height: 380px;}
}

/* Change example */
.changeexp{background:#F5F5F5;padding:10px;margin:30px 0 40px 0;}
.changeexp > dl > dt{display:inline-block;background:#757575;color:#fff;font-size:1.6rem;padding:2px 12px 4px 12px;}
.changeexp > dl > dd{margin-top:5px;}
.changeexp .expBox .expL, .changeexp .expBox .expR{background:#fff;width:auto;padding:15px 10px;}
.changeexp .expBox .expC{display:flex;justify-content:space-between;align-items:center;width:200px;position:relative;margin:12px auto;}
.changeexp .expArw{display:block;background:#757575;position:relative;width:12px;height:15px;margin-top:-15px;}
.changeexp .expArw::after{content:"";border-style:solid;border-width:19px 15px 0 15px;border-color:#757575 transparent transparent transparent;width:0;height:0;position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);}
.changeexp .expBox em{color:#cc0000;font-weight:400;}
.changeexp .freeCharge{display:inline-block;background:#f3c0bf;color:#000;font-size:1.6rem;line-height:1.2;text-align:center;width:160px;padding:8px 20px;}
.changeexp .expBox2 .expL, .changeexp .expBox2 .expC, .changeexp .expBox2 .expR{background:#fff;width:auto;padding:15px 10px;}
.changeexp .expBox2 .arwBox{display:flex;justify-content:space-between;align-items:center;width:200px;position:relative;margin:12px auto;}
.changeexp .expBox2 .arwBox.arw2{width:90%;}
.changeexp .expBox2 .arwBox.arw2 .freeCharge{width:88%;padding:8px 10px;}
.changeexp .expBox2 .expArw{display:block;background:#757575;position:relative;width:12px;height:15px;margin-top:-15px;}
.changeexp .expBox2 .expArw::after{content:"";border-style:solid;border-width:19px 15px 0 15px;border-color:#757575 transparent transparent transparent;width:0;height:0;position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);}
.changeexp .expBox2 em{color:#cc0000;font-weight:400;}
.changeexp .expBox2 .stepSet dt{display:inline-block;border:1px solid #000;padding:0 8px;}
.changeexp .expBox2 .stepSet dd{margin-top:4px;}
@media all and (min-width:740px){
.changeexp{padding:15px 15px 20px 15px;margin:30px 0 50px 0;}
.changeexp > dl > dt{font-size:2rem;padding:3px 20px 6px 20px;}
.changeexp > dl > dd{margin-top:10px;}
.changeexp .expBox{display:flex;}
.changeexp .expBox .expL,
.changeexp .expBox .expR{width:480px;padding:18px 10px;}
.changeexp .expBox .expL li,
.changeexp .expBox .expR li{font-size:1.8rem;}
.changeexp .expBox .expC{width:116px;}
.changeexp .expArw{width:34px;height:26px;margin:0 0 0 24px;}
.changeexp .expArw::after{border-width:34px 0 34px 40px;border-color:transparent transparent transparent #757575;top:50%;left:auto;right:-37px;bottom:auto;transform:translateY(-50%);}
.changeexp .freeCharge{font-size:2.4rem;width:auto;padding:20px 40px;margin-top:20px;}
.changeexp .expBox2 .expL, .changeexp .expBox2 .expC, .changeexp .expBox2 .expR{width:292px;}
.changeexp .expBox2{display:flex;}
.changeexp .expBox2 .arwBox{width:80px;}
.changeexp .expBox2 .arwBox.arw2{width:80px;}
.changeexp .expBox2 .expArw{width:34px;height:26px;margin:0 0 0 10px;}
.changeexp .expBox2 .expArw::after{border-width:34px 0 34px 40px;border-color:transparent transparent transparent #757575;top:50%;left:auto;right:-37px;bottom:auto;transform:translateY(-50%);}
.changeexp .freeCharge_wrap{display:flex;width:715px;margin:0 auto;}
.changeexp .freeCharge_wrap p:first-child{width:238px;margin-right:20px;}
.changeexp .freeCharge_wrap p:nth-child(2){width:450px;}
.changeexp .freeCharge_wrap .freeCharge{display:flex;align-items:center;justify-content:center;padding:5px 20px;}
}
/* /Change example */