@media print, screen and (min-width:751px) {

	/* Deep Footer Area */

	#deepfooter{
		font-size: 12.8px;
	}

	#deepfooter a:link {color: #039;}
	#nav-list a:visited {color: #609;}

	#deepfooter {
		display:inline-flex;
		width: 100%;
		background-image: linear-gradient(to bottom, #f5f5f5 0, #ddd 100%);
		border-top: 1px solid #d2d2d2;
	}
	#deepfooter a { text-decoration: none; }
	#deepfooter a:hover { text-decoration: underline; }
	#deepfooterinner {
		display: inline-block;
	    width: 100%;
	    max-width: 980px;
		margin: 0 auto;
		padding-top: 22px;
		padding-bottom: 25px;
		text-align: left; 
	}
	#deepfooterinner > .grid5span{
		display: flex;
	    -webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	    justify-content: space-around;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	#deepfooterinner > .grid5span > div{
		display: block;
	    -webkit-margin-before: 1em;
	    -webkit-margin-after: 1em;
	    -webkit-margin-start: 0px;
	    -webkit-margin-end: 0px;
	}
	#deepfooterinner > .grid5span > .col1span{
	    margin: 0;
	}
	
	#deepfooterinner > .grid5span > .col1span > ul{
		list-style-type: none;
	    padding: 3px 0 0 9px;
	    margin: 0;
	}
	#deepfooterinner .dfooter-title{
	    margin: 0;
	    background: -webkit-linear-gradient(top, #f0f0f0 0, #f7f7f7 100%);
	    background: linear-gradient(to bottom, #f0f0f0 0, #f7f7f7 100%);
		display: block;
	    border-top: 0 none;
	    border-bottom: 1px solid #bbb;
	    padding: 0 0 5px 9px;
	}

	
	#deepfooterinner .dfooter-title > a{
	    font-size: 1.3rem;
	    font-weight: 600;

	}
	#deepfooterinner ul > li{
	    position: static;
	    margin-top: 5px;
	    border-top: 0 none;
	    padding: 0;
	    line-height: 1.9;

		font-size: 1.2rem;
	}


	/* footer */
	#footer{
	    background-color: #666;
	    border-top: .1rem solid #eee;
	    border-top-color: #c2c2c2;
	}
	#footerinner{
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    max-width: 980px;
	    margin: 0 auto;
	}

	#permanentmenu{
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;

		padding-top: 5px;
	    padding-bottom: 25px;
	}

	#permanentmenu ul{
	    display: flex;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    margin: 0;
	    padding-left: 0;
	    list-style-type: none;
	    font-size: 130%;
	}
	
	#permanentmenu ul li{
		    margin-right: 18px;
	}
	#permanentmenu ul a{
		color: #fff;
	    text-decoration: none;
	}
	#creditline{
		margin-left: auto;
	    border-top: 0 !important;
		padding-right: 10px;
	}

	#footerinner .pc{
		padding-left: 10px;
	}
}
@media screen and (max-width:750px){
	.dfooter-title{
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    margin: 0;
	    border-top: 1px solid #bbb;
	    border-top: .1rem solid #bbb;
	    padding: 1.1rem 1.5rem 1.1rem 1.2rem;
	    position: relative;
	    background: -webkit-linear-gradient(top, #f0f0f0 0, #f7f7f7 100%);
	    background: linear-gradient(to bottom, #f0f0f0 0, #f7f7f7 100%);
	    font-size: 1.4rem;
		font-weight: 600;
	}
	#pagetop{
		display: none !important;
	}
	#footerinner{
		background-color: #666;
	    padding-top: 1rem;
	    font-size: 1.2rem;
	}
	#footerinner a{
		text-decoration: none;
		color: white;
	}
	#deepfooterinner ul{
	    list-style-type: none;
	    padding: 0;
		margin: 0;
	}
	#deepfooterinner ul > li{
	    position: relative;
		border-top: 1px solid #bbb;
	    border-top: .1rem solid #bbb;
	    font-size: 1.2rem;
	}

	#deepfooterinner ul > li a{
	    padding: 13px 0 13px 26px;
		display: block;
		text-decoration: none;
	}
	#deepfooterinner ul > li a:after{
		content: "";
	    display: block;
	    height: 100%;
	    position: absolute;
	    width: 15px;
	    top: 0;
	    right: 10px;
	    background: url(/sp/common/images/arrow-double-r01.gif) no-repeat scroll right center transparent;
	}
	#deepfooterinner:after{
		content: "";
	    display: block;
	    width: 100%;
	    height: 1px;
	    border-bottom: 1px solid #bbb;
	    border-bottom: .1rem solid #bbb;
	}
	#deepfooterinner .col1span{
		background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
	    background: -moz-linear-gradient(top, #f0f0f0, #fff);
	}


	#permanentmenu_sp{
		float: none;
	    text-align: center;
	}
	#permanentmenu_sp ul{
		margin: 0;
	    padding: 0;
	    list-style: outside none none !important;
	}
	#permanentmenu_sp ul > li{
		display: inline;
	    margin: 0px 0px 0px 16px !important;
	    line-height: 1.3;
		
	}
	#creditline{
		border-top: 0 !important;
		font-size: 1.3rem;
		padding-top: 0.6rem !important;
	}

	.scrolltop{
		text-align: right;
	    padding: 0px 10px;
	    font-size: 1.1rem;
	}
}