@charset "utf-8";

html {
	min-height: 100%;
	position: relative;
}

/* box-sizing */
html {
  box-sizing: border-box;
}
 
*,
*:before,
*:after {
  box-sizing: inherit;
}
 
body {
	font-size: 16px; /* 基本のフォントサイズ */
	line-height: 24px;
	margin: 0;
	padding: 0px;
	color: #000;
	/*scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#666666;
	scrollbar-shadow-color:#666666;
	scrollbar-track-color:#ffffff;*/
	-webkit-font-smoothing: antialiased;
	/*background-image: url(../images/bg.png);
	background-repeat: repeat;*/
}

/* link */
a .hover_img {}
a:hover .hover_img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* img */
img { vertical-align: bottom; }
img.img_w100 { width: 100%; }
img.img_w80 { width: 80%; }
img.img_w60 { width: 60%; }
img.img_w40 { width: 40%; }
img.img_w20 { width: 20%; }


/* general
------------------------------------------------------------ */
/* clear */
.cf:before,.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

.clear { clear:both; }

/* p */
p.indent {
	padding-left:1em;
	text-indent:-1em;
}

/* no-border */
.nb {	border: none!important; }

/* align */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }

/* list */
ul, ol {
  margin: 0;
  padding: 0;
}
ul { list-style-type: none; }

/* margin, padding */
.mt1 { margin-top: 1rem!important; }
.mt2 { margin-top: 2rem!important; }
.mt3 { margin-top: 3rem!important; }
.mt4 { margin-top: 4rem!important; }
.mt5 { margin-top: 5rem!important; }
.mt6 { margin-top: 6rem!important; }
.mt7 { margin-top: 7rem!important; }
.mt8 { margin-top: 8rem!important; }

.mb1 { margin-bottom: 1rem!important; }
.mb2 { margin-bottom: 2rem!important; }
.mb3 { margin-bottom: 3rem!important; }
.mb4 { margin-bottom: 4rem!important; }
.mb5 { margin-bottom: 5rem!important; }
.mb6 { margin-bottom: 6rem!important; }
.mb7 { margin-bottom: 7rem!important; }
.mb8 { margin-bottom: 8rem!important; }

.pd1 { padding: 1rem!important; }
.pd2 { padding: 2rem!important; }

.pt1 { padding-top: 1rem!important; }
.pt2 { padding-top: 2rem!important; }
.pt3 { padding-top: 3rem!important; }
.pt4 { padding-top: 4rem!important; }

.pb1 { padding-bottom: 1rem!important; }
.pb2 { padding-bottom: 2rem!important; }
.pb3 { padding-bottom: 3rem!important; }
.pb4 { padding-bottom: 4rem!important; }

.pl1 { padding-left: 1rem!important; }
.pl2 { padding-left: 2rem!important; }

.pr1 { padding-right: 1rem!important; }
.pr2 { padding-right: 2rem!important; }

/* work */
.wk {
  background: #F66;
  color: #FFF;
}

/* ---------------------------------------------------------------------------------------------------- */
/* max-width: 740px
------------------------------------------------------------ */
@media only screen and (max-width: 740px) {

  body {
    font-size: 14px!important;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
  }


}