*,
*::before,
*::after{box-sizing:border-box;}
a{text-decoration:none; color:inherit; cursor:pointer;}
button{background-color:transparent; color:inherit; border-width:0; padding:0; cursor:pointer;}
figure{margin:0;}
input::-moz-focus-inner {border:0; padding:0; margin:0;}
ul, ol, dd{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; font-size:inherit; font-weight:inherit;}
p{margin:0;}
cite {font-style:normal;}
fieldset{border-width:0; padding:0; margin:0;}
a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	-webkit-font-smoothing: antialiased;
}

li img {
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

img {
	vertical-align: bottom;
}
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

a img:hover {
}


.fadein {
  opacity : 0;
  transition: all 1.0s;
}
.slidein {
  transition: all 1.0s;
}
.slow {
  transition: all 2.0s!important;
}
.fade-up {
  transform: translateY(50px);
}
.fade-down {
  transform: translateY(-50px);
}
.fade-left {
  transform: translateX(50px);
}
.fade-right {
  transform: translateX(-50px);
}
.delay01 {
  animation-delay: 0.1s!important;
  transition-delay: 0.1s!important;
}
.delay02 {
  animation-delay: 0.2s!important;
  transition-delay: 0.2s!important;
}
.delay03 {
  animation-delay: 0.3s!important;
  transition-delay: 0.3s!important;
}
.delay04 {
  animation-delay: 0.4s!important;
  transition-delay: 0.4s!important;
}
.delay05 {
  animation-delay: 0.5s!important;
  transition-delay: 0.5s!important;
}
.delay06 {
  animation-delay: 0.6s!important;
  transition-delay: 0.6s!important;
}
.delay07 {
  animation-delay: 0.7s!important;
  transition-delay: 0.7s!important;
}
.delay08 {
  animation-delay: 0.8s!important;
  transition-delay: 0.8s!important;
}
.delay09 {
  animation-delay: 0.9s!important;
  transition-delay: 0.9s!important;
}
.delay10 {
  animation-delay: 1s!important;
  transition-delay: 1s!important;
}
.delay11 {
  animation-delay: 1.1s!important;
  transition-delay: 1.1s!important;
}
.delay12 {
  animation-delay: 1.2s!important;
  transition-delay: 1.2s!important;
}
.delay13 {
  animation-delay: 1.3s!important;
  transition-delay: 1.3s!important;
}
.delay14 {
  animation-delay: 1.4s!important;
  transition-delay: 1.4s!important;
}
.delay15 {
  animation-delay: 1.5s!important;
  transition-delay: 1.5s!important;
}
.delay16 {
  animation-delay: 1.6s!important;
  transition-delay: 1.6s!important;
}
.delay17 {
  animation-delay: 1.7s!important;
  transition-delay: 1.7s!important;
}
.delay20 {
  animation-delay: 2.0s!important;
  transition-delay: 2.0s!important;
}
.delay25 {
  animation-delay: 2.5s!important;
  transition-delay: 2.5s!important;
}


/* よく使うCSS start 

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----*/
/*時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
	
透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

両端揃え（全角半角混在不可） {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */