@charset "UTF-8";

/*
（768px以上）タブレット以上の場合
@media (min-width:768px){}

横幅1140pxを切るとき
@media (max-width:1139px){}

PC表示（1080px）より小さく、タブレット以上の場合
@media (min-width:768px) and (max-width:1139px){

横幅1140pxより大きいとき（PC表示）
@media (min-width:1140px){
}

*/


/****************************************************************************
 	reset
****************************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{text-decoration:none;}
img{vertical-align:top;border:0;}
del{text-decoration:line-through;}
hr{display:block;height:0;border:0;margin:0;padding:0;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
em,strong{ font-weight: bold;}
input,select,textarea{margin:0;padding:0;vertical-align:baseline;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img {max-width: 100%;}
/*
ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}*/
/****************************************************************************
 	base
****************************************************************************/
 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body {
	height: 100%;
}
body {
	font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto;
	line-height: 1.8;
	color: #515151;
	font-size: 18px;
	background-color: #04b7f9;
	text-align: left;
	word-wrap:break-word;
}
img {
	border:0;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
}
a {
	outline:none;
}

a:link,
a:visited,
a:active {
	text-decoration: underline;
	color: #515151;
}
a:hover {
	text-decoration: none;
	color: #515151;
}
a img {
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease; /* Firefox 4 */
	-webkit-transition: all 0.25s ease; /* Safari and Chrome */
    -o-transition: all 0.25s ease;/* Opera */
}

a:hover img {
	opacity: 0.7;
}

/* 768px以上: タブレット以上 */
@media (min-width:768px){
	body {
		font-size: 16px;
	}
	img {
	}
}