@charset "UTF-8";

/* tablet & phone */
@media screen and (max-width:979px){
    .navi3Out {
        position: relative;
        z-index: 600;
    }

    #spNaviList{
        position:absolute;
        width:100%;
        background-color:#000;
        color:#fff;
        font-weight:bold;
        z-index: 500;
    }

    ul#spNavis > li{
        border-bottom: 1px solid #ccc;
        text-align: left;
        position:relative;	
    }

	.mmbigNavi {
	    width: 100%;
	    position:absolute;
	    z-index:888;
	    padding:10px 0;
	    top:auto !important;
	}
		.areaCommon {
		    margin-bottom: 2%;
		    position:static;
		}
		.mmbigNavi .close {
		    top: -2% !important;
		}	
    ul#spNavis > li > a{
        color: #fff;
        display: block;
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 200;
    }

    ul#spNavis > li > a > p {
        padding-bottom: 4%;
        padding-left: 2%;
        padding-top: 4%;
    }

    ul#spNavis > li.snlLink > a p:before{
        content:" ";
        background-image:url(/share/images_sp/arrow.png);
        background-repeat:no-repeat;
        background-position:center left;
        background-size:22px auto;
        padding-right:27px;
    }

    ul#spNavis > li.snlLink.plus > a p:before{
        background-image:url(/share/images_sp/plus.png);
    }

    ul#spNavis > li.snlLink.minus > a p:before{
        background-image:url(/share/images_sp/minus.png);
    }

    ul#spNavis > ul.sub{
        border-top: 1px solid #ccc;
    }
	
    ul#spNavis > ul.sub > li{
        border-bottom: 1px solid #ccc;
        text-align: left;	
    }

    ul#spNavis > ul.sub > li > a{
        display:block;
        width:100%;
        height:100%;
    }

    ul#spNavis > ul.sub > li > a > p{
        padding-left:5%;
    }

    .snlSns{
         overflow:hidden;
    }

    .snlSns > p{
        padding-left: 2%;
        padding-top: 1%;	
    }

    .snlSns > ul{
        padding-top:2%;
        display:table;
        margin:0 auto;
        margin-bottom:2%;
    }

    .snlSns > ul > li{
        display:table-cell;
        padding-right:3%;
    }
	
    .snlSns > ul > li img{
        max-width:52px;
    }

/** 2017/05/19	update **/
	.snlSns > a{
		display:block;
		position:relative;
		width:100%;
		padding:4% 0 4% 2.5em;
		color:#fff;}
	
	.snlSns > a::before{
		content:url("/share/images_sp/arrow.png");
		display:block;
		position:absolute;
		top:50%;
		left:2%;
		transform:translateY(-40%);
		-webkit-transform:translateY(-40%);}

    .snlSearch{
        margin-bottom:2%;
    }

    .snlSearch p{
        padding-bottom: 2%;
        padding-left: 3%;
        padding-top: 1%;	
    }
	
    .snlSearch p:before{
        background-image: url("/share/images/icon_seach.jpg");
        background-repeat: no-repeat;
        content: " ";
        padding-left: 22px;	
    }
	
    .snlSearch input[type=text]{
        float: left;
        margin-bottom: 2%;
        margin-left: 3%;
        border:none;
        height:30px;
        width: 80%;	
    }

    .snlSearch input[type=submit]{
        float: left;
        margin-right: 3%;
        width: 13%;	
        text-indent: -9999px;  
        border: 0px;
        height:30px;
        background: url(/share/images/search.jpg) center center no-repeat;
        background-size:30% auto;
        background-color:#e04d53;
    }

/* tablet */
@media screen and (max-width:979px) and (min-width:641px){
    .snlSearch input[type="submit"], .snlSearch input[type="text"]{
        height: 40px;
    }
}