@charset "utf-8";


@media screen and (min-width: 0px) and (max-width: 768px) {
	header h1 {
		margin-bottom: 0px;
		width: 22%;
	}
	header h1 img {
		width: 100%;
	}
	header nav {
		width: 100%;
	}
	header nav ul {
		width: 100%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	header nav ul li {
		margin: 0;
		padding: 1% 3%;
		border-right: 1px solid #ccc;
		box-sizing: border-box;
	}	
	header nav ul li:last-child {
		border: none;
	}
	header nav ul li#nav_info {
		width: 32%;
	}
	header nav ul li#nav_jyj {
		padding: 1% 6%;
		width: 19%;	
	}
	header nav ul li#nav_dvd {
		width: 26%;
	}
	header nav ul li#nav_company {
		width: 23%;
	}
	header nav ul li#nav_info a p {
		background: url(../images/menu_info.png)no-repeat;
		background-position: 0 50%;
		background-size: 100%;
		width: auto;
		height: auto;
	}
	header nav ul li#nav_jyj a p {
		background: url(../images/menu_jyj.png)no-repeat;
		background-position: 0 50%;
		background-size: 100%;
		width: auto;
		height: auto;
	}
	header nav ul li#nav_dvd a p {
		background: url(../images/menu_dvd.png)no-repeat;
		background-position: 0 50%;
		background-size: 100%;
		width: auto;
		height: auto;
	}
	header nav ul li#nav_company a p {
		background: url(../images/menu_company.png)no-repeat;
		background-position: 0 50%;
		background-size: 100%;
		width: auto;
		height: auto;
	}
	p.bnr_area {
		width: 100%;
	}
	p.bnr_area img {
	width: 100%;
	}
	.contents {
		padding: 8% 4%;
		width: 100%;
		box-sizing: border-box;
	}

	.contents h2 img {
		height: 15px;
    	top: 5px;
	}
	.contents h3 {
    font-size: 12px;
}

	#main_visual {
		margin-top:-14px;
	}
	#main_visual img {
		width: 100%;
	}

	#infomation dl {
		border: none;
	}

	#infomation dl dt,
	#infomation dl dd {
		padding: 0;
		float: none;
		width: 100%;
		border: none;
	}
	#infomation dl dt {
		padding: 10px 0 0;
	}
	#infomation dl dd {
		padding: 5px 0 10px;
		border-bottom: 1px solid #ccc;
	}
	
	#infomation dl dd:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}

	#jyj .contents {
	}
	#jyj p {
		text-align: left;
	}
	#jyj .order_info {
		display: block;
	}
	#jyj dl {
		padding: 3%;
		display: block;
		width: 100%;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	#jyj dl:last-child {
		border-top: none;
	}
	#jyj dl dd img {
	    margin: 0px auto 20px;
	    display: block;
	    width: 90%;
	}
	#jyj ul {
		margin-left: -14%;
		width: 102%;
	}
	#jyj ul li {
		margin-left: 4%;
		margin-bottom: 4%;
		width: 46%;
	}
	#jyj ul li a img {
	    width: 100%;
	}
	#jyj ul li a span.stop {
		margin: 0;
		padding: 10px;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		text-align: left;
	}
	#jyj .notes {
		padding-top: 5%;
		border-top: 1px solid #ccc;
	}
	#dvd ul {
	    margin-left: 0px;
	    padding: 0;
    	width: 100%;
	}
	#dvd ul li {
		margin: 0;
		width: 100%;
	}
	#company dl {
		border: none;
	}
	#company dl dt {
		padding: 10px 0 0;
	    float: none;
	    border-top: 0;
	    width: 100%;
	}
	#company dl dd {
		padding: 5px 0 10px;
	    float: none;
	    width: 100%;
	    border-top: none;
	    border-bottom: 1px solid #ccc;
	}
	footer .contents {
	    padding: 4% 4%;
	    text-align: center;
	    font-size: 12px;
	}
	footer ul {
		margin: 0 0 3%;
	}
	footer p {
		margin: 0;
	    text-align: center;
	}
}