@charset "utf-8";

/*------------------------------
サイト名：TANAKA KEI MOBILE for SMARTPHONE
作成日：2017.11.06
修正日：2017.11.06
ガイドライン：Ver.01
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット＋共通CSS読み込み
 * ------------------------------------ */
@import "../../../css/html5reset-1.6.1.css";
@import "../../../css/common.css";
/* ------------------------------------

 * HEADER

 * ------------------------------------ */

article{
	padding-bottom: 0;
}

header h2 {
	background-image: url(../../../img/titleSpecial2.png);
	 -webkit-background-size: 64px 14px; /* WebKit */
    background-size: 64px 14px; /* WebKit以外 */
}

.special {
	background: #f4f4f4 ;
	//background-image: url(../img/renga.png);
}

section {
	padding: 0px !important;
}

section h3 {
	margin: 0px !important;
	padding: 0px !important;
	border:none !important;
}

.contentin_bg{
	background:#f4f4f4;

	padding: 20px 10px;
	margin:0px;
}

.text {
	width:96%;
	margin:0px auto;
	color:#d60000;
	font-size: 90%;
}

.text .catch {
	margin-bottom: 20px;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 108%;
}

.text .photo {
	width: 100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.text .photo img {
	max-width: 100%;
	width: auto !important;
	width: 100%;
	border: solid 4px #1703a5;
	box-sizing: border-box;
}

@media screen and (max-width: 450px) {
   .text .photo img{ width: 100%; }
}

.text ul li a:link,
.text ul li a:visited {
	color: #cf0927 !important;
	text-decoration: underline;
}

.text dl dt {
	color:#000;
	margin-bottom:10px;
	margin-top:20px;
}

.text dl dd {
	margin-bottom:30px;
}

.text strong {
	display:block;
	font-weight: bold;
	text-align:center;
	margin-top:20px;
	font-size:16px;
}

.copy {
	font-size: x-small;
	text-align: center;
	padding: 10px;
}


.gallery { list-style: none; padding: 0; margin: 10px 10px 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li {
	float: left;
	width: 50%;
}
.gallery li a { display: block; margin: 5px; color:#FFF; }
.gallery li span { display: block; height:35px; padding-top:3px; line-height:1.2em; font-size:small; color:#FFF; }
.gallery li img { display: block; width: 100%; height: auto;}

.imageAll {
	clear: both;
	padding: 8px 8px 50px 8px;
	overflow: hidden;
	font-size: 0px;
}
.imageBox_unit {
	* IE 6/7 */
	/display: inline;
	/zoom: 1;
	width: 22%;
	margin: 0 4% 4% 0;
	display: inline-block;
}
.imageBox_last {
	* IE 6/7 */
	/display: inline;
	/zoom: 1;
	width: 22%;
	margin: 0 0 4% 0;
	display: inline-block;
}
.box_left {
	width:49%;
	margin-right: 2%;
}
.box_right {
	width:49%;
	margin-right: 0%;
}
/* ナビゲーション */
#menuArea{
	background:#f4f4f4;
	padding:1px 0;
}

#menuArea ul li {
	width: 100%;
}
#menuArea ul li a,
#menuArea ul li span {
	background: #fff;
	display: block;
	width: 90%;
	margin: 0.5em auto;
	padding: 0.2em 0;
	border-radius: 0.5em;
	border:1px solid #1703a5;
	color: #1703a5;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
}

#menuArea ul li span.checked {
	background: #1703a5;
	color: #fff100;
}

#menuArea ul li a:hover {
	background: #1703a5;
	color: #fff;
	border:1px solid #1703a5;
}