@charset "utf-8";
/********************************************/
/*	タブレット対応							*/
/********************************************/
@media screen and (min-width:768px){

	/*----------------------*/
	/*	文字を表示			*/
	/*----------------------*/
	.showL {
		display: inline-block;
	}

	/*----------------------*/
	/*	見出し				*/
	/*----------------------*/
	h2 {
		text-align: left;
		text-indent: 1em;
	}
	
	#main.profile dl dt h3, #main.request h3, h3#category {
		text-align: left;
		text-indent: 1em;
	}
	
	/*----------------------*/
	/*	ヘッダー			*/
	/*----------------------*/
	nav::before {
		float: none;
		display: none;
	}

	/*----------------------------------*/
	/*	ナビゲーションを横一列に調整	*/
	/*----------------------------------*/
	nav ul li {
		width: 16.665625%;
		margin-top: 89px;
		border-radius: 5px 5px 0px 0px;
		/* ボタンデザイン変更 */
		box-shadow: none;
	}

	nav ul li a {
		padding: 13.5px 0px;
	}

	nav ul li:hover,
	nav ul li #pageNow,
	nav ul li a:hover {
		border-radius: 5px 5px 0px 0px;
	}

	#home, #mail {
		/* ポジション指定を解除してナビゲーションに統一 */
		position: static;
		font-size: 1em;
		width: 16.665625%;
		height: 100%;
		border-radius: 5px 5px 0px 0px;
		background-image: none;
		background-image: linear-gradient( -20deg, rgba( 231, 31, 25, 0.9 ) 50%, rgba( 255, 255, 255, 0.9 ) 100% );
	}

	#home a, #mail a {
		padding: 13.5px 0px;
	}

	#home a:hover,
	#mail a:hover,
	#home #pageNow,
	#mail #pageNow {
		border-radius: 5px 5px 0px 0px;
		height: 100%;
		background-image: none;
		background-image: linear-gradient( -20deg, rgba( 233, 245, 246, 0.9 ) 50%, rgba( 255, 255, 255, 0.9 ) 100% );
	}

	/*----------------------------------*/
	/*	作品一覧の列を調整				*/
	/*----------------------------------*/
	#main section dl {
		width: 30%;
		margin-left: 2%;
	}

	#main section dl .setTitle {
		text-align: left;
		line-height: 1.5em;
		height: 3.1em;
		font-size: 0.8em;
	}

	/*----------------------------------*/
	/*	コンテンツを調整				*/
	/*----------------------------------*/
	#contents {
		width: 99.75%;
	}

	#main {
		width: 70%;
		float: left;
	}

	#sub {
		width: 30%;
		float: right;
	}

	#contents::after {
		content: "";
		display: block;
		clear: both;
	}

	/*----------------------------------*/
	/*	作品のあらすじを表示			*/
	/*----------------------------------*/
	.setPlot {
		display: inline-block;
	}
	/* タイトルを強調 */
	strong {
		font-weight: bold;
	}

	/*----------------------------------*/
	/*	お問い合わせフォーム位置調整	*/
	/*----------------------------------*/
	#free {
		min-width: 300px;
	}

	#button input {
		background-image: linear-gradient( -20deg, rgba( 67, 77, 162, 0.9 ) 70%, rgba( 255, 255, 255, 0.9 ) 100% );
	}

	#button input:hover {
		background-image: linear-gradient( -20deg, rgba( 231, 31, 25, 0.9 ) 70%, rgba( 255, 255, 255, 0.9 ) 100% );
	}

	/*----------------------------------*/
	/*	交流リンク						*/
	/*----------------------------------*/
	#main.link dl {
		width: 45%;
		margin: 0 0 5px 2%;
	}

	#main.link dl dt {
		float: left;
		width: 45%;
	}

	#main.link dl dd {
		float: left;
		width: 50%;
		padding-left: 5%;
	}

	#main.link dl .setTitle {
		height: 2.6em;
		overflow: visible;
	}

	/*----------------------------------*/
	/*	作品情報管理					*/
	/*----------------------------------*/
	#admin dl dd select#select {
		width: 20%;
	}

	#admin dl dd input#id,
	#admin dl dd input#linkUrl {
		width: 35%;
	}

	#admin dl dd input#bookTitle,
	#admin dl dd textarea {
		width: 80%;
	}

	#admin div {
		width: 80%;
		text-align: center;
	}

}

/********************************************/
/*	デスクトップ対応						*/
/********************************************/
@media screen and (min-width:960px){

	/*----------------------*/
	/*	ヘッダー上部に余白	*/
	/*----------------------*/
	#bodyWrap {
		margin: 5px auto;
	}

	header {
		border-radius: 5px 5px 0px 0px;
	}

	h1 {
		margin-right: 0.5em;
	}
}