@charset "utf-8";
/* CSS Document */
html {
}

body{
	-webkit-text-size-adjust: 100%;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

/* Reset
------------------------------------------------------------*/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
	margin: 0;
	padding: 0;
}
address,
em
{
	font-style: normal;
}
strong,
th
{
	font-weight: normal;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th
{
	text-align: left;
}
hr,
legend
{
	display: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 100%;
	font-weight: normal;
}
img,
fieldset
{
	border: 0;
}
img
{
	border:0;
	vertical-align:top;
	max-width:100%;
	height:auto;
}
li
{
	list-style-type: none;
}
input[type="submit"],button,label,select{
	cursor:pointer;
}
p
{
}


/* Fonts
------------------------------------------------------------*/
body,input,button,textarea,select
{
	font: 18px/1.6 "lato","游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #000;
}
html>/**/body
{
	font-size: 18px;
} /* Except IE */
.clear
{
	clear: both;
}

/* link
------------------------------------------------------------*/
a,a:visited {
	transition: all .4s;
	color: #000;
	text-decoration: underline;
}

a:hover,a:active{
  opacity: 0.4;
}

a img {
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

a:hover img {
  opacity: 0.4;
}

/* selection
------------------------------------------------------------*/

::selection {
    background: #0065b3; /*背景色*/
    color: #fff; /*文字色*/
}
::-moz-selection {
    background: #0065b3; /*背景色*/
    color: #fff; /*文字色*/
}


/* tap(hover)
------------------------------------------------------------*/
.hover {

}

/* clearfix
------------------------------------------------------------*/
.clearfix::after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix
{
	display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix
{
	height:1%;
}
.clearfix
{
	display:block;
}
/* end MacIE5 */

.clearfix + *
{
	clear: both;
}






/* iPad
------------------------------------------------------------*/
@media screen and (width:1024px) {
	* {
		opacity: 1.0 !important;
	}
}

video::-internal-media-controls-download-button { display:none; }
video::-webkit-media-controls-enclosure { overflow:hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }