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

  Custom Properties

----------------------------------------------------------------- */
:root{
--lyt-width-str-header:1200px;
--lyt-width-nav-global:1200px;
--lyt-width-cmn-topic-path:960px;

--lyt-width-container:960px;
--lyt-width-two-column-main:730px;
--lyt-width-two-column-sub:210px;

--cmn-topic-path-bg-color:#fff;

--cmn-modal-layer-z-index:1000;

--cmn-font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;

--cmn-font-color-base:#333;
--cmn-font-color-base-rgb:51,51,51;

--cmn-font-color-link:#004c9a;
--cmn-font-color-link-rgb:0,76,154;

--cmn-font-color-red:#e93939;
--cmn-font-color-red-rgb:233,57,57;

--cmn-font-color-gray:#777;
--cmn-font-color-gray-rgb:119,119,119;

--cmn-btn-color:#72ba00;
--cmn-btn-color-rgb:114,186,0;
--cmn-btn-color-hover:#67a700;
--cmn-btn-color-hover-rgb:103,167,0;
}



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

  Base Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 Base
----------------------------------------------------------------- */
body{
margin:0;
padding:0 10px;
color:var(--cmn-font-color-base);
font-size:13px;
font-family:var(--cmn-font-family);
-webkit-text-size-adjust:none;
text-size-adjust:none;
}

@media screen and (max-device-width:480px){
body{
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
}

button,
select,
input,
textarea{
font-family:var(--cmn-font-family);
}

button:focus,
select:focus,
input:focus,
textarea:focus,
[role="button"]:focus,
[tabindex="0"]:focus{
outline:1px solid #3798e0;
outline-offset:-1px;
}

button{
cursor:pointer;
}

h1, h2, h3, h4, h5, h6, div, p, address, blockquote, dl, dt, dd, ul, ol, li, object, embed, form{
margin:0;
padding:0;
}

h1{
font-size:80%;
font-weight:normal;
}

h2, h3, h4, h5, h6{
font-size:100%;
}

textarea{
font-size:small;
}

ul, ol, li{
list-style-type:none;
}

a{
color:var(--cmn-font-color-link);
}

a:link,
a:visited{
text-decoration:none;
}

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

em, cite, dfn{
font-style:normal;
}

img{
border:0;
}


/* ----------------------------------------------------------------
  Default form  modules
----------------------------------------------------------------- */
/* checkbox
----------------------------------------------- */
[type=checkbox]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:14px;
height:14px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
background:url(/element/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
cursor:pointer;
}

[type=checkbox]:checked{
background-image:url(/element/shared/images/icon/icon-form-checkbox-on.svg);
}

@media (any-hover:hover){
[type=checkbox]:hover{
background-image:url(/element/shared/images/icon/icon-form-checkbox-hover.svg);
}

[type=checkbox]:checked:hover{
background-image:url(/element/shared/images/icon/icon-form-checkbox-on-hover.svg);
}
}

[type=checkbox]:disabled{
opacity:1;
cursor:default;
background-image:url(/element/shared/images/icon/icon-form-checkbox-disabled.svg);
cursor:default;
}

/* radiobox
----------------------------------------------- */
[type=radio]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:14px;
height:14px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
background:url(/element/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
cursor:pointer;
}

@media (any-hover:hover){
[type=radio]:hover{
background-image:url(/element/shared/images/icon/icon-form-radio-hover.svg);
}
}

[type=radio]:checked{
background-image:url(/element/shared/images/icon/icon-form-radio-on.svg);
}

[type=radio]:disabled{
opacity:1;
cursor:default;
background-image:url(/element/shared/images/icon/icon-form-radio-disabled.svg);
cursor:default;
}

/* placeholder
----------------------------------------------- */
::-webkit-input-placeholder{
color:#949494;
}

::-moz-placeholder{
color:#949494;
}

::-ms-input-placeholder{
color:#949494;
}

:-ms-input-placeholder{
color:#949494;
}

::placeholder{
color:#949494;
}


/* ----------------------------------------------------------------
 Base Layout
-------------------------------------------------------------------*/
#container{
margin:0 auto;
padding:0;
width:var(--lyt-width-container);
color:var(--cmn-font-color-base);
}

/* .lyt-ad-both > #container
----------------------------------------------- */
.lyt-ad-both #container{
padding:0 180px;
position:relative;
min-height:1232px;
}

/* .lyt-ad-r > #container
----------------------------------------------- */
.lyt-ad-r #container{
padding-left:0;
padding-right:180px;
position:relative;
min-height:1230px;
}

/* .lyt-ad-both-narrow > #container
----------------------------------------------- */
.lyt-ad-both-narrow #container{
padding-left:0;
padding-right:180px;
position:relative;
min-height:2490px;
}


/* ----------------------------------------------------------------
Common Heading Modules
----------------------------------------------------------------- */
/* .cmn-hdg-category
----------------------------------------------- */
.cmn-hdg-category{
margin:0 0 20px;
padding:13px 20px 12px;
color:#fff;
background-color:#287ac4;
line-height:1.25;
font-size:30px;
font-weight:normal;
text-shadow:1px 1px 1px rgba(0,0,0,.35);
}

.cmn-hdg-category a{
color:#fff;
text-decoration:none;
}


/* ----------------------------------------------------------------
Common Link Modules
----------------------------------------------------------------- */
/* .cmn-solid
----------------------------------------------- */
.cmn-solid{
padding:0 0 2px;
--cmn-solid-color:#ccc;
--cmn-solid-font-color:var(--cmn-font-color-base);
--cmn-solid-hover-color:var(--cmn-font-color-link);
--cmn-solid-hover-font-color:var(--cmn-font-color-link);

color:var(--cmn-solid-font-color) !important;
box-shadow:0 -1px 0 var(--cmn-solid-color) inset;
line-height:1.85;
text-decoration:none !important;
}

.cmn-solid:active,
.cmn-solid:hover,
.cmn-solid:focus{
color:var(--cmn-solid-hover-font-color) !important;
box-shadow:0 -1px 0 var(--cmn-solid-hover-color) inset;
}

/* .cmn-dashed
----------------------------------------------- */
.cmn-dashed{
--cmn-dashed-grad:linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color:#949494;
--cmn-dashed-size:6px 1px;
--cmn-dashed-font-color:var(--cmn-font-color-base);
color:var(--cmn-dashed-font-color) !important;
background:var(--cmn-dashed-grad);
background-size:var(--cmn-dashed-size);
text-decoration:none !important;
}

/* IE11 adjust */
_:-ms-lang(x)::-ms-backdrop, .cmn-dashed{
border-bottom:1px dashed;
}


/* ----------------------------------------------------------------
Common Notice Modules
----------------------------------------------------------------- */
/* .cmn-notice-list
----------------------------------------------- */
.cmn-notice-list{
margin:20px 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.cmn-notice-list > li{
display:-webkit-box;
display:flex;
gap:0 4px;
}

.cmn-notice-list > li:not(:first-child){
margin-top:4px;
}

.cmn-notice-list > li > div{
-webkit-box-flex:1;
flex:1;
}

.box-bg-img-ctrl .cmn-notice-list{
color:var(--cmn-font-color-base);
}


/* ----------------------------------------------------------------
Common Loading Modules
----------------------------------------------------------------- */
/* cmn-loading-spinner
----------------------------------------------- */
@keyframes cmn-loading-spinner-rotate{
100%{
transform:rotate(360deg);
}
}

.cmn-loading-spinner{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat 50% 50%;
background-size:100% 100%;
animation:cmn-loading-spinner-rotate 2s linear infinite;
}

.cmn-loading-spinner > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .cmn-loading-spinner-dot
------------------------------------------------- */
.cmn-loading-spinner-dot{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
}

.cmn-loading-spinner-dot > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .cmn-loading-spinner-dot-wht
------------------------------------------------- */
.cmn-loading-spinner-dot-wht{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
mix-blend-mode:hard-light;
}

.cmn-loading-spinner-dot-wht > span{
height:0;
overflow:hidden;
position:absolute;
}


/* ----------------------------------------------------------------
Common Sprite Icons
----------------------------------------------------------------- */
/* review-rate
----------------------------------------------- */
.review-rate{
font-size:11px;
}

.review-rate .btn-qa{
margin:0 4px;
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
line-height:1;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 0 0 no-repeat;
background-size:12px 12px;
vertical-align:middle;
}

.review-rate .btn-qa:active,
.review-rate .btn-qa:hover,
.review-rate .btn-qa:focus{
background-image:url(/element/shared/images/icon/icon-tip-faq-disabled.svg);
}

.review-rate .icon-qa{
margin:0 5px;
vertical-align:middle;
cursor:pointer;
}

/* icon-r-
----------------------------------------------- */
[class^='icon-r-'] span{
line-height:2;
display:inline-block;
overflow:hidden;
width:69px;
height:0;
padding-top:13px;
content:'';
vertical-align:middle;
background-image:url(/element/shared/images/sprite/sprite-icon-rate.png);
background-repeat:no-repeat;
}

/* .icon-r-face
----------------------------------------------- */
[class^='icon-r-'].icon-r-face span{
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^='icon-r-'].icon-r-face.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}

[class^='icon-r-'].icon-r-face.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-4h.svg);
}

[class^='icon-r-'].icon-r-face.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-4.svg);
}

[class^='icon-r-'].icon-r-face.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-3h.svg);
}

[class^='icon-r-'].icon-r-face.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-3.svg);
}

[class^='icon-r-'].icon-r-face.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-2h.svg);
}

[class^='icon-r-'].icon-r-face.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-2.svg);
}

[class^='icon-r-'].icon-r-face.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-1h.svg);
}

[class^='icon-r-'].icon-r-face.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-1.svg);
}

[class^='icon-r-'].icon-r-face.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-0h.svg);
}

[class^='icon-r-'].icon-r-face.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-0.svg);
}

/* icon-r-shopping / .icon-r-attraction / .icon-r-restaurant
----------------------------------------------- */
[class^='icon-r-'].icon-r-shopping span,
[class^='icon-r-'].icon-r-attraction span,
[class^='icon-r-'].icon-r-restaurant span{
width:63px;
padding-top:10px;
}

/* .icon-r-price
----------------------------------------------- */
[class^='icon-r-'].icon-r-price span{
width:54px;
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^='icon-r-'].icon-r-price.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-price-5.svg);
}

[class^='icon-r-'].icon-r-price.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-price-4h.svg);
}

[class^='icon-r-'].icon-r-price.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-price-4.svg);
}

[class^='icon-r-'].icon-r-price.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-price-3h.svg);
}

[class^='icon-r-'].icon-r-price.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-price-3.svg);
}

[class^='icon-r-'].icon-r-price.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-price-2h.svg);
}

[class^='icon-r-'].icon-r-price.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-price-2.svg);
}

[class^='icon-r-'].icon-r-price.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-price-1h.svg);
}

[class^='icon-r-'].icon-r-price.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-price-1.svg);
}

[class^='icon-r-'].icon-r-price.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-price-0h.svg);
}

[class^='icon-r-'].icon-r-price.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-price-0.svg);
}

/* .icon-r-hotel
----------------------------------------------- */
[class^='icon-r-'].icon-r-hotel span{
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^='icon-r-'].icon-r-hotel.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-star-5.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-star-4h.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-star-4.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-star-3h.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-star-3.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-star-2h.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-star-2.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-star-1h.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-star-1.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-star-0h.svg);
}

[class^='icon-r-'].icon-r-hotel.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-star-0.svg);
}

/* .icon-r-shopping
----------------------------------------------- */
[class^='icon-r-'].icon-r-shopping.rank-5 span{
background-position:-10px -204px;
}

[class^='icon-r-'].icon-r-shopping.rank-45 span{
background-position:-10px -234px;
}

[class^='icon-r-'].icon-r-shopping.rank-4 span{
background-position:-23px -204px;
}

[class^='icon-r-'].icon-r-shopping.rank-35 span{
background-position:-23px -234px;
}

[class^='icon-r-'].icon-r-shopping.rank-3 span{
background-position:-37px -204px;
}

[class^='icon-r-'].icon-r-shopping.rank-25 span{
background-position:-37px -234px;
}

[class^='icon-r-'].icon-r-shopping.rank-2 span{
background-position:-50px -204px;
}

[class^='icon-r-'].icon-r-shopping.rank-15 span{
background-position:-50px -234px;
}

[class^='icon-r-'].icon-r-shopping.rank-1 span{
background-position:-63px -204px;
}

[class^='icon-r-'].icon-r-shopping.rank-05 span{
background-position:-63px -234px;
}

[class^='icon-r-'].icon-r-shopping.rank-0 span{
background-position:-77px -204px;
}

/* .icon-r-attraction
----------------------------------------------- */
[class^='icon-r-'].icon-r-attraction.rank-5 span{
background-position:-10px -264px;
}

[class^='icon-r-'].icon-r-attraction.rank-45 span{
background-position:-10px -294px;
}

[class^='icon-r-'].icon-r-attraction.rank-4 span{
background-position:-23px -264px;
}

[class^='icon-r-'].icon-r-attraction.rank-35 span{
background-position:-23px -294px;
}

[class^='icon-r-'].icon-r-attraction.rank-3 span{
background-position:-37px -264px;
}

[class^='icon-r-'].icon-r-attraction.rank-25 span{
background-position:-37px -294px;
}

[class^='icon-r-'].icon-r-attraction.rank-2 span{
background-position:-50px -264px;
}

[class^='icon-r-'].icon-r-attraction.rank-15 span{
background-position:-50px -294px;
}

[class^='icon-r-'].icon-r-attraction.rank-1 span{
background-position:-63px -264px;
}

[class^='icon-r-'].icon-r-attraction.rank-05 span{
background-position:-63px -294px;
}

[class^='icon-r-'].icon-r-attraction.rank-0 span{
background-position:-77px -264px;
}

/* .icon-r-restaurant
----------------------------------------------- */
[class^='icon-r-'].icon-r-restaurant.rank-5 span{
background-position:-10px -324px;
}

[class^='icon-r-'].icon-r-restaurant.rank-45 span{
background-position:-10px -354px;
}

[class^='icon-r-'].icon-r-restaurant.rank-4 span{
background-position:-23px -324px;
}

[class^='icon-r-'].icon-r-restaurant.rank-35 span{
background-position:-23px -354px;
}

[class^='icon-r-'].icon-r-restaurant.rank-3 span{
background-position:-37px -324px;
}

[class^='icon-r-'].icon-r-restaurant.rank-25 span{
background-position:-37px -354px;
}

[class^='icon-r-'].icon-r-restaurant.rank-2 span{
background-position:-50px -324px;
}

[class^='icon-r-'].icon-r-restaurant.rank-15 span{
background-position:-50px -354px;
}

[class^='icon-r-'].icon-r-restaurant.rank-1 span{
background-position:-63px -324px;
}

[class^='icon-r-'].icon-r-restaurant.rank-05 span{
background-position:-63px -354px;
}

[class^='icon-r-'].icon-r-restaurant.rank-0 span{
background-position:-77px -324px;
}


/* ----------------------------------------------------------------
Common Modal
----------------------------------------------------------------- */
/* .cmn-modal-layer
----------------------------------------------- */
.cmn-modal-layer{
position:fixed;
z-index:var(--cmn-modal-layer-z-index);
top:0;
right:0;
bottom:0;
left:0;
opacity:.6;
filter:alpha(opacity=60);
background-color:#000;
}

/* .cmn-modal-select
----------------------------------------------- */
.cmn-modal-select{
top:100px;
left:0;
right:0;
position:absolute;
padding:10px;
margin:0 auto;
z-index:calc(var(--cmn-modal-layer-z-index) + 1);
width:800px;
background-color:var(--cmn-font-color-base);
font-family:var(--cmn-font-family);
}

.cmn-modal-select input,
.cmn-modal-select textarea,
.cmn-modal-select button{
font-family:var(--cmn-font-family);
}

.cmn-modal-select .cmn-modal-hdg-container{
padding:5px 200px 10px 20px;
color:#fff;
position:relative;
font-size:15px;
font-weight:bold;
}

.cmn-modal-select .cmn-modal-hdg-sup .cmn-modal-btn,
.cmn-modal-select .cmn-modal-hdg-sup .cmn-modal-btn-02{
padding:4px 10px;
font-size:14px;
}

.cmn-modal-select .cmn-modal-hdg-01{
margin:20px 0 5px;
padding:3px 5px 1px;
color:var(--cmn-font-color-base);
background-color:#f1f1f1;
font-size:15px;
font-weight:bold;
}

.cmn-modal-select .cmn-modal-hdg-01 .cmn-hdg-sup{
font-size:12px;
font-weight:normal;
}

.cmn-modal-select .cmn-modal-hdg-02{
margin:10px 0 0;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:13px;
}

.cmn-modal-select .cmn-modal-hdg-01 + .cmn-modal-hdg-02{
margin-top:5px;
}

.cmn-modal-select .cmn-modal-btn{
padding:6px 10px;
border:none;
border-radius:4px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
min-width:7.5em;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
}

.cmn-modal-select .cmn-modal-btn:active,
.cmn-modal-select .cmn-modal-btn:hover,
.cmn-modal-select .cmn-modal-btn:focus{
background-color:#67a700;
}

.cmn-modal-select .cmn-modal-btn-02{
padding:6px 10px 3px;
border:none;
border-radius:4px;
color:#fff;
box-shadow:0 2px 0 #2c4f7d;
min-width:7.5em;
cursor:pointer;
background:-webkit-linear-gradient(#4491ea 0%, #2f73cd 100%);
background:linear-gradient(#4491ea 0%, #2f73cd 100%);
background-color:#4491ea;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 2px rgba(51,51,51, .7);
}

.cmn-modal-select .cmn-modal-btn-02:active,
.cmn-modal-select .cmn-modal-btn-02:hover,
.cmn-modal-select .cmn-modal-btn-02:focus{
background:-webkit-linear-gradient(#327ace 0%, #215eaf 100%);
background:linear-gradient(#327ace 0%, #215eaf 100%);
background-color:#327ace;
box-shadow:0 2px 0 #244067;
}

.cmn-modal-select .cmn-modal-hdg-container .cmn-modal-hdg-sup{
position:absolute;
top:0;
right:25px;
}

.cmn-modal-select .cmn-modal-decision{
padding:10px;
background-color:#e5e5e5;
text-align:center;
}

.cmn-modal-select .cmn-modal-decision .cmn-modal-decision-inner{
margin:-5px 30px 0 0;
display:inline-block;
vertical-align:middle;
}

.cmn-modal-select .cmn-modal-item{
padding:20px;
background-color:#fff;
overflow:hidden;
}

.cmn-modal-select .cmn-modal-item >:first-child{
margin-top:0;
}


.cmn-modal-select .cmn-modal-btn-close{
position:absolute;
top:-18px;
right:-25px;
}

.cmn-modal-select .cmn-modal-btn-close button{
border:none;
cursor:pointer;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}

.cmn-modal-select .cmn-modal-btn-close button:active,
.cmn-modal-select .cmn-modal-btn-close button:hover,
.cmn-modal-select .cmn-modal-btn-close button:focus{
background-position:0 -65px;
}

.cmn-modal.simplemodal-data{
padding:0;
position:relative;
width:100%;
background:none;
}

.cmn-modal-box{
background:#fff;
box-shadow:rgba(130,130,130,.2) 4px 4px 3px 0;
padding:50px 20px;
position:absolute;
min-width:420px;
z-index:calc(var(--cmn-modal-layer-z-index) + 1);
}

.cmn-modal-box .btn-close{
margin:0;
background:url(/element/shared/images/modal/sprite-btn-01.png) no-repeat;
background-position:0 0;
position:absolute;
top:-19px;
right:-24px;
display:block;
width:55px;
height:55px;
text-indent:-9999px;
}
.cmn-modal-box .btn-close:active,
.cmn-modal-box .btn-close:hover,
.cmn-modal-box .btn-close:focus{
background-position:0 -65px;
}

.cmn-modal-box .modal-btn-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.cmn-modal-box .modal-btn-box li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:40px;
}

.cmn-modal-box .modal-btn-box li:not(:first-child){
margin-left:16px;
}

.cmn-modal-box .modal-btn-box button{
padding:5px 20px;
border-radius:4px;
min-width:160px;
min-height:40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
font-size:17px;
font-weight:bold;
}

.cmn-modal-box .cmn-info-btn,
.cmn-modal-box .cmn-move-btn{
border:none;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
background-color:var(--cmn-btn-color);
text-shadow:1px 1px 1px rgba(0,0,0,.4);
}

.cmn-modal-box .cmn-info-btn:active,
.cmn-modal-box .cmn-info-btn:hover,
.cmn-modal-box .cmn-info-btn:focus,
.cmn-modal-box .cmn-move-btn:active,
.cmn-modal-box .cmn-move-btn:hover,
.cmn-modal-box .cmn-move-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.cmn-modal-box .cmn-cancel-btn{
background-color:#fff;
border:1px solid #c5c5c5;
color:var(--cmn-font-color-gray);
box-shadow:0 -2px 0 rgba(0,0,0,.2) inset;
}
.cmn-modal-box .cmn-cancel-btn:active,
.cmn-modal-box .cmn-cancel-btn:hover,
.cmn-modal-box .cmn-cancel-btn:focus{
background-color:#f8f8f8;
}

/* text */
.cmn-modal-box .text-info{
margin-bottom:27px;
font-size:16px;
text-align:center;
}
.cmn-modal-box .text-info-note{
text-align:center;
font-size:12px;
}
.cmn-modal-box .text-info + .cmn-modal-box .text-info-note{
margin:-25px 0 30px;
}


/* ----------------------------------------------------------------
  cmn-agt-info
----------------------------------------------------------------- */
.cmn-modal-box .cmn-agt-info{
width:420px;
}

/* .cmn-agt-info-hdg
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-hdg{
margin-bottom:20px;
line-height:1.25;
font-size:15px;
text-align:center;
}

/* cmn-agt-info-hdg-l4
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-hdg-l4{
margin-top:10px;
font-size:12px;
}

/* cmn-agt-info-hdg-l5
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-hdg-l4+.cmn-agt-info-hdg-l5{
margin-top: 3px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-hdg-l5{
margin-top:10px;
font-size:12px;
font-weight: normal;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-hdg-l5::before{
content:"";
position:relative;
top:-1px;
display:inline-block;
vertical-align: middle;
width:7px;
height:7px;
background:var(--cmn-font-color-base);
margin-right: 3px;
}

/* .cmn-agt-info-inqury
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-inqury{
display:table;
font-size:12px;
}

/* .cmn-agt-info-list
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-list{
margin-top:7px;
padding-top:10px;
border-top:1px solid #e5e5e5;
line-height:1.25;
font-size:12px;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-list > li{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-list > li:not(:first-child){
margin-top:5px;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-list > li > div:first-child{
margin-right:10px;
border-right:1px solid #888;
width:5em;
white-space:nowrap;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-list > li > div:last-child{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-list .cmn-agt-info-list-link{
margin-top:3px;
display:table;
}

/* .cmn-agt-info-link
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-link{
margin:10px 0 0 auto;
padding-left:10px;
color:#666 !important;
position:relative;
display:table;
font-size:12px;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-link:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .cmn-agt-info-note
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note{
margin-top:10px;
color:#666;
font-size:11px;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note > li{
padding-left:1em;
text-indent:-1em;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note > li:not(:first-child){
margin-top:3px;
}

/* .cmn-agt-info-note-02
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note-02{
margin-top:2px;
color:var(--cmn-font-color-base);
font-size:12px;
word-break:break-all;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note-02 > li{
padding-left:1em;
text-indent:-1em;
}

/* .cmn-agt-info-note-03
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-note-03{
margin-top:5px;
color:var(--cmn-font-color-base);
font-size:14px;
word-break:break-all;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-note-03 em{
color:var(--cmn-font-color-red);
font-weight: bold;
}

/* .cmn-agt-info-caution
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-caution{
display: block;
color:var(--cmn-font-color-base);
font-size:11px;
margin:7px 0 10px;
word-break:break-all;
text-align: right;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-caution::before{
position:relative;
top:-2px;
content:"";
display:inline-block;
width:13px;
height:12px;
background: url(/element/shared/images/icon/icon-caution-triangle-red.svg) top center no-repeat;
background-size:100%;
vertical-align:middle;
margin-right:3px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-caution a{
color:#666;
text-decoration: underline;
}

/* .cmn-agt-info-btn
----------------------------------------------- */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-btn{
margin:20px auto 0;
padding:3px 8px;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:34px;
background-color:#fff;
font-size:13px;
color:#666;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-btn::before{
display:inline-block;
margin-right:3px;
width:15px;
height:15px;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
content:"";
vertical-align:middle;
opacity:.65;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-btn > span{
display:inline-block;
}

/* cmn-agt-info-msg
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-msg{
text-align:center;
}

/* cmn-agt-info-review
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-hdg{
padding:3px 5px 4px;
background-color:#f0f0f0;
font-weight: normal;
font-size:14px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-item{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
padding:10px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col:first-child{
display:-webkit-box;
display: flex;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col:nth-child(2){
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-item .cmn-agt-info-review-item-col em{
color:var(--cmn-font-color-red);
font-weight:bold;
}

/* cmn-agt-info-review-icon
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-icon{
font-size:11px;
width:60px;
border-right:1px solid #ddd;
margin-right:10px;
padding-right:10px;
padding-top:37px;
box-sizing:border-box;
display:grid;
place-items:center;
position:relative;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-icon::before{
content:"";
display:block;
width:25px;
height:25px;
background-repeat:no-repeat;
background-size:100%;
position:absolute;
top:50%;
left:50%;
margin-top:-17px;
margin-left:-17px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-icon.review-01{
width:auto;
margin:0;
padding:0;
border:none;
}
.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-icon.review-02::before{
background-image:url(/element/shared/images/icon/icon-agt-review-02.svg);
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-review .cmn-agt-info-review-icon.review-03::before{
background-image:url(/element/shared/images/icon/icon-agt-review-03.svg);
}

/* cmn-agt-info-prop
------------------------------------------------ */
.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop-container{
overflow:hidden;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop{
display:block;
margin-top:5px;
overflow:hidden;
margin-left:-17px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop::after{
content:"";
display:table;
clear:both;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop + .cmn-agt-info-prop{
margin-top:0;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop li{
float:left;
display:inline-block;
font-size:11px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop li::before{
display:inline-block;
content:"\FF0F";
margin:0 3px;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop li.cmn-agt-info-prop-break{
clear:left;
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop li .cmn-agt-info-prop-sup::after{
display:inline-block;
margin:0 3px;
content:":";
}

.cmn-modal-box .cmn-agt-info .cmn-agt-info-prop li em{
color:var(--cmn-font-color-red);
font-weight: bold;
}


/* ----------------------------------------------------------------
Common SNS
----------------------------------------------------------------- */
.cmn-sns-list{
margin:20px 0 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}

.cmn-sns-list > li{
width:90px;
overflow:hidden;
}

.cmn-sns-list iframe{
vertical-align:bottom;
float:right;
}



/* ----------------------------------------------------------------
Common Tooltip
----------------------------------------------------------------- */
.cmn-tip-container{
position:absolute;
width:370px;
padding:10px 16px;
font-family:var(--cmn-font-family);
color:var(--cmn-font-color-base);
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
box-shadow:1px 1px 3px 0 rgba(153,153,153,.75);
box-sizing:border-box;
z-index:calc(var(--cmn-modal-layer-z-index) * 10);
}

/* .cmn-tip-hdg / .cmn-tip-hdg-01
----------------------------------------------- */
.cmn-tip-hdg{
margin:0 -6px 6px;
padding:8px 6px;
font-size:13px;
background-color:#eee;
}

.cmn-tip-hdg-01{
position:relative;
padding-left:12px;
margin-top:10px;
}

.cmn-tip-hdg-01:before{
content:"";
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
display:block;
background-color:var(--cmn-font-color-base);
}

.cmn-tip-hdg-01 + p{
margin-top:0;
}

/* .cmn-tip-hdg-relation
----------------------------------------------- */
.cmn-tip-hdg-relation{
font-size:12px;
font-weight:normal;
margin-bottom:5px;
}

.cmn-tip-box + .cmn-tip-hdg-relation{
margin:6px -6px 5px;;
padding:9px 6px 0;
border-top:1px solid #ccc;
}

/* .cmn-tip-list
----------------------------------------------- */
.cmn-tip-container .cmn-tip-list{
margin:8px 0;
}

.cmn-tip-container .cmn-tip-list > li{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.cmn-tip-container .cmn-tip-list > li > span{
margin-right:4px;
}

.cmn-tip-container .cmn-tip-list > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .cmn-tip-link-list-01
----------------------------------------------- */
.cmn-tip-link-list-01{
font-size:12px;
}

.cmn-tip-link-list-01 > li{
position:relative;
margin:5px 0;
padding-left:8px;
}

.cmn-tip-link-list-01 > li:first-child{
margin-top:0;
}

.cmn-tip-link-list-01 > li:last-child{
margin-bottom:0;
}

.cmn-tip-link-list-01  > li:before{
content:"";
height:0;
width:0;
display:block;
border:3px solid transparent;
border-right-width:0;
border-left-color:#7a7a7a;
position:absolute;
top:5px;
left:2px;
}

/* .cmn-tip-img
----------------------------------------------- */
.cmn-tip-img{
text-align:center;
}

.cmn-tip-img img{
max-width:100%;
height:auto;
}

/* .cmn-tip-box
----------------------------------------------- */
.cmn-tip-box{
font-size:12px;
word-break:break-all;
word-wrap:break-word;
}

.cmn-tip-box:before,
.cmn-tip-box:after{
content:"";
display:table;
}
.cmn-tip-box:after{
clear:both;
}

.cmn-tip-box > :first-child{
margin-top:0;
}

.cmn-tip-box p{
margin:10px 0 0;
}

/* .cmn-tip-toggle modules
----------------------------------------------- */
.cmn-tip-toggle-container > .cmn-tip-toggle-item{
display:none;
}

.cmn-tip-toggle-container.active > .cmn-tip-toggle-item{
display:block;
}

.cmn-tip-toggle-btn{
float:right;
font-family:var(--cmn-font-family);
font-size:11px;
color:#0b41a1;
cursor:pointer;
border:none;
background-color:transparent;
}

/* .cmn-tip-btn
----------------------------------------------- */
.cmn-tip-btn{
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
line-height:1;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 0 0 no-repeat;
background-size:12px 12px;
vertical-align:middle;
}

.cmn-tip-btn:active,
.cmn-tip-btn:hover,
.cmn-tip-btn:focus{
background-image:url(/element/shared/images/icon/icon-tip-faq-disabled.svg);
}

/* .cmn-tip-info-btn
----------------------------------------------- */
.cmn-tip-info-btn{
display:inline-block;
cursor:pointer;
}
.cmn-tip-info-btn:active .cmn-tip-info-btn-icon,
.cmn-tip-info-btn:hover .cmn-tip-info-btn-icon,
.cmn-tip-info-btn:focus .cmn-tip-info-btn-icon{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.cmn-tip-info-btn .cmn-tip-info-btn-icon{
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
line-height:1;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-info.svg) 0 0 no-repeat;
background-size:12px 12px;
vertical-align:middle;
}

/* .cmn-tip-caution-btn
----------------------------------------------- */
.cmn-tip-caution-btn{
display:inline-block;
cursor:pointer;
}
.cmn-tip-caution-btn:active .cmn-tip-caution-btn-icon,
.cmn-tip-caution-btn:hover .cmn-tip-caution-btn-icon,
.cmn-tip-caution-btn:focus .cmn-tip-caution-btn-icon{
background-image:url(/element/shared/images/icon/icon-tip-caution-disabled.svg);
}
.cmn-tip-caution-btn .cmn-tip-caution-btn-icon{
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
line-height:1;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-caution.svg) 0 0 no-repeat;
background-size:12px 12px;
vertical-align:middle;
}


/* ----------------------------------------------------------------
Common FAQ list
----------------------------------------------------------------- */
.cmn-faq-link-list-01{
font-size:13px;
letter-spacing:-.4em;
text-align:left;
font-family:var(--cmn-font-family);
overflow:hidden;
}

.cmn-faq-link-list-01 > li{
margin:3px 0;
width:50%;
padding:0;
float:left;
letter-spacing:normal;
box-sizing:border-box;
}

.cmn-faq-link-list-01 > li:nth-child(2n+1){
clear:left;
}

.cmn-faq-link-list-01 > li:nth-child(odd){
padding-right:20px;
}

.cmn-faq-link-list-01  > li a{
padding-left:12px;
display:block;
position:relative;
color:#666;
}

.cmn-faq-link-list-01  > li a:before{
content:'';
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.cmn-faq-link{
text-align:right;
font-size:12px;
}

.cmn-faq-link > a{
position:relative;
padding-left:12px;
}

.cmn-faq-link > a:before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.cmn-faq-link > a:link,
.cmn-faq-link > a:hover,
.cmn-faq-link > a:active,
.cmn-faq-link > a:visited{
color:#666 !important;
}

.cmn-tip-container .cmn-faq-link{
margin-top:10px;
}

/* .cmn-faq-search-box
----------------------------------------------- */
.cmn-faq-search-box{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ccc;
overflow:hidden;
letter-spacing:-.4em;
font-family:var(--cmn-font-family);
}

.cmn-faq-search-box > *{
letter-spacing:normal;
}

.cmn-faq-search-box img{
vertical-align:top;
}

.cmn-faq-search-box > form{
display:inline-block;
vertical-align:top;
max-width:435px;
box-sizing:border-box;
}

.cmn-faq-search-box .cmn-tip-search-form{
max-width:435px;
}

/* .cmn-tab-modal
------------------------------------------------ */
.cmn-tab-modal{
margin-bottom:20px;
border-bottom:2px solid #b8b8b8;
}

.cmn-tab-modal li{
display:inline-block;
vertical-align:bottom;
}

.cmn-tab-modal li.active{
position:relative;
bottom:-2px;
}

.cmn-tab-modal li.active a{
padding-top:8px;
padding-bottom:6px;
border-top:2px solid #b8b8b8;
border-left:2px solid #b8b8b8;
border-right:2px solid #b8b8b8;
border-bottom:1px solid #fff;
background-color:#fff;
}

.cmn-tab-modal a{
display:block;
text-align:center;
min-width:200px;
padding:8px 30px 5px;
border-radius:5px 5px 0 0;
border-top:1px solid #b8b8b8;
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
background-color:#f5f5f5;
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}

.cmn-tab-modal a:link,
.cmn-tab-modal a:visited{
color:var(--cmn-font-color-base);
}

.cmn-tab-modal a:hover,
.cmn-tab-modal a:active{
text-decoration:none;
}

.cmn-tab-modal.cmn-tab-modal-btm{
margin-top:20px;
margin-bottom:15px;
border-top:2px solid #b8b8b8;
border-bottom:none;
}

.cmn-tab-modal.cmn-tab-modal-btm a{
border-radius:0 0 5px 5px;
border-bottom:1px solid #b8b8b8;
border-top:none;
}

.cmn-tab-modal.cmn-tab-modal-btm li.active a{
border-bottom:2px solid #b8b8b8;
border-top:none;
bottom:0;
top:-2px;
}

.cmn-tab-modal.cmn-tab-modal-btm li{
vertical-align:top;
}

/* .cmn-modal-guide
------------------------------------------------ */
.cmn-modal-notes-01{
font-size:13px;
font-weight:bold;
line-height:1.3;
color:var(--cmn-font-color-base);
margin-bottom:10px;
}

.cmn-modal-notes-02{
margin-bottom:10px;
display:block;
color:var(--cmn-font-color-base);
font-size:11px;
}

/* .cmn-modal-decision number
------------------------------------------------ */
.cmn-modal-decision .number{
display:inline-block;
margin-right:10px;
font-size:16px;
font-weight:bold;
}

.cmn-modal-decision .number b{
margin-right:10px;
}

.cmn-modal-decision .number em{
margin-right:5px;
font-size:21px;
color:var(--cmn-font-color-red);
}


/* ----------------------------------------------------------------
Common Tooltip Agt
----------------------------------------------------------------- */
/* .cmn-tip-agt
----------------------------------------------- */
.cmn-tip-agt{
padding:16px 16px 10px;
border:1px solid #aaa;
position:absolute;
border-radius:4px;
width:390px;
box-sizing:border-box;
box-shadow:1px 1px 3px 0 rgba(153,153,153,.75);
min-height: 115px;
background-color:#fff;
z-index:calc(var(--cmn-modal-layer-z-index) * 10);
font-size:12px;
}

.cmn-tip-agt::before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:24px;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#aaa;
background-color:#fff;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}

.cmn-tip-agt strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .cmn-tip-agt-header
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-header{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .cmn-tip-agt-header-hdg
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-header-hdg{
line-height:1.25;
font-size:16px;
-webkit-box-flex:1;
flex:1;
}

.cmn-tip-agt .cmn-tip-agt-header-hdg > span{
display:block;
font-weight:normal;
font-size:12px;
}

/* .cmn-tip-agt-header-inquiry
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-header-inquiry{
padding:3px 4px 2px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
line-height:1.2;
text-align:center;
font-size:12px;
text-decoration:none;
}

.cmn-tip-agt .cmn-tip-agt-header-inquiry > span{
display:block;
}

/* .cmn-tip-agt-hdg
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-hdg{
margin:12px 0 4px;
font-size:12px;
}

/* .cmn-tip-agt-list-separate
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-list-separate{
margin-top:12px;
line-height:1.25;
font-size:12px;
}

.cmn-tip-agt .cmn-tip-agt-list-separate > li{
margin-top:8px;
display:-webkit-flex;
display:flex;
}

.cmn-tip-agt .cmn-tip-agt-list-separate > li > div:first-child{
padding-right:1em;
width:6em;
position:relative;
}

.cmn-tip-agt .cmn-tip-agt-list-separate > li > div:first-child::before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.cmn-tip-agt .cmn-tip-agt-list-separate > li > div:last-child{
padding-right:0;
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.cmn-tip-agt .cmn-tip-agt-list-separate span[role=button]{
vertical-align:text-top;
}

/* .cmn-tip-agt-list-separate-url
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-list-separate-url{
margin-bottom:4px;
display:-webkit-box;
display:flex;
text-decoration:none;
font-family:Arial;
}

.cmn-tip-agt .cmn-tip-agt-list-separate-url > a{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-decoration:none;
}

.cmn-tip-agt .cmn-tip-agt-list-separate-url + span{
margin-top:4px;
display:block;
}

/* .cmn-tip-agt-list-bullet
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-list-bullet{
margin-top:-12px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

.cmn-tip-agt .cmn-tip-agt-list-bullet > li{
margin-top:12px;
padding-left:9px;
position:relative;
box-sizing:border-box;
}

.cmn-tip-agt .cmn-tip-agt-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:8px;
left:0;
background-color:var(--cmn-font-color-base);
}

.cmn-tip-agt .cmn-tip-agt-list-bullet ul{
margin-top:4px;
}

/* .cmn-tip-agt-link
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-link{
margin:5px 0 0 auto;
padding-left:10px;
color:var(--cmn-font-color-base) !important;
position: relative;
display:table;
font-size:12px;
}

.cmn-tip-agt .cmn-tip-agt-link:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .cmn-tip-agt-note
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-note{
margin:10px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.cmn-tip-agt .cmn-tip-agt-note > li{
padding-left:1em;
text-indent:-1em;
}

.cmn-tip-agt .cmn-tip-agt-note > li:not(:first-child){
margin-top:3px;
}

/* .cmn-tip-agt-icon-blank
----------------------------------------------- */
.cmn-tip-agt .cmn-tip-agt-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}


/* ----------------------------------------------------------------
Common SEO Carousel
----------------------------------------------------------------- */
/* .cmn-carousel-seo
----------------------------------------------- */
.cmn-carousel-seo{
margin:30px 0;
}

.cmn-carousel-seo .cmn-carousel-seo-hdg{
margin-bottom:20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
}

.cmn-carousel-seo .cmn-carousel-seo-inner{
padding:0 40px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
}

.cmn-carousel-seo .cmn-carousel-seo-nav-next,
.cmn-carousel-seo .cmn-carousel-seo-nav-prev{
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
}

.cmn-carousel-seo .cmn-carousel-seo-nav-prev{
right:auto;
left:0;
}

.cmn-carousel-seo .cmn-carousel-seo-nav button{
padding:0;
border:none;
color:rgba(0,0,0,0) !important;
width:30px;
height:100%;
overflow:hidden;
background-color:#888;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.cmn-carousel-seo .cmn-carousel-seo-nav button[disabled]{
cursor:default;
background-color:#dcdcdc;
}

.cmn-carousel-seo .cmn-carousel-seo-nav button:before{
margin-top:-8px;
content:'';
display:block;
position:absolute;
top:50%;
right:11px;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.cmn-carousel-seo .cmn-carousel-seo-nav-prev button:before{
right:auto;
left:11px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

.cmn-carousel-seo .cmn-carousel-seo-item{
overflow:hidden;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list > li{
width:154px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list > li:not(:last-child){
margin-right:9px;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list > li > a{
width:100%;
color:#666 !important;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list-thumb{
margin-bottom:8px;
height:120px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#f5f5f5;
overflow:hidden;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list-thumb img{
max-width:154px;
max-height:100%;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list-wording{
margin-bottom:8px;
}

.cmn-carousel-seo .cmn-carousel-seo-item-list-sup{
margin-top:auto;
color:var(--cmn-font-color-gray);
line-height:1;
font-size:11px;
}

/* .cmn-carousel-seo-less
----------------------------------------------- */
.cmn-carousel-seo-less .cmn-carousel-seo-inner{
padding:0;
}

.cmn-carousel-seo-less .cmn-carousel-seo-nav{
display:none;
}


/* ----------------------------------------------------------------
Common SEO Spot
----------------------------------------------------------------- */
/* .cmn-seo-link
----------------------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg-container{
margin:30px 0 20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
}

.cmn-seo-link .cmn-seo-link-hdg-container > .cmn-seo-link-hdg{
display:inline-block;
margin:0 10px 0 0;
padding:0;
border:none;
line-height:1.25;
font-size:14px;
font-weight:bold;
}

.cmn-seo-link .cmn-seo-link-hdg-container > .cmn-seo-link-hdg-sub{
display:inline-block;
font-size:11px;
color:#666;
}

.cmn-seo-link .cmn-seo-link-list{
margin-top:-10px;
line-height:1.25;
}

.cmn-seo-link .cmn-seo-link-list > li {
margin:10px 7px 0 0;
display:inline-block;
padding-right:10px;
border-right:1px solid #d9d9d9;
font-size:12px;
}
.cmn-seo-link .cmn-seo-link-list > li > a{
color:#666;
}


/* ----------------------------------------------------------------
Common Sub Column Panel
----------------------------------------------------------------- */
.cmn-sub-col-panel{
margin-bottom:40px;
font-size:13px;
}

.cmn-sub-col-panel p,
.cmn-sub-col-panel ul,
.cmn-sub-col-panel ol{
margin-top:5px;
}

/* .cmn-sub-col-panel-hdg-container
------------------------------------------------ */
.cmn-sub-col-panel .cmn-sub-col-panel-hdg-container{
margin-bottom:10px;
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-sub-col-panel-hdg-sup
------------------------------------------------ */
.cmn-sub-col-panel .cmn-sub-col-panel-hdg-sup{
font-size:11px;
}


/* ----------------------------------------------------------------
Common Sub Column Carousel
----------------------------------------------------------------- */
/* .cmn-sub-col-carousel
------------------------------------------------ */
.cmn-sub-col-carousel{
margin-bottom:40px;
padding:12px;
border:3px solid #ddd;
font-size:11px;
line-height:1.55;
}

.cmn-sub-col-carousel strong{
color:#af8312;
font-weight:normal;
}

/* .cmn-sub-col-carousel-hdg
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-hdg{
margin-bottom:5px;
font-size:15px;
}

/* .cmn-sub-col-carousel-hdg-01
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-hdg-01{
margin:10px 0 -3px;
font-size:12px;
font-weight:normal;
}

/* .cmn-sub-col-carousel-list
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-list{
margin-top:10px;
overflow:hidden;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-list > ul{
width:2900px;
overflow:hidden;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-list > ul > li{
float:left;
width:180px;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-list > ul > li > a{
display:block;
width:180px;
height:110px;
position:relative;
background-color:#f5f5f5;
}

/* .cmn-sub-col-carousel-list-info
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-list-info{
padding:7px 10px 5px;
color:#fff;
line-height:1.35;
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
background-color:rgba(0,0,0,.7);
}

/* .cmn-sub-col-carousel-list-image
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-list-image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:180px;
height:110px;
}
.cmn-sub-col-carousel .cmn-sub-col-carousel-list-image img{
width:100%;
height:100%;
vertical-align:bottom;
object-fit:cover;
}

/* .cmn-sub-col-carousel-dots
------------------------------------------------ */
.cmn-sub-col-carousel .cmn-sub-col-carousel-dots{
margin-top:10px;
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-dots > li{
margin:0 3px;
width:6px;
height:6px;
background-color:transparent;
opacity:1;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-dots a{
color:rgba(0, 0, 0, 0);
display:block;
width:6px;
height:6px;
border-radius:3px;
background-color:#ccc;
}

.cmn-sub-col-carousel .cmn-sub-col-carousel-dots > .cmn-sub-col-carousel-dots-active a{
background-color:#666;
}


/* ----------------------------------------------------------------
Common Blog Appeal
----------------------------------------------------------------- */
/* .cmn-cheapest-appeal
------------------------------------------------ */
.cmn-cheapest-appeal{
margin-bottom:40px;
font-size:13px;
}

/* .cmn-cheapest-appeal-hdg-container
------------------------------------------------ */
.cmn-cheapest-appeal .cmn-cheapest-appeal-hdg{
margin-bottom:10px;
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-cheapest-appeal-hdg-sup
------------------------------------------------ */
.cmn-cheapest-appeal .cmn-cheapest-appeal-sup{
margin:3px 0 8px;
font-size:11px;
line-height:1.35;
}

/* .cmn-cheapest-appeal-list
------------------------------------------------ */
.cmn-cheapest-appeal .cmn-cheapest-appeal-list{
margin:5px 0 10px;
border-top:1px dotted #ccc;
font-size:12px;
}
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a{
padding:5px 0;
border-bottom:1px dotted #ccc;
display:block;
overflow:hidden;
}
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a:active,
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a:hover,
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a:focus{
background-color:#f7f7f7;
}
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a > span{
display:block;
float:right;
width:50%;
text-align:right;
}
.cmn-cheapest-appeal .cmn-cheapest-appeal-list > li > a > span:first-child{
color:var(--cmn-font-color-base);
float:left;
text-align:left;
}

/* .cmn-cheapest-appeal-list-more
------------------------------------------------ */
.cmn-cheapest-appeal .cmn-cheapest-appeal-list-more > li > a{
padding-left:12px;
color:#666;
display:inline-block;
position:relative;
}

.cmn-cheapest-appeal .cmn-cheapest-appeal-list-more > li > a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}



/* ----------------------------------------------------------------
Common Blog Appeal
----------------------------------------------------------------- */
/* .cmn-blog-appeal
------------------------------------------------ */
.cmn-blog-appeal{
margin-bottom:40px;
font-size:13px;
}

/* .cmn-blog-appeal-hdg-container
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-hdg-container{
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-blog-appeal-hdg-sup
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-hdg-sup{
font-size:11px;
}

/* .cmn-blog-appeal-list
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-list{
margin-bottom:10px;
}

.cmn-blog-appeal .cmn-blog-appeal-list > li{
padding:10px 0 10px 65px;
border-bottom:1px dotted #ccc;
position:relative;
font-size:12px;
}

.cmn-blog-appeal .cmn-blog-appeal-list > li > a{
color:var(--cmn-font-color-base);
}

.cmn-blog-appeal .cmn-blog-appeal-list [class^="cmn-blog-appeal-thumb"]{
border:1px solid #ccc;
display:block;
position:absolute;
top:12px;
left:0;
width:55px;
height:55px;
overflow:hidden;
box-sizing:border-box;
background-color:#fff;
}

.cmn-blog-appeal .cmn-blog-appeal-list [class^="cmn-blog-appeal-thumb"] > img{
width:100%;
height:100%;
object-fit:cover;
}

.cmn-blog-appeal .cmn-blog-appeal-list .cmn-blog-appeal-thumb-nophoto > img{
width:59px;
height:59px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

/* .cmn-blog-appeal-info
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-info{
margin-top:5px;
line-height:1.35;
font-size:11px;
}

.cmn-blog-appeal .cmn-blog-appeal-info > li{
margin-top:2px;
overflow:hidden;
}

.cmn-blog-appeal .cmn-blog-appeal-info > li > div:first-child{
float:left;
width:4em;
box-sizing:border-box;
}

.cmn-blog-appeal .cmn-blog-appeal-info > li > div:first-child:after{
content:'\ff1a';
display:inline-block;
}

.cmn-blog-appeal .cmn-blog-appeal-info > li > div:not(:first-child){
overflow:hidden;
}

.cmn-blog-appeal .cmn-blog-appeal-info > li a{
color:#666;
}

/* .cmn-blog-appeal-list-more
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-list-more > li > a{
padding-left:12px;
color:#666;
display:inline-block;
position:relative;
}
.cmn-blog-appeal .cmn-blog-appeal-list-more > li > a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .cmn-blog-appeal-icon
------------------------------------------------ */
.cmn-blog-appeal .cmn-blog-appeal-icon{
margin:-2px 0 0 3px;
color:#af8312;
display:inline-block;
font-size:11px;
font-family:Arial;
font-weight:bold;
vertical-align:middle;
}


/* ----------------------------------------------------------------
Common App Appeal
----------------------------------------------------------------- */
/* .cmn-app-appeal
------------------------------------------------ */
.cmn-app-appeal{
margin-bottom:40px;
font-size:13px;
}

/* .cmn-app-appeal-hdg
------------------------------------------------ */
.cmn-app-appeal .cmn-app-appeal-hdg{
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-app-appeal-icon
------------------------------------------------ */
.cmn-app-appeal .cmn-app-appeal-icon{
margin-left:3px;
padding:2px 8px 1px;
color:#fff;
display:inline-block;
background-color:#bc9013;
font-size:11px;
font-weight:normal;
vertical-align:middle;
}

/* .cmn-app-appeal-list
------------------------------------------------ */
.cmn-app-appeal .cmn-app-appeal-list > li{
padding:10px 0;
border-bottom:1px dotted #ccc;
font-size:12px;
font-weight:bold;
}

/* .cmn-app-appeal-image
------------------------------------------------ */
.cmn-app-appeal .cmn-app-appeal-image{
margin-top:3px;
}

.cmn-app-appeal .cmn-app-appeal-image img{
margin-right:10px;
display:inline-block;
vertical-align:middle;
}


/* ----------------------------------------------------------------
Common Agt Appeal
----------------------------------------------------------------- */
/* .cmn-agt-appeal
------------------------------------------------ */
.cmn-agt-appeal{
margin-bottom:40px;
font-size:13px;
}

/* .cmn-agt-appeal-hdg
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-hdg{
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-agt-appeal-list
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-list > li{
padding:10px 0 10px 75px;
border-bottom:1px dotted #ccc;
position:relative;
font-size:12px;
}

.cmn-agt-appeal .cmn-agt-appeal-list > li:last-child{
padding-bottom:0;
border-bottom:none;
}

/* .cmn-agt-appeal-list-logo
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-list-logo{
border:1px solid #e1e1e1;
box-sizing:border-box;
display:block;
position:absolute;
top:10px;
left:0;
width:65px;
height:25px;
overflow:hidden;
}

.cmn-agt-appeal .cmn-agt-appeal-list-logo > img{
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
max-width:100%;
max-height:100%;
}

/* .cmn-agt-appeal-link-list
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-link-list{
font-size:11px;
}

.cmn-agt-appeal .cmn-agt-appeal-link-list > li{
margin-right:5px;
display:inline-block;
}

.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a{
padding:1px 5px;
border:1px solid #ccc;
border-radius:2px;
color:#666;
display:block;
box-sizing:border-box;
background-color:#fff;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}

.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:active,
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:hover,
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:focus{
background-color:#f7f7f7;
text-decoration:none;
}

/* .cmn-agt-appeal-link-list-01
------------------------------------------------ */
.cmn-agt-appeal-link-list-01{
margin-top:8px;
font-size:12px;
line-height:1.35;
}

.cmn-agt-appeal-link-list-01 > li{
margin-top:3px;
}



/* ----------------------------------------------------------------
Common Questionnaire
----------------------------------------------------------------- */
/* .cmn-questionnaire
------------------------------------------------ */
.cmn-questionnaire{
padding:16px 10px 10px;
box-sizing:border-box;
width:390px;
position:fixed;
right:-390px;
bottom:20px;
z-index:1100;
font-size:12px;
background-color:#555;
}

.cmn-questionnaire textarea{
margin-top:8px;
padding:8px;
border-color:#ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
width:100%;
height:70px;
box-sizing:border-box;
resize:none;
font-size:12px;
}

/* .cmn-questionnaire-inner
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-inner{
padding:10px;
box-sizing:border-box;
min-height:150px;
background-color:#fff;
}

/* .cmn-questionnaire-hdg
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-hdg{
margin:0 40px 12px 10px;
color:#fff;
line-height:1;
font-size:15px;
}

/* .cmn-questionnaire-thanks
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-thanks{
margin-top:10px;
}

/* .cmn-questionnaire-note
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-note{
margin:0;
color:var(--cmn-font-color-gray);
font-size:11px;
}

.cmn-questionnaire .cmn-questionnaire-note > li{
margin-top:2px;
padding-left:15px;
position:relative;
}

.cmn-questionnaire .cmn-questionnaire-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .cmn-questionnaire-btn-list
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-btn-list{
padding:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#e5e5e5;
}

.cmn-questionnaire .cmn-questionnaire-btn-list > li:not(:last-child){
margin-right:15px;
}

.cmn-questionnaire .cmn-questionnaire-btn-list button{
padding:5px;
border:none;
border-radius:4px;
width:160px;
min-height:40px;
line-height:1.25;
font-weight:bold;
font-size:20px;
}

.cmn-questionnaire .cmn-questionnaire-btn-list button:disabled{
opacity:.4;
cursor:default;
}

.cmn-questionnaire .cmn-questionnaire-btn-list .cmn-questionnaire-btn-list-cv{
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
background-color:var(--cmn-btn-color);
text-shadow:1px 1px 1px rgba(0,0,0,.4);
}

.cmn-questionnaire .cmn-questionnaire-btn-list .cmn-questionnaire-btn-list-cancel{
border:1px solid #ccc;
color:#666;
box-shadow:0 -2px 0 rgba(0,0,0,.2) inset;
background-color:#fff;
font-size:17px;
}

/* .cmn-questionnaire-close
------------------------------------------------ */
.cmn-questionnaire .cmn-questionnaire-close{
margin:0;
padding:0;
border:none;
display:block;
overflow:hidden;
width:16px;
height:16px;
position:absolute;
top:13px;
right:20px;
text-indent:-9999px;
background:url(/element_sp/shared/images/modal/btn-close.svg) 50% 50% no-repeat;
}


/* ----------------------------------------------------------------
  google_conversion_frame
----------------------------------------------------------------- */
iframe[name="google_conversion_frame"]{
position: absolute; top: 0;
}


/* ----------------------------------------------------------------
  Facebook insert code
----------------------------------------------------------------- */
.pub_300x250,
.pub_300x250m,
.pub_728x90{
display:none !important;
}








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

  Old Dedign Modules  !!!! Do not use !!!!

----------------------------------------------------------------- */
.clear{
height:1px;
clear:both;
font-size:1px;
}
.clearfix:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.display_Block{
display:block;
}
.display_None{
display:none;
}
.wrap_Break{
word-wrap:break-word;
}
#prsuperLow_Area{
text-align:center;
padding-top:50px;
clear:both;
}
#prsuperLow_Area div{
margin:auto;
}
.heading01_a001,
.heading01_b001,
.heading01_c001,
.heading01_d001,
.heading01_e001{
padding:0 0 0 20px;
height:30px;
line-height:30px;
font-size:120%;
background-repeat:no-repeat;
}
.heading01_a001{ background-image:url(/element/shared/images/heading/heading_tx01_a001.gif);}
.heading01_b001{ background-image:url(/element/shared/images/heading/heading_tx01_b001.gif);}
.heading01_c001{ background-image:url(/element/shared/images/heading/heading_tx01_c001.gif);}
.heading01_d001{ background-image:url(/element/shared/images/heading/heading_tx01_d001.gif);}
.heading01_e001{ background-image:url(/element/shared/images/heading/heading_tx01_e001.gif);}
.heading02_j001{
padding:0 0 0 32px;
width:698px;
height:30px;
line-height:30px;
font-size:120%;
color:#444;
background:url(/element/shared/images/heading/heading_tx02_j001.gif) no-repeat left top;
}
div.gototop{
clear:both;
padding:10px 0 20px 0;
text-align:right;
}
div.gototop:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#one_column div.gototop{
width:960px;
}
#two_column_left div.gototop{
width:760px;
}
#two_column_right div.gototop{
width:730px;
}
#three_column div.gototop{
width:530px;
}
div.gototop a{
display:inline;
float:right;
}
div.gototop a.goBack{
float:left;
padding:0 0 0 14px;
background:url(/element/shared/images/burette/ar05_f002.gif) no-repeat left center;
}
div.lastModified{
clear:both;
text-align:right;
margin:0 0 5px 0;
}
div#add_Col div.lastModified{
clear:both;
text-align:right;
margin:5px 0 0 0;
}
.table_base{
border-collapse:collapse;
border-top:solid 1px #bdbdbd;
border-left:solid 1px #bdbdbd;
}
.table_base th,
.table_base td{
padding:5px;
border-right:solid 1px #bdbdbd;
border-bottom:solid 1px #bdbdbd;
line-height:1.3;
}
.table_base th{
background-color:#f0f0f0;
}
#main_Col div.table01_w001{
overflow:hidden;
}
#main_Col div.table01_w001 .table_base{
margin:0 0 0 -1px;
}
#main_Col div.table01_w001 .table_base,
#main_Col div.table01_w001 .table_base th,
#main_Col div.table01_w001 .table_base td{
border-color:#c4c4c4;
color:#555;
}
#main_Col div.table01_w001 .table_base th{
padding:7px 3px;
line-height:1.1;
text-align:left;
background-color:#fafafa;
}
#main_Col div.table01_w001 .table_base td{
padding:7px 10px;
}
#one_column .table01_w001{
width:960px;
}
#one_column .table01_w001 .table_base{
width:962px;
}
#two_column_left .table01_w001{
width:760px;
}
#two_column_left .table01_w001 .table_base{
width:762px;
}
#two_column_right .table01_w001{
width:730px;
}
#two_column_right .table01_w001 .table_base{
width:732px;
}
#three_column .table01_w001{
width:530px;
}
#three_column .table01_w001 .table_base{
width:532px;
}
#header_column{
position:relative;
}
#adBanner_Area{
position:absolute;
left:0;
width:100%;
top:0;
}
#adBanner_AreaL{
position:absolute;
left:-180px;
top:5px;
}
#RRSleeve_AreaR,
#RRSleeve_AreaR-other{
position:absolute;
right:0;
top:0;
}
.rightBnr #RRSleeve_AreaR,
.rightBnr #RRSleeve_AreaR-other{
position:absolute;
right:-180px;
top:5px;
}
#adBanner_AreaL ul li,
#RRSleeve_AreaR ul li,
#RRSleeve_AreaR-other ul li{
margin-bottom:30px;
}
#container.rightBnr #header_column,
#container.rightBnr #two_column_right,
#container.rightBnr #two_column_left,
#container.rightBnr #one_column,
#container.rightBnr #footer_column{
margin:0;
}
#container.adBnr{
width:960px;
}
#container.adBnr #header_column,
#container.adBnr #two_column_right,
#container.adBnr #two_column_left,
#container.adBnr #footer_column{
margin:0;
}
div.qtipHelp_Area .qtip-content hr{
margin-top:5px;
height:0;
border:0;
border-bottom:solid 1px #D6D6D6;
}
.btn-favoritelist{
border-radius:3px/2px;
background-color:#fff;
box-shadow:inset 0 -2px rgba(0,0,0,.1);
border:solid 1px #ccc;
display:inline-block;
line-height:1.2;
padding:2px 2px 3px 0;
background-size:349px 90px;
font-family:var(--cmn-font-family);
}
.btn-favoritelist:hover{
background-color:#f1f1f1;
}
.btn-favoritelist span{
position:relative;
font-size:10px;
display:block;
padding-left:21px;
color:var(--cmn-font-color-base);
letter-spacing:-.05em;
text-decoration:none;
}
.btn-favoritelist.active span:before{
content:'';
position:absolute;
top:50%;
left:2px;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) no-repeat;
display:block;
width:18px;
height:18px;
margin-top:-9px;
background-position:-269px -8px;
}
.btn-favoritelist span:before{
content:'';
position:absolute;
top:50%;
left:2px;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) no-repeat;
display:block;
width:18px;
height:18px;
margin-top:-9px;
background-position:-269px -44px;
}
#container #two_column_right .btn-favoritelist a:hover{
text-decoration:none;
}
#container #list_Col .item_Area .tourTitle_Box .clip_Img .clip_add a{
display:inherit !important;
padding:0 !important;
width:inherit !important;
height:inherit !important;
overflow:inherit !important;
background:none !important;
}
.Act_pc_to_sp_link{
margin-bottom:5px;
display:block;
}
.Act_pc_to_sp_link img{
vertical-align:bottom;
}
#container .submitAtt_Area{
padding:9px 13px 5px 13px;
line-height:1.2;
background-color:#f4f4f4;
border:none;
padding-right:18px;
}
#container .submitAtt_Area p{
font-size:100%;
padding-bottom:0;
}
#container .submitAtt_Area li{
list-style-type:none;
line-height:1.4;
padding-bottom:5px;
}
#container .submitAtt_Area .mail-info-list li{
text-indent:-1em;
padding-left:1em;
}
#container .submitAtt_Area .mail-info-list li b{
display:block;
}
#container .submitAtt_Area .mail-info-list li b.ico{
display:block;
padding:0 0 0 20px;
margin-left:-15px;
line-height:17px;
background:url(/element/shared/images/icon/attention_ic02_003.gif) no-repeat left top;
text-indent:0;
font-size:14px;
margin-bottom:4px;
}
#container .submitAtt_Area .domain-info{
padding:8px;
background:#eee;
border:1px solid #ccc;
box-sizing:border-box;
display:block;
padding-right:16px;
}
#container .submitAtt_Area .domain-info br + b{
margin-top:12px;
}
#container .submitAtt_Area .domain-info b{
text-indent:0;
padding-left:0;
}
#container .submitAtt_Area .other-mail-info{
padding-left:1em;
}
#container .submitAtt_Area .under-info{
border-top:1px dotted #ccc;
padding-top:8px;
margin-top:5px;
text-indent:0;
padding-left:0;
margin-left:-.7em;
margin-right:-.7em;
font-size:12px;
color:#555;
}