@charset "utf-8";

/************************************************
 共通設定
************************************************ */

* {
	font-size: 2rem;
}

html {
    font-size: 62.5%;
	width:100%;
}

body {
    -webkit-text-size-adjust: 100%;
	color: #000;
    font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*background-color: #e1e1e1;*/
    line-height:1.4;
	font-size: 20px; font-size: 2rem;
    letter-spacing: 0.05em;
	width:100%;
}


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}

/* リンク指定
----------------------------------------------- */
a,
a span,
a:hover img{
transition-duration:0.2s;
transition-timing-function:ease-in-out;

-moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-ms-transition-duration:0.2s;

-moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
}


a:link    {color:#34689A;text-decoration:underline;}
a:visited {color:#34689A;text-decoration:underline;}
a:active  {color:#000;text-decoration:underline;}
a:hover   {color:#000;text-decoration:underline;}



ul{list-style:none;}


a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
    -moz-opacity:0.6;
}



/* フォーム
----------------------------------------------- */
select {
    border: solid 1px #ccc;
}
input[type='text'],
input[type='password'] {
    border: solid 1px #ccc;
    padding: 6px;
}

/* 横幅1120px以上
================================================= */
@media screen and (min-width: 1120px), print {
	body {
		overflow-x:hidden;
	}
}