@charset "utf-8";
/*
* ★★CSS for smartphone
* @date 202107
*/

.pc{display: none;}
.rt-header .rt-site-name a, .rt-header .rt-site-name em{background-size: 71px 36px !important;}
#widewrapper { position: relative;}
#contents.column1{ width:100%; overflow: hidden; padding: 0; background:#fff; position: relative;}

#keyVisual{ width: 100%; margin: 0 auto; overflow: hidden;}
#keyVisual img { width: 100%; float: left;}

nav { width: 100%; background: #DBEEFB; overflow: hidden;}
nav ul { display: flex; justify-content: center; margin: 8px; }
nav ul li {margin: 0 8px;}
nav ul li a { display: block; position: relative; background: url(https://img.travel.rakuten.co.jp/corporation/202107/images/arr.png) no-repeat 95% 50% #00B900; background-size: 6px 10px; border-radius: 6px; font-size: 13px; text-align: center; color: #fff !important; padding: 8px 12px 8px 4px;}
nav ul li a:after { display: block; content: ""; position: absolute; top: 10px; right: 8px;}

h2 { font-size: 20px; line-height: 28px; text-align: center; position: relative; color: #333; margin: 48px auto 20px; padding-bottom: 20px;}
h2:after { display: block; content: ""; position: absolute; width: 160px; height: 4px; background: #333; bottom: 0; left: 50%; margin-left: -80px;}

ul.step    { margin: 0 auto;}
ul.step li { border: 1px solid #CED5DB; padding:16px 20px; margin: 0 8px 20px; font-size: 14px; line-height: 24px; text-align: center;}
ul.step li span{ font-size: 13px; color: #666; display: block;}
ul.step li img { width: 100%; margin-bottom: 16px;}

.tip { font-size: 13px; line-height: 20px; color: #666; margin: 16px 8px 0;}
.notice {font-size: 14px;line-height: 24px; margin: 32px 8px; border: 1px solid #CED5DB; background: #f9f9f9; padding: 16px;}
.notice a {color:#1D54A7 !important;}


.pagetop { position: fixed; bottom:5px; right:5px; width: 36px; height: 36px; z-index: 99;}
.pagetop a{ display: block;}