@charset "UTF-8";
/* CSS Document */


body {
	font-family: 'Copperplate';
	-ms-font-feature-settings: "normal";
	letter-spacing:-0.001em;/* iOS4でのテキスト隙間への対応*/
	-webkit-text-size-adjust: 100%;/* iOS文字サイズ自動調整のキャンセル*/
}
@font-face {
	font-family: 'Copperplate';
	-ms-font-feature-settings: "normal";
	src: url('../font/copperplate.eot'); /* IE9 Compat Modes */
	src: url('../font/copperplate.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/copperplate.woff') format('woff'), /* Modern Browsers */
	     url('../font/copperplate.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../font/copperplate.svg#svgFontName') format('svg'); /* Legacy iOS */
}
p {
	font-family: 'Copperplate';
	-ms-font-feature-settings: "normal";
}
.font_gothic {
	font-family:sans-serif,'arial',"MS Serif", "New York", serif;
}


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

         Carousel style.css

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

html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
a { cursor: pointer; }
.hotspot{ cursor:pointer; }

/* Typography
------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { line-height: 1.4; margin: 0; padding: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 12px; }
p { margin: 0; line-height: 1; }
p img {margin: 0; }
em { font-style: normal; }
small { font-size: 80%; }
.font_small { font-size: 70%; font-weight:normal; }
dl, dt, dd, ol, ul { list-style: none; margin: 0; padding: 0; }

.mb_1 {	margin-bottom:1px; }
.mb_2 {	margin-bottom:2px; }
.mb_3 {	margin-bottom:3px; }
.mb_4 {	margin-bottom:4px; }
.mb_5 { margin-bottom:5px; }
.mb_7 { margin-bottom:7px; }
.mb_8 { margin-bottom:8px; }
.mb_10 { margin-bottom:10px; }
.mb_11 { margin-bottom:11px; }
.mb_12 { margin-bottom:12px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_25 { margin-bottom:25px; }
.mb_30 { margin-bottom:30px; }
.mb_35 { margin-bottom:35px; }
.mb_40 { margin-bottom:40px; }
.mb_45 { margin-bottom:45px; }
.mb_50 { margin-bottom:50px; }
.mb_60 { margin-bottom:60px; }
.mb_70 { margin-bottom:70px; }
.mb_80 { margin-bottom:80px; }
.mb_90 { margin-bottom:90px; }
.mb_100{ margin-bottom:100px; }
.mb_110{ margin-bottom:110px; }
.mb_120{ margin-bottom:120px; }
.mb_130{ margin-bottom:130px; }
.mb_140{ margin-bottom:140px; }
.mb_150{ margin-bottom:150px; }
.mb_150{ margin-bottom:150px; }
.mb_160{ margin-bottom:160px; }
.mb_170{ margin-bottom:170px; }
.mb_180{ margin-bottom:180px; }
.mb_190{ margin-bottom:190px; }
.mb_200{ margin-bottom:200px; }
.mb_300{ margin-bottom:300px; }
.mb_400{ margin-bottom:400px; }

.mb_m_10 { margin-bottom:-10px; }

.mt_10 { margin-top:10px; }
.mt_30 { margin-top:30px; }
.mt_50 { margin-top:50px; }
.mt_100 { margin-top:100px; }

.mt_m10 { margin-top:-10px; }


.ml_15{ margin-left:15px; }
.ml_16{ margin-left:16px; }

.mr_0{ margin-right:0;}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    line-height: 0;
	width:0;
	overflow:hidden;
	display:block;
    font-size: 1px;
	visibility:hidden;
}
.float_r {float:right;}
.float_l {float:left;}

* html .clearfloat             { zoom: 1; } /* IE6 */
*:first-child+html .clearfloat { zoom: 1; } /* IE7 */

.font_orange {
	color: #ff9600;
	margin-bottom:8px;
	margin-top:8px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.font_white {
	color: #ffffff;
	margin-bottom:8px;
	margin-top:8px;
}
.font_red {
	color: #d00005;
}
.font_gray {
	color:#999;
}
.font_blue {
	color:#09F;
}
.font_min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.text_right { text-align:right; }

img { max-width:100%; height:auto;}
.ie8 img { width:auto; }
.img_80 { max-width:80vw; height:auto; }
.img_40 { max-width:40vw; height:auto; }

/* Links
------------------------------------------------------------------------- */
a, a:visited { text-decoration: none; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }


/* align
------------------------------------------------------------------------- */

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center; }

/*list
----------------------------------------------------- */

.list {
	padding-left: 1em;
	margin-bottom: 1em;
}
ul.list {
	list-style: disc;
}
ol.list {
	list-style: decimal;
}
.list li {
	list-style-position: outside;
	margin: 0.5em 0;
}
.list li:last-child {
	margin-bottom: 0;
}




/* main
------------------------------------------------------------------------- */


/* sidenavi
------------------------------------------------------------------------- */


/* New mark
------------------------------------------------------------------------- */


/* header
------------------------------------------------------------------------- */


/* footer
------------------------------------------------------------------------- */


/* button
------------------------------------------------------------------------- */


/* スライダータイミング
------------------------------------------------------------------------- */

@-webkit-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
@-moz-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
@-o-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
@-ms-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
@keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}