@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

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

/* ishikawa start */
body {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
/* ishikawa end */

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: #FDF5F8;*/		/* 背景色を変えたい場合はここ */
}

section {
	padding: 0 !important;
}

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

.contentin_bg{
/*	background:#ffffff; */ 		/* 背景をツートンにしたい場合はここ */
	padding: 20px 10px;
}

.text {
	width:96%;
	margin:0px auto;
	color:#000000;				/* 答えの文字色を変えたい場合はここ */
	font-size: 90%;
}

.text .catch {
	margin-bottom: 20px;
	color: #ffffff;
	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 #FFF000;
	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:#FF8183;				/* 質問の文字色を変えたい場合はここ */
	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;
	color: #ffffff;
}

.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:#FAFAFA;           /* menu背景の色を変えたい場合はここ */
	padding:1px 0;
}

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

#menuArea ul li span.checked {
	background: #FF67A2;          /* menuボタンの中の色を変えたい場合はここ */      
	color: #FFFFFF;
}

#menuArea ul li a:hover {
	background: #FFFFFF;
	color: #FF67A2;
}