@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
****************************************************************************************
FileName    :tags.css
Description :各種タグ用スタイルシート
Author      :TIS Suzuki
license     :Copyright (c) 2014 TIS
             Released under the MIT License.
             http://tis2010.jp/license.txt
****************************************************************************************
*/
/*
----------------------------------------------------------------------------------------
タグ定義
----------------------------------------------------------------------------------------
*/
html *
{
	font-family:Avenir,"Open Sans","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.5em;
	box-sizing:border-box;
}
html,body{
	height:100%;
	text-align:center;
}
html,body,form{
	/* for touch scrolling */
	-webkit-overflow-scrolling:touch;
}
html,body,button,input,select,textarea{
	color:#2b2b2b;
	font-size:1.5vw;
	/* for iphone adjust */
	-webkit-text-size-adjust:100%;
}
@media screen and (min-width:1024px){
	html,body,button,input,select,textarea{
		font-size:15px;
	}
}
@media screen and (max-width:719px){
	html,body,button,input,select,textarea{
		font-size:11px;
	}
}
html,body,blockquote,br,div,dl,form,hr,h1,h2,h3,h4,h5,img,ol,p,section,ul{
	margin:0px;
	padding:0px;
}
body *{
	position:relative;
	transition:all 0.35s ease-out 0s;
}
a:active,a:link,a:visited{
	color:#2b2b2b;
	text-decoration:none;
}
a:hover{
	color:#2b2b2b;
	text-decoration:none;
}
button{
	background-color:transparent;
	cursor:pointer;
	outline:none;
	text-align:center;
}
dl dd{
	margin:0px;
	padding:0px;
	text-align:left;
}
dl dt{
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}
em{
	color:#b7282e;
	font-weight:normal;
	font-style:normal;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.75em;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.25em;
}
h5{
	font-size:1em;
}
img{
	border:none;
	vertical-align:text-bottom;
	/* for MS style */
	-ms-interpolation-mode:bicubic;
}
input,select,textarea{
	margin:0px;
	outline:0px;
}
input[type=button]{
	background-color:#f5f5f5;
	border:1px solid #d3d3d3;
	border-radius:3px;
	margin:5px auto;
	padding:2px 10px;
	transition:all 0.35s linear 0s;
	/* for iOS style */
	-webkit-appearance:button;
}
input[type=button]:hover,input[type=button]:focus{
	background-color:#f39800;
	color:#ffffff;
}
input[type=checkbox],input[type=radio]{
	margin:0px 5px;
	vertical-align:middle;
}
input[type=file]{
	margin:5px auto;
	padding:2px 10px;
}
input[type=text],input[type=password]{
	background-color:#ffffff;
	border:1px solid #d3d3d3;
	border-radius:3px;
	padding:1px 5px;
	/* for iOS style */
	-webkit-appearance:button;
}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{
	background-color:#ede4cd;
	border:1px solid #87ceeb;
}
label{
	vertical-align:middle;
}
ol li,ul li{
	background:none;
	border:none;
	list-style-type:none;
}
select{
	background-color:#ffffff;
	border:1px solid #d3d3d3;
	border-radius:3px;
	padding:1px 5px;
	/* for button hidden style */
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	text-indent:.01px;
	text-overflow:"";
}
/* for MS style */
select::-ms-expand{
  display:none;
}
span{
	margin:0px;
	padding:0px;
}
strong{
	font-weight:normal;
	font-style:normal;
}
table{
	border-collapse:collapse;
}
td,th{
	border:1px solid #d3d3d3;
	margin:0px;
	padding:0px;
}
textarea{
	background-color:#ffffff;
	border:1px solid #d3d3d3;
	border-radius:3px;
	padding:1px 5px;
	/* for iOS style */
	-webkit-appearance:button;
}