@charset "utf-8";

/* 
############################################################
複数のページにまたがる、共通したパーツ(抜き出して配置できるパーツ)用のページ
【読み込み範囲】全ファイル
############################################################
*/
/* = mod-modalOverlay
----------------------------------------------- */
.mod-modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    background-color: #000;
    opacity: .8;
    
    display: none;
}
.mod-modalOverlay.show {
    display: block;
}

.mod-modalFirstTimeOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    background-color: #000;
    opacity: .4;

    display: none;
}

.mod-modalFirstTimeOverlay.show {
    display: block;
}


/* = mod-modalClipList
----------------------------------------------- */
.mod-modalClipList {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 840px;
    margin-left: -420px;
    z-index: 60;
    
    margin-top: -340px;
    display: none;
}
.mod-modalClipList .closeLine {
    position: relative;
}
.mod-modalClipList .closeLine .modalClose {
    position: absolute;
    top: -44px;
    right: 0;
}
.mod-modalClipList .modalTitleLine {
    display: table;
    background-color: #ed6103;
    color: #fff;
    width: 100%;
}
.mod-modalClipList .modalTitleLine .modalClipTitle {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    padding-left: 20px;
    font-size: 138.5%; /*18px*/
    font-weight: bold;
}
.mod-modalClipList .modalTitleLine .modalClipTitle span {
    vertical-align: middle;
}
.mod-modalClipList .modalTitleLine .modalClipTitle .icon {
    margin-right: 10px;
}
.mod-modalClipList .modalTitleLine .numberCell {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-right: 20px;
    text-align: right;
}
.mod-modalClipList .modalTitleLine .numberCell .number {
    font-weight: bold; 
}
.mod-modalClipList .modalContents {
    height: 465px;
    background-color: #fff;
    overflow-y: auto;
}
.mod-modalClipList .modalContents .modalContentsInner {
    overflow: hidden;
    width: 100%;
}
.mod-modalClipList .modalContents .clipItemList {
    width: 825px;
}
.mod-modalClipList .modalContents .clipItemList .modInner {
    margin-right: -15px;
    padding-left: 30px;
    padding-bottom: 30px;
}
.mod-modalClipList .deleteClipAll {
    text-align: right;
    margin-top: 15px;
    font-size: 84.6%; /*11px*/
}
.mod-modalClipList .deleteClipAll a {
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}
.mod-modalClipList .deleteClipAll a:hover {
    text-decoration: underline;
}
.mod-modalClipList .deleteClipAll span {
    vertical-align: middle;
}
.mod-modalClipList .deleteClipAll .icon {
    margin-right: 9px;
}
.mod-modalClipList .buttonClipSearch.sizeL {
    margin: 20px auto 0;
    width: 440px;
}

/* = mod-modalImageList
----------------------------------------------- */
.mod-modalImageList {
    position: fixed;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -320px;
    z-index: 60;
    
    display: none;
}
.mod-modalImageList .closeLine {
    width: 672px;
    margin: 0 auto;
    position: relative;
}
.mod-modalImageList .closeLine .modalClose {
    position: absolute;
    top: -44px;
    right: 0;
}
.mod-modalImageList .slide {
    width: 100%;
    position: relative;
    padding-top: 95px;
}
.mod-modalImageList .slide .wrapText {
    position: absolute;
    left: 50%;
    margin-left: -336px;
    bottom: 448px;
    width: 672px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    min-height: 95px;
}
/* for ie8 */
.ie8 .mod-modalImageList .slide .wrapText {
    background-color: #000;
}
.mod-modalImageList .slide .wrapText .textInner {
    padding: 13px 15px;
}
.mod-modalImageList .slide .wrapText .wrapImageTitle .label {
    float: left;
    width: 64px;
    margin-right: 10px;
}
.mod-modalImageList .slide .wrapText .wrapImageTitle .itemTitle {
    overflow: hidden;
    line-height: 1.5;
}
.mod-modalImageList .slide .wrapText .wrapImageTitle .itemTitle a {
    color: #fff;
    text-decoration: none;
}
.mod-modalImageList .slide .wrapText .wrapImageTitle .itemTitle a:hover {
    text-decoration: underline;
}
.mod-modalImageList .slide .wrapText .itemDescription {
    margin-top: 9px;
    line-height: 1.5;
}
.mod-modalImageList .slide .wrapText .itemDescription dt,
.mod-modalImageList .slide .wrapText .itemDescription dd {
    display: inline-block;
}
.mod-modalImageList .slide .wrapText .itemDescription dt {
    font-size: 84.6%; /*11px*/
    margin-right: 5px;
}
.mod-modalImageList .slide .wrapText .itemDescription .cost,
.mod-modalImageList .slide .wrapText .itemDescription .space {
    padding-right: 15px;
    border-right: 1px solid #fff;
    margin-right: 15px;
}
.mod-modalImageList .slide .wrapText .itemDescription .cost .note {
    font-size: 69.2%; /*9px*/
}
.mod-modalImageList .slide .wrapText .itemCompany {
    font-size: 84.6%; /*11px*/
    margin-top: 9px;
    color: #fff;
    line-height: 1.3;
}
.mod-modalImageList .slide .wrapText .itemCompany dt {
    display: inline-block;
    margin-right: 12px;
}
.mod-modalImageList .slide .wrapText .itemCompany dd {
    display: inline-block;
}
.mod-modalImageList .slide .wrapText .itemCompany dd a {
    color: #fff;
    text-decoration: none;
}
.mod-modalImageList .slide .wrapText .itemCompany dd a:hover {
    text-decoration: underline;
}
.mod-modalImageList .slide .wrapText .itemCompany dd a .icon {
    margin-left: 5px;
}
.mod-modalImageList .slide .slider {
    width: 9999px;
    position: relative;
}
.mod-modalImageList .slider .item {
    float: left;
    margin-right: 105px;
    width: 672px;
    display: table;
    table-layout: fixed;
}
.mod-modalImageList .slider .item .wrapImage {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 448px;
    background-color: #000;
    vertical-align: middle;
    text-align: center;
}
.mod-modalImageList .slider .item .wrapImage p {
    display: inline;
}
.mod-modalImageList .slider .item .wrapImage img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.mod-modalImageList .slide .description {
    position: absolute;
    left: 50%;
    margin-left: -336px;
    bottom: 0;
    width: 672px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}
/* for ie8 */
.ie8 .mod-modalImageList .slide .description {
    background-color: #000;
}
.mod-modalImageList .slide .description .textInner {
    padding: 14px 15px 13px 15px;
}
.mod-modalImageList .slide .description .textInner .text {
    font-size: 84.6%; /*11px*/
    line-height: 1.6;
    margin-right: 15px;
    display: inline;
}
.mod-modalImageList .slide .description .textInner .linkArrow {
    display: inline;
    font-size: 84.6%; /*11px*/
    white-space: nowrap;
}
.mod-modalImageList .slide .description .textInner .linkArrow a {
    color: #fff;
    text-decoration: none;
}
.mod-modalImageList .slide .description .textInner .linkArrow a:hover {
    text-decoration: underline;
}
.mod-modalImageList .slide .description .textInner .linkArrow .icon {
    margin-left: 5px;
    vertical-align: middle;
}

.mod-modalImageList .slide .buttonNext,
.mod-modalImageList .slide .buttonPrev {
    position: absolute;
    left: 50%;
    top: 95px;
    width: 105px;
    height: 448px;
    cursor: pointer;
}
.mod-modalImageList .slide .buttonNext {
    margin-left: 336px;
}
.mod-modalImageList .slide .buttonPrev {
    margin-left: -441px;
}
.mod-modalImageList .slide .buttonNext .icon,
.mod-modalImageList .slide .buttonPrev .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -10px;
    z-index: 60;
}
.mod-modalImageList .slide .thumbnailList {
    position: absolute;
    left: 50%;
    bottom: -97px;
    margin-left: -336px;
    height: 97px;
    width: 672px;
    overflow: hidden;
}
.mod-modalImageList .slide .thumbnailList ul {
    margin-right: -10px;
}
.mod-modalImageList .slide .thumbnailList li {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    display: table;
    width: 58px;
    table-layout: fixed;
}
.mod-modalImageList .slide .thumbnailList li span {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 39px;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}
.mod-modalImageList .slide .thumbnailList li span img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.mod-modalImageList .slide .thumbnailList li span:hover img {
    opacity: .8;
}
.mod-modalImageList .slide .thumbnailList li span.select {
    cursor: default;
}
.mod-modalImageList .slide .thumbnailList li span.select:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 39px;
    box-sizing: border-box;
    border: 4px solid #ed6103;
}
.mod-modalImageList .wrapButton {
    position: absolute;
    left: 50%;
    bottom: -140px;
    margin-left: -336px;
    width: 672px;
}
.mod-modalImageList .wrapButton .button {
    margin-right: auto;
    margin-left: auto;
    width: 480px;
}
.mod-modalImageList .wrapButton .button .uiInner {
    cursor: pointer;
    padding-top: 4px;
}

/* clearFix */
.mod-modalImageList .slide:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.ie .mod-modalImageList .slide {
    zoom: 1;
}


/* = mod-modalSlideImage
----------------------------------------------- */
.mod-modalSlideImage {
    position: fixed;
    left: 50%;
    width: 840px;
    margin: 0 auto;
    top: 50%;
    margin-top: -280px;
    z-index: 60;
    margin-left: -420px;
    
    display: none;
}
.mod-modalSlideImage .closeLine {
    width: 840px;
    margin: 0 auto;
    position: relative;
}
.mod-modalSlideImage .closeLine .modalClose {
    position: absolute;
    top: -44px;
    right: 0;
}
.mod-modalSlideImage .item .wrapImage {
    display: table;
    width: 840px;
    height: 560px;
    table-layout: fixed;
}
.mod-modalSlideImage .item .wrapImage p {
    display: table-cell;
    width: 840px;
    height: 560px;
    text-align: center;
    vertical-align: middle;
    background-color: #000;
}
.mod-modalSlideImage .item .wrapImage p img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* = mod-modalPrefOverlay
----------------------------------------------- */
.mod-modalPrefOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    background-color: #000;
    opacity: .8;
    
    display: none;
}


/* = .mod-modalCardPref
----------------------------------------------- */
.mod-modalCardPref {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -274px;
    z-index: 99;
    
    display: none;
}
.mod-modalCardPref .modalSelectPref {
    position: relative
}
.mod-modalCardPref .searchListMap {
    position: relative;
    width: 600px;
    padding: 30px 0 20px;
    letter-spacing: .1em
}
.mod-modalCardPref .searchListMap .searchTitle {
    margin: 0 50px 20px;
    padding-left: 30px;
    background-image: url(/renovation/assets/default/img/common/icon/heading_modal_map.png);
    background-repeat: no-repeat;
    color: #000
}
.mod-modalCardPref .searchListMap .searchTitle span {
    font-size: 138.461%
}
.mod-modalCardPref .searchListMap .searchTitle span.category,
.mod-modalCardPref .searchListMap .searchTitle span.way {
    font-size: 200%
}
.mod-modalCardPref .searchListMap .searchTitle span.category {
    color: #ed6103
}
.mod-modalCardPref .searchListMap .modalNavigation .closeBtn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    background-image: url(/renovation/assets/default/img/common/icon/img_modalNavigation_close.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}
.mod-modalCardPref .searchListMap .modalContents:after {
    content: "";
    clear: both;
    display: block
}
.mod-modalCardPref .searchListMap .nationalLink {
    text-align: right;
    padding-top: 20px;
    padding-right: 30px;
}
.mod-modalCardPref .searchListMap .nationalLink a {
    color: #111;
    text-decoration: none;
}
.mod-modalCardPref .searchListMap .nationalLink a:hover {
    color: #ed4b03;
}
.mod-modalCardPref .searchListMap .nationalLink a .icon {
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.mod-modalCardPref .modalSelectPref .selectTitle {
    margin: 0 50px;
    padding-bottom: 10px;
    color: #ed6103;
    font-size: 153.846%
}
.mod-modalCardPref .modalSelectPref .selectBox {
    padding: 0 50px 30px;
    border-radius: 0 0 5px 5px;
    background-color: #f2f8f8
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion {
    position: relative;
    width: 500px;
    height: 380px;
    background: url(/renovation/assets/default/img/common/bg/bg_sprite_modal_map.png) no-repeat 0 0;
    overflow: hidden
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.hokkaido {
    background-position: 0 -380px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.aomori {
    background-position: 0 -760px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.iwate {
    background-position: 0 -1140px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.miyagi {
    background-position: 0 -1520px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.akita {
    background-position: 0 -1900px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.yamagata {
    background-position: 0 -2280px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.fukushima {
    background-position: 0 -2660px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.tokyo {
    background-position: 0 -3040px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kanagawa {
    background-position: 0 -3420px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.saitama {
    background-position: 0 -3800px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.chiba {
    background-position: 0 -4180px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.ibaraki {
    background-position: 0 -4560px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.tochigi {
    background-position: 0 -4940px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.gunma {
    background-position: 0 -5320px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.niigata {
    background-position: 0 -5700px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.toyama {
    background-position: 0 -6080px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.ishikawa {
    background-position: 0 -6460px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.fukui {
    background-position: 0 -6840px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.yamanashi {
    background-position: 0 -7220px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.nagano {
    background-position: 0 -7600px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.aichi {
    background-position: 0 -7980px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.gifu {
    background-position: 0 -8360px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.shizuoka {
    background-position: 0 -8740px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.mie {
    background-position: 0 -9120px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.osaka {
    background-position: 0 -9500px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.shiga {
    background-position: 0 -9880px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kyoto {
    background-position: 0 -10260px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.hyogo {
    background-position: 0 -10640px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.nara {
    background-position: 0 -11020px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.wakayama {
    background-position: 0 -11400px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.tottori {
    background-position: 0 -11780px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.shimane {
    background-position: 0 -12160px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.okayama {
    background-position: 0 -12540px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.hiroshima {
    background-position: 0 -12920px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.yamaguchi {
    background-position: 0 -13300px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.tokushima {
    background-position: 0 -13680px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kagawa {
    background-position: 0 -14060px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.ehime {
    background-position: 0 -14440px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kochi {
    background-position: 0 -14820px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.fukuoka {
    background-position: 0 -15200px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.saga {
    background-position: 0 -15580px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.nagasaki {
    background-position: 0 -15960px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kumamoto {
    background-position: 0 -16340px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.oita {
    background-position: 0 -16720px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.miyazaki {
    background-position: 0 -17100px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.kagoshima {
    background-position: 0 -17480px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion.okinawa {
    background-position: 0 -17860px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.hokkaido {
    position: absolute;
    top: 30px;
    left: 325px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.tohoku {
    position: absolute;
    top: 110px;
    left: 420px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.kanto {
    position: absolute;
    top: 202px;
    left: 345px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.hokuriku {
    position: absolute;
    top: 30px;
    left: 250px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.tokai {
    position: absolute;
    top: 273px;
    left: 235px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.chubu {
    position: absolute;
    top: 54px;
    left: 174px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.chugoku {
    position: absolute;
    top: 78px;
    left: 98px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.shikoku {
    position: absolute;
    top: 273px;
    left: 128px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.kyushu {
    position: absolute;
    top: 201px;
    left: 2px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul.okinawa {
    position: absolute;
    top: 91px;
    left: 2px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul li {
    margin-bottom: 5px
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul li a,
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul li span {
    display: block;
    width: 55px;
    padding: 3px 8px 3px 0;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    background: url(/renovation/assets/default/img/common/icon/icon_sprite_modal_link.png) no-repeat 52px 5px;
    background-color: #fff;
    overflow: hidden;
    letter-spacing: 0;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #000
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul li a:hover {
    position: relative;
    top: 2px;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    background-position: 52px -35px;
    background-color: #eee
}
.mod-modalCardPref .modalSelectPref .selectBox .selectRegion ul li span {
    background-image: none;
    color: #999;
}



/* = .mod-modalFirstTime
----------------------------------------------- */
.mod-modalFirstTime {
    width: 610px;
    background: #fff;
    border-top: 4px solid #ed6103;
    position: fixed;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    padding: 20px;
    z-index: 60;
    text-align: center;
    margin-left: -305px;
    margin-top: -215px;
}
.mod-modalFirstTime .btnClose {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    background: url(/renovation/assets/default/img/common/icon/sprite_icon_images.png) no-repeat -50px -255px;
}
.mod-modalFirstTime .modalTitle {
    color: #ed6103;
    font-size: 200%; /*26px*/
    font-weight: bold;
}
.mod-modalFirstTime .modalTxt {
    line-height: 1.5;
    margin-top: 12px;
}
.mod-modalFirstTime .modalTxt span {
    color: #ed6103;
}
.mod-modalFirstTime .boxWrap {
    margin-top: 20px;
}
.mod-modalFirstTime .boxWrap .item {
    float: left;
    margin-left: 15px;
    width: 180px;
    box-sizing: border-box;
}
.mod-modalFirstTime .boxWrap .item:first-child {
    margin-left: 0;
}
.mod-modalFirstTime .boxWrap .item > a {
    background: #ffe0ca;
    border-radius: 8px;
    padding: 15px 12px 12px;
    display: block;
    color: #111;
    text-decoration: none;
}
.mod-modalFirstTime .boxWrap .item .img > span {
    display: inline-block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 120px;
    background: url(/renovation/assets/default/img/module/modal_first_time/sprite_modal_fiest_time.png) no-repeat left top;
    box-shadow: 2px 2px 2px 0px rgba(6, 0, 1, .1);
}
.mod-modalFirstTime .boxWrap .item .img.img02 > span {
    background-position: 0 -130px;
}
.mod-modalFirstTime .boxWrap .item .img.img03 > span {
    background-position: 0 -260px;
}
.mod-modalFirstTime .boxWrap .item .itemTtl {
    margin-top: 5px;
    font-size: 153.8%; /*20px*/
    font-weight: bold;
}
.mod-modalFirstTime .boxWrap .item .itemTtl span {
    font-size: 120%; /*24px*/
}
.mod-modalFirstTime .boxWrap .item .dsc {
    line-height: 1.5;
    margin-top: 5px;
}
.mod-modalFirstTime .boxWrap .item .link {
    text-align: right;
    margin-top: 5px;
    text-decoration: underline;
}
.mod-modalFirstTime .boxWrap .item .link .icon {
    margin-left: 5px;
}
.mod-modalFirstTime .boxWrap .item .img > span:hover {
    position: relative;
    top: 2px;
    box-shadow: none;
}
.mod-modalFirstTime .boxWrap .item > a:link .link {
    color: #003af6;
}
.mod-modalFirstTime .boxWrap .item > a:visited .link {
    color: #800080;
}
.mod-modalFirstTime .boxWrap .item > a:hover .link {
    color: #ed6103;
}
.mod-modalFirstTime .btnLine {
    margin-top: 15px;
}
.mod-modalFirstTime .btnLine .button {
    margin: 0 auto;
    cursor: pointer;
}
.mod-modalFirstTime .btnLine .button .icon {
    margin-top: 0;
}


/* clearFix */
.mod-modalFirstTime .boxWrap::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}