@charset "UTF-8";

/* //////////////////////////////////////////////////////////////////// */
/* ///// 全ページ共通CSS //////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
font
================================================== */
html {font-size: 62.5%;}/*基本フォントサイズ10px*/

body {
color:#000;
font-size: 10px; font-size: 1.0rem;
line-height:1.8;
letter-spacing:1px;

/*ゴシック系*/
font-family:"Montserrat","Helvetica Neue",Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;

/*明朝系*/
/*font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;*/
}

#wrapper {font-size:14px; font-size:1.4rem;}

/* ==================================================
link
================================================== */
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

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

a { /* FireFoxのリンク選択時の点線を消す */
overflow: hidden;
outline: none;
}

a img, a {
	outline: none;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
a:active, a:hover, a:focus {
	outline-width: 0;
}

.pc_only {
	display: block;
}
.sp_only {
	display: none;
}

@media screen and (max-width:640px) {
.pc_only {
	display: none;
}
.sp_only {
	display: block;
}
a.csshover:hover,
a:hover img.csshover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

a img, a {
	outline: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
}

/* ==================================================
base (reset)
================================================== */
html {
margin:0;
padding:0;
}

body {
width:100%;
min-width:1000px;/* サイトに応じて */
margin:0;
padding:0;
position:relative;
text-align:center;
}

@media screen and (max-width:640px){
body {
width: 100% !important;
min-width:640px;
background:#ffffff; /*Androidのブロック幅バグ回避*/
}
}

#wrapper {
width:100%;
display:none;
}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; font-size:100%; font-weight:normal;}

ul, ol {margin:0; padding:0; vertical-align:baseline; background:transparent;}
ol, li {list-style:none;}

img {border:none; line-height:0; font-size:0; vertical-align:text-bottom;}
img, object, embed, video {max-width: 100%;}

a {
margin:0;
padding:0;
font-size:inherit;
background:transparent;
}

th, td {
font-style:normal;
font-weight:normal;
font-size:inherit;
empty-cells:show;
}

input, select {
vertical-align:middle;
}

input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
/*border:0;*/
}

pre {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}

* {
-webkit-box-sizing: border-box;/* ボックス内のwidth優先 */
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/* ==================================================
header
================================================== */

/* ==================================================
nav
================================================== */

/* ==================================================
contents
================================================== */

/* PAGETOP
------------------------------ */

/* ==================================================
footer
================================================== */

/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
6. other
================================================== */

/* --------------------------------------------------
class指定のみでマウスオーバー効果 (base_pc.js)
※fadeの透過時間は、base_pc.jsにて調節
-------------------------------------------------- */
.swap {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる*/
.swapfade {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる フェード効果付き*/
.fade {} /*半透過*/
.fadefix {} /*完全透過　　※要素の背景にON画像の設定必要*/

/* --------------------------------------------------
アニメーションスクロール
-------------------------------------------------- */
.scrollto {} /*jquery.scrollto.jsを利用*/

/* --------------------------------------------------
ブロック要素全体をクリックにて、ブロック要素内にあるリンク先へ遷移 (base_pc.js)
-------------------------------------------------- */
.clickable { cursor:pointer;}

/* --------------------------------------------------
clrfix
フロートした子要素しかもたない親ブロック要素の高さを確立する
-------------------------------------------------- */
/*親ブロック要素のclassにclrfixを追加*/
.clrfix:before,
.clrfix:after {
content:"";
display:table;
}
.clrfix:after { clear:both; }

/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */