@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* Text Align
 * --------------------------------------------- */
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left !important; }
.textAlignRight { text-align: right; }

/* Float
 * --------------------------------------------- */
/* LEFT */ .floLeft { float:left; }
/* RIGHT */ .floRight { float:right; }
/* CLEAR */ .floClear { clear:both; float: none; }

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for IE5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }

/* Global Style
---------------------------------------------------------------- */
.align_right { float: right; }
.align_left { float: left; }

/* Global Font Style
---------------------------------------------------------------- */
.fontSize10 { font-size:77%; }
.fontSize11 { font-size:85%; }
.fontSize12 { font-size:93%; }
.fontSize13 { font-size:100%; }
.fontSize14 { font-size:108%; }
.fontSize15 { font-size:116%; }
.fontSize16 { font-size:123.1%; }
.fontSize17 { font-size:131%; }
.fontSize18 { font-size:138.5%; }
.fontSize19 { font-size:146.5%; }
.fontSize20 { font-size:153.9%; }
.fontSize21 { font-size:161.6%; }
.fontSize22 { font-size:167%; }
.fontSize23 { font-size:174%; }
.fontSize24 { font-size:182%; }
.fontSize25 { font-size:189%; }
.fontSize26 { font-size:197%; }
.fontWeightNormal { font-weight:normal; }
.fontWeightBold { font-weight:bold; }
.fontColorRed { color:#C90000; }
.fontColorGray { color:#686868; }
.fontColorBlack { color:#4e4e4e !important; }
.fontColorBrown { color:#804e21; }
.fontColorOrange { color:#ff6600; }
.fontColorKurenai { color:#c30d23; }

/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clerfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

p {
	font-size: 100%;
	line-height: 150%;
}

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

p.textpadding_1em {
	padding-left: 1em;
}

p.textpadding_2em {
	padding-left: 2em;
}

p.caps {
	font-size:85%;
	line-height: 120%;
}

img.verticalAlignBottom {
vertical-align: bottom;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}


/*----------------------------------------------------
画像
----------------------------------------------------*/
/*フルードイメージ*/
img,
iframe,
object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}

/* --------------------------------------------------------
margin
-------------------------------------------------------- */
.mgn_b0 { margin-bottom: 0 !important;}
.mgn_b05 { margin-bottom: 5px !important;}
.mgn_b10 { margin-bottom: 10px !important;}
.mgn_b15 { margin-bottom: 15px !important;}
.mgn_b20 { margin-bottom: 20px !important;}
.mgn_b25 { margin-bottom: 25px !important;}
.mgn_b30 { margin-bottom: 30px !important;}
.mgn_b35 { margin-bottom: 35px !important;}
.mgn_b40 { margin-bottom: 40px !important;}
.mgn_b45 { margin-bottom: 45px !important;}
.mgn_b50 { margin-bottom: 50px !important;}
.mgn_b60 { margin-bottom: 60px !important;}
.mgn_b70 { margin-bottom: 70px !important;}
.mgn_b80 { margin-bottom: 80px !important;}

.mgn_t0 { margin-top: 0 !important;}
.mgn_t05 { margin-top: 5px !important;}
.mgn_t10 { margin-top: 10px !important;}
.mgn_t15 { margin-top: 15px !important;}
.mgn_t20 { margin-top: 20px !important;}
.mgn_t25 { margin-top: 25px !important;}
.mgn_t30 { margin-top: 30px !important;}
.mgn_t35 { margin-top: 35px !important;}
.mgn_t40 { margin-top: 40px !important;}
.mgn_t45 { margin-top: 45px !important;}
.mgn_t50 { margin-top: 50px !important;}
.mgn_t60 { margin-top: 60px !important;}
.mgn_t70 { margin-top: 70px !important;}
.mgn_t80 { margin-top: 80px !important;}


/*	EXAMPLE STYLES */
body {
	background-color: #451a26;
}

.wrapper {
	width: 960px;
}

p {
	font-size: 108%;
	line-height: 150%;
	color: #ffffff;
}

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

header {
	margin: 30px auto 10px;
}

/* --------------------------------------------------------
 Contents Style
-------------------------------------------------------- */

article {
}

aside {
}

#title {
	padding-top: 1%;
}

.contents {
	width: 100%;
	margin: 0 auto 0;
}

.contentsList{
	margin-bottom: 2%;
	padding: 15px;
}

.contentsList_bg01 {
	background-color: #04b2c5;
}

.contentsList_bg02 {
	background-color: #e33e49;
}

.contentsList_bg03 {
	background-color: #e05022;
}

.contentsList_bg04 {
	background-color: #b68e05;
}

.contentsList p{
	color: #ffffff;
}

.date {
	padding: 2%;
}

.date p {
	margin-bottom: 2%;
	font-size:138.5%;
}

iframe {
		width: 100% !important;
		height: 370px !important;
}

.contentsList img{
	margin-bottom: 10px;
	width: 100%;
	height: 350px;
  object-fit: cover;
}

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

footer {
	margin: 0 auto 2%;
}


@media all and (min-width: 768px) and (max-width: 960px) {

}

@media screen and ( max-width : 768px ) {

	.wrapper {
		width: 100%;
	}

	.contents {
		width: 95%;
		margin: 0 auto 0;
	}

	.contentsList{
		margin-bottom: 0;
	}

	.contentsList img{
		margin-bottom: 10px;
		height: auto;
	  object-fit: fill;
	}

	footer {
		margin: 2% auto 2%;
	}

}

@media screen and ( min-width : 960px ) {

}