@charset "utf-8";
@media screen and (max-width:1280px) {
    body { min-width: 1024px }
    .utilBlock,
    .pathBlock,
    #footerArea { width: 100% }
    img {
        max-width: 100%;
        height: auto;
    }
    .utilBlockInner,
    .globalBlockInner,
    .siBlockInner,
    .pathNav {
        width: 100%;
        padding: 0 32px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .siBlockInner { padding: 10px 32px }
    .siBox {
        width: 33%;
        padding-right: 1.5%;
    }
    .slBox {
        width: 30%;
        padding-right: 1.5%;
    }

    .irButton{
        width: 13%;
    }
    .irButton p{
        max-width: 100px;
    }

    
    .globalNav { width: 57% }
    .globalNav ul { margin-top: 10px }
    .globalNav br { display: block }
    .globalNav > li:hover:after,
    .globalNav > li.current:after { bottom: 15px }
    .globalNav > li > a {
        padding: 4px 1%;
        text-align: center;
    }
    .globalNum01 { width: 23.2% }
    .globalNum02 { width: 23.5% }
    .globalNum03 { width: 14.9% }
    .globalNum04 { width: 25.2% }
    .globalNum05 { width: 13.2% }

    .mypageBtn span {
        background: url(/common_v2/images/btn_mypagex3.gif) 0 0 no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}
@media screen and (max-width:1104px) {
    .guideAreaInner {
        width: 96%;
        padding: 0 2%;
    }
}
@media screen and (max-width:768px) {
    body { min-width: 0 }
    .utilBlock,
    .globalBlockInner,
    .siBlockInner,
    .pathNav,
    .footerAreaInner,
    .guideAreaInner {
        width: 98%;
        padding: 0 1%;
    }
    .utilBlockInner { padding: 0 1% }
    .siBlockInner {
        padding: 10px 1%;
        table-layout: fixed;
    }
    .utilBlockInner02 { width: 100% }
    .utilNav li a { 
        padding: 0 6px;
        font-size: 0.86em;
    }
    .utilBox { margin-left: 0 }
    input.btn { margin: 0 }
    .fontBox { display: none }

    .snsBox_head {
        padding: 0 0 0 10px;
    }
    .snsBox_head li { margin-left: 5px }
    .snsBox_head li img { width: 20px; }

    .slBox {
        width: 25%;
        padding-right: 0.5%;
    }

    .globalNav { width: 55% }
    .globalNav > li {
        font-size: 0.85em;
        white-space: nowrap;
    }
    .globalNav li:hover ul { display: none }

    .irButton{
        font-size: 0.8em;
    }
    .globalMenu03 { line-height: 1.2em; }

    #contentArea {
        background-color: #dddddd;
        padding-top: 50px;
        position: relative;
    }
    .contentBlock {
        width: 96%;
        padding: 0 2%;
    }
    .mainBlock { padding-top: 35px }
    .mainBlock,
    .sideBlock {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sideNav { margin-bottom: 40px }
    .mypageBtn {
        position: absolute;
        top: 8px;
        right: 2%;
    }
    .mypageBtn span {
        background-image: url(../images/btn_mypagex3_tb.gif);
        -webkit-background-size: 100%;
        background-size: 100%;
        width: 220px;
        height: 34px;
    }
    .guideNum01,
    .guideNum02,
    .guideNum03,
    .guideNum04,
    .guideNum05 { width: 20% }

    .guide01,
    .guide02,
    .guide03,
    .guide04,
    .guide05,
    .guide06 { width: 16.5% }

    .jumpBox {
        bottom: 55px;
        right: 12px;
    }
}
@media screen and (max-width:599px) {
    .utilBlockInner02 { padding: 5px 0 10px }
    .utilBlock,
    .globalNav { display: none }
    #headerArea { 
        z-index: 99;
        padding-top: 75px;
        background: #ffffff;
    }
    .globalBlockInner {
        width: 100%;
        padding: 0;
    }
    .siBlockInner {
        width: 100%;
        padding: 0;
        height: auto;
    }
    .siBox {
        position: absolute;
        margin: 20px 0;
        top: 0;
        width: auto;
        left: 10px;
    }
    .slBox {
        position: absolute;
        margin: 20px 0;
        top: 0;
        width: auto;
        left: 10px;
    }
    .menuBtn {
        display: block;
        width: 56px;
        height: 56px;
        background: url(/common_v2/images/btn_open.gif) center center no-repeat;
        background-size: 100% 100%;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 8px;
        border-left: 1px solid #aaaaaa;
        cursor: pointer;
    }
    .menuBtn.menuActive { background-image: url(/common_v2/images/btn_close.gif) }

    .utilNav {
        float: none;
        text-align: center;
        margin-bottom: 4px;
    }
    .utilNav li {
        display: inline-block;
        float: none;
        font-size: 1rem;
    }
    .utilNav li a { padding: 0 6px 0px 1px }
    .utilBox {
        float: none;
        clear: both;
        flex-direction: column;
    }
    .searchBox {
        text-align: center;
        float: none;
        padding: 0;
    }
    .searchBox_new {
        text-align: center;
        padding: 0;
    }
    .snsBox_head {
        padding: 15px 0 10px 0;
        text-align: center;
    }
    .snsBox_head li:nth-child(n+2) { margin-left: 40px }
    .snsBox_head li img { width: 25px; }

    .irButton{
        display: none;
    }
    .irButtonSp{
        display: block;
    }
    input.frm { width: 75% }
    .globalNav {
        float: none;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #dddddd;
        background-color: #ffffff;
    }
    .globalNav br { display: none }
    .globalNav > li {
        border-bottom: 1px solid #dddddd;
        box-sizing: border-box;
        font-size: 1em;
        padding: 0;
        margin: 0;
    }
    /*.globalNav > li > a:hover,*/
    .globalNav > li.current a { background-color: #2077e3 }
    .globalNav > li:hover:after,
    .globalNav > li.current:after {
        content: "";
        position: relative;
        width: 0;
        height: 0;
    }
    .globalNav > li:last-child { border-bottom: none }
    .globalNav > li > a,
    .globalNav > li:first-child > a {
        border: none;
        padding: 10px 1%;
    }
    /*.globalNav > li:hover a:link,
    .globalNav > li:hover a:visited,*/
    .globalNav > li.current a:link,
    .globalNav > li.current a:visited { color: #ffffff }
    .globalNav li:hover ul { display: none }
    .globalNum01,
    .globalNum02,
    .globalNum03,
    .globalNum04,
    .globalNum05,
    .globalMenu01,
    .globalMenu02,
    .globalMenu03,
    .globalMenu04,
    .globalMenu05,
    .globalMenu06,
    .irButtonSp { width: 100% }


    #contentArea { padding-top: 64px }
    .contentBlock {
        width: 94%;
        padding: 0 3%;
    }
    .mypageBtn {
        text-align: center;
        top:14px;
        right: 0;
        width: 100%;
    }
    .mypageBtn span {
        background-image: url(../images/top_mypagebtn_new_tb.gif);
        -webkit-background-size: 100%;
        background-size: 100%;
        width: 196px;
        height: 37px;
    }
    .guideAreaInner {
        width: 94%;
        padding: 0 3%;
    }
    .guideNav { margin-top: 24px }

    .guideNum01,
    .guideNum02,
    .guideNum03,
    .guideNum04,
    .guideNum05 { width: 50% }
    .guideNum03,
    .guideNum05 { clear: both }
    .guideNum05 { padding-right: 0 }

    .guide01,
    .guide02,
    .guide03,
    .guide04,
    .guide05,
    .guide06 { width: 50% }
    .guide03,
    .guide05 { clear: both }

    .footerNav { width: auto }
    .footerNav br { display: block }
    .footerNav li br + a { border-left: 1px solid #fff }
    .copyBlock {
		padding: 24px 0 56px 0;
	}
    .jumpBox {
        bottom: 12px;
        right: 10px;
    }
}
@media screen and (max-width:420px) {
    .mypageBtn {
        top:15px;
    }
    .mypageBtn span {
        width: 170px;
        height: 33px;
    }
}

@media screen and (max-width:399px) {
    .siBox { width: 75% }
    .slBox { width: 75% }
    input.frm { width: 60% }
}
@media screen and (min-width:600px) {
    .utilBlock { display: block !important }
    .globalNav { display: table-cell !important }
}



/* 2016.09.06追加　朱、青ボタン用　*/
    
@media screen and (max-width: 710px){
.lbB_plus span:first-child{
	float:none!important;
	margin-bottom:10px;
}
}