@charset "utf-8";

/*--------------------------------------------------
powerd by travision Inc. 
recent status 2015.09.01
--------------------------------------------------*/
@media screen and (min-width: 481px) {

	/*--------------------------------------------------
header
--------------------------------------------------*/
	a {
		outline: none;
	}

	.sp {
		display: none !important;
	}

	.pc {
		display: block !important;
	}

	header img,
	.special img,
	.special2 img,
	.moose img,
	.others img {
		width: 100% !important;
		height: auto;
	}

	header {
		width: 100%;
		padding: 140px 0 0 0;
		background: #54a3a2;
	}

	header .inner {
		display: flex;
		justify-content: space-between;
	}

	header .inner .logo-num {
		width: 48%;
		margin: 0 auto;
	}

	header .inner .logo-num h1 {
		width: 75%;
		margin: 0 auto 20px;
	}

	header .inner .logo-num h2 {
		width: 23%;
		margin: 0 auto;
	}

	header .inner .device {
		width: 52%;
		margin: auto;
	}

	header p.topLead {
        max-width: 1050px;
        margin: 30px auto 0px;
        font-size: 17px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        letter-spacing: -0.2px;
        line-height: 1.8;
        font-family: 'Noto Serif JP';
	}


	/*--------------------------------------------------
contents
--------------------------------------------------*/
	.contents {
		background: #54a3a2;
	}

	.contents .inner {
		background: url(../img/bg_contents.jpg) repeat;
		background-size: contain;
		margin: 0 auto;
		width: calc(100% - 100px);
		padding: 60px 30px;
	}

	.contents .inner .contents-ttl {
		width: 950px;
		margin: 0 auto 40px;
		position: relative;
	}

	.contents .inner .contents-ttl::after,
	.contents .inner .contents-ttl::before {
		content: '';
		position: absolute;
		top: 50%;
		width: calc(50% - 100px);
		height: 1px;
		background-color: #333;
	}

	.contents .inner .contents-ttl::before {
		left: 0;
	}

	.contents .inner .contents-ttl::after {
		right: 0;
	}

	.contents .inner .contents-ttl img {
		width: 150px;
		display: block;
		margin: 0 auto;
	}

	.contents .inner .cont-flex {
		display: flex;
		justify-content: space-between;
		width: 950px;
		margin: 0 auto;
	}

	.contents .inner .cont-up-box .cont-box:not(:last-child) {
		border-right: 1.5px solid #333;
		padding-right: 24px;
	}

	.contents .inner .cont-up-box .cont-box:not(:first-child) {
		padding-left: 15px;
	}

	.contents .inner .cont-down-box .cont-box:not(:last-child) {
		border-right: 1.5px solid #333;
		padding-right: 19px;
	}

	.contents .inner .cont-down-box .cont-box:not(:first-child) {
		padding-left: 15px;
	}

	.contents .inner .cont-flex .cont-box div img {
		width: 100%;
		display: block;
	}


	.contents .inner .cont-flex .cont-box .cont-ttl-sub {
		background: #333333;
		padding: 5px 9px;
		width: fit-content;
		border-radius: 4px;
	}

	.contents .inner .cont-flex .cont-box .cont-ttl-sub img {
		height: 9px;
		width: fit-content;
	}

	.contents .inner .cont-flex .cont-box .cont-ttl {
		padding: 5px 0 10px;
	}

	.contents .inner .cont-flex .cont-box .cont-cs {
		width: 45%;
		margin-top: -15px;
		position: absolute;
		top: 6%;
		left: 48%;
	}

	.contents .inner .cont-flex .cont-box .cont-img {
		bottom: 0;
	}

	.contents .inner .cont-up-box .cont-box {
		width: 30%;
		position: relative;
	}

	.contents .inner .cont-up-box .cont-box .cont-ttl {
		height: 60px;
	}

	.contents .inner .cont-down-box {
		padding-top: 50px;
	}

	.contents .inner .cont-down-box .cont-box {
		width: 22%;
	}

	.contents .inner .cont-down-box .cont-box .cont-ttl {
		height: 40px;
	}

	/* book-btn */
	.book-btn {
		width: 340px;
		margin: 50px auto 0;
	}

	.book-btn .read-book {
		background: #a02525;
		padding: 10px;
		margin: 0px auto;
		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
		border-radius: 10px;
		display: block;
		font-family: 'Noto Serif JP';
	}

	.book-btn a {
		text-align: center;
		color: #fff;
	}

	/* library-btn */
	.library-btn a {
		text-decoration: none;
		font-family: 'Noto Serif JP';
		font-weight: 900;
		text-align: center;
		display: block;
		width: 950px;
		margin: 50px auto 20px;
		background: #333;
		border-radius: 10px;
		color: #fff;
		padding: 18px 0;
		font-size: 24px;
		line-height: 1.2;
		position: relative;
	}

	.library-btn a span {
		font-size: 16px;
	}

	.library-btn a::after {
		position: absolute;
		content: ">";
		top: 32%;
		right: 5%;
		font-size: 26px;
	}

	/*--------------------------------------------------
Back Numbers
--------------------------------------------------*/
	section.bnumbers {
		padding: 30 0 80px 0;
	}

	section.bnumbers h3 {
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid #c9c9c9;
	}

	section.bnumbers li {
		width: 140px;
		float: left;
		font-size: 14px;
		text-align: center;
		margin-right: 22px;
	}

	section.bnumbers li:nth-child(6n) {
		margin-right: 0;
	}

	section.bnumbers li:nth-child(n+7) {
		margin-top: 15px;
	}

	section.bnumbers li img {
		width: 140px;
		height: auto;
	}

	section.bnumbers li p.jacket {
		margin: 0 0 5px 0;
	}

	section.bnumbers li a {
		color: #000000;
		text-decoration: underline;
	}

	section.bnumbers li a:hover {
		color: #000000;
		text-decoration: none;
	}
}