@charset "utf-8";

@media(max-width:640px){
body {
	margin:0px;
	padding:0px;
	color: #000000;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/* font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "ＭＳ Ｐゴシック",sans-serif; */
	font-size:13px;
	line-height:1.8;
}


/* ------------------------------------------------------------
　　ページベース
------------------------------------------------------------ */

/* ----- wrapper 内容 ----- */
#wrapper {
	clear: left;
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px;
	overflow: hidden;
}

/* ----- header 内容 ----- */
#header {
	clear: both;
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 30px 0px 0px;
	overflow: hidden;
	/* background: #0099FF; */
	border-top: 6px solid #0099FF;
}
#header h1 {
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px;
	color: #0099FF;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
}
#header a {color: #0099FF; opacity:1; -webkit-transition:0.6s ease-in-out; transition:0.6s ease-in-out;}
#header a:hover {opacity:0.5;}
#footer a {color: #FFFFFF; opacity:1; -webkit-transition:0.6s ease-in-out; transition:0.6s ease-in-out;}
#footer a:hover {opacity:0.5;}

#header h2 {
	clear: both;
	width: 86%;
	margin: 40px auto 0px;
	padding: 10px 0px 10px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
	background: #0099FF;
}

/* ----- contents 内容 ----- */
#contents {
	clear:left;
	position:relative;
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px 10px;
	background: #FFFFFF;
	/* box-shadow: 0px 0px 50px rgba(0,0,0,0.6); */
}

/* 動画 */
#list_box {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

/* ボタン */
#list_box p {
	width: 80%;
	margin: 0px auto 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.6);
}
#list_box p a {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	background: #0099FF;
	border-radius: 10px;
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.6); */
	
  border: 4px solid #0099FF;
  -webkit-box-shadow:0px 0px 0px 2px #ffffff inset;
  -moz-box-shadow:0px 0px 0px 2px #ffffff inset;
  box-shadow:0px 0px 0px 2px #ffffff inset;
  display: block;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/* 記事 */
#text_box {
	clear: both;
	position: relative;
	margin: 0px auto 0px;
	padding: 0px 0px 25px;
	overflow: hidden;
}
#text_box p {
	clear: both;
	width: 80%;
	margin: 0px auto;
	padding: 0px 0px 10px;
	font-size: 14px;
	line-height: 1.8;
	text-align: justify;
}

/* 特定商内容 */
#toku_box {
	clear: both;
	position: relative;
	width: 80%;
	margin: 0px auto 0px;
	padding: 0px 0px 25px;
	overflow: hidden;
	/* border-top: 1px solid #0099FF; */
	border-top: 1px solid #CCCCCC;
}
#toku_box dl {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 5px 0px;
	/* border-bottom: 1px solid #0099FF; */
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
#toku_box dd {
	clear: both;
	margin: 0px;
	padding: 10px 5% 0px;
	border-bottom: 1px dotted#CCCCCC;
}
#toku_box dt {
	clear: both;
	margin: 0px;
	padding: 10px 5% 0px;
}
#toku_box dd p,
#toku_box dt p {
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 13px;
	line-height: 1.6;
	text-align: justify;
}


/* ----- footer 内容 ----- */
#footer {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 20px 0px 20px;
	color: #FFFFFF;
	background: #0099FF;
}
#footer address {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	text-align: center;
}



}