@charset "utf-8";


/*PC・タブレット・スマホ共通設定

---------------------------------------------------------------------------*/

/*全体の設定

---------------------------------------------------------------------------*/
html,body {
	width: 100%;
	height: 100%;
}
body {
	color: #091524;		/*全体の文字色*/
	background: #fff;	/*全体の背景色*/
	margin: 0px;
	padding: 0px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure {
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
ul.disc{
	list-style-type: disc;
	margin-left :1em ;
}
ul.decimal{
	list-style-type: decimal;
	margin-left :1em ;
}
ol{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定

---------------------------------------------------------------------------*/
a {
	color: #00a9f4 ;	/*リンクテキストの色*/
	text-decoration:underline ;
	text-decoration:none ;
}
a:hover {
	color: #333;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	-moz-transition: 0.5s;			/*同上*/
	-o-transition: 0.5s;			/*同上*/
	-ms-transition: 0.5s;			/*同上*/
	transition: 0.5s;			/*同上*/
}
a:hover img {
	opacity:0.7 ;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	-moz-transition: 0.5s;			/*同上*/
	-o-transition: 0.5s;			/*同上*/
	-ms-transition: 0.5s;			/*同上*/
	transition: 0.5s;			/*同上*/
}


/*ヘッダー（サイト名ロゴが入ったブロック）

---------------------------------------------------------------------------*/
/*ヘッダーブロックの中*/
header .inner {
	display:none ;

	/*折りたたみメニューになった時用*/
	text-align:center ;
	position: fixed;	/*ウィンドウに対して固定表示*/
	top: 0px;			/*上から0pxの場所に配置*/
	z-index: 20;
	width: 100%;
	height: 50px;	/*高さ*/
	background:#091524 ;
	background: rgba(9,21,36,0.5);

}
/*h1ロゴの設定*/
header .inner h1 img{
	height:40px ;
	padding:5px ;
}

/*ロゴ　＋　メインメニューのブロック
---------------------------------------------------------------------------*/
/*メニューブロック*/
.menubar {
	position: fixed;	/*ウィンドウに対して固定表示*/
	top: 0px;			/*上から0pxの場所に配置*/
	z-index: 20;
	width: 100%;
	height: 70px;	/*高さ*/
	background:#091524 ;
	background: rgba(9,21,36,0.5);
}
.menubar ul {
	height: 70px;	/*ブロックの高さ*/
	float:right ;
	padding-right:50px ;
}
/*メニューブロック内にあるanimatemeブロック*/
.menubar .animateme {

}
/*メニューブロック内にあるロゴ画像*/
.menubar h1 img {
	height: 60px;	/*ロゴ画像の高さ。下の「#menubar ul li」の「line-height」の数字と合わせる。*/
	float: left;	/*左に回り込み*/
	padding: 5px 50px;	/*上下、左右への余白*/
}
/*メニュー１個あたりの設定*/
.menubar ul li {
	float: left;	/*左に回り込み*/
	line-height: 70px;	/*行間。上の「#menubar h1 img」の「height」の数字と合わせる。*/
	margin-left: 20px;	/*左側に空けるスペース。*/
	text-align:center ;
}
.menubar ul li a {
	text-decoration: none;
	color: #FFF;	/*文字色*/
	line-height:70px;		/*行間*/
	display: block;
}
/*メニューのマウスオン時*/
.menubar ul li a:hover{
	text-decoration: underline;
}

/*メイン画像

---------------------------------------------------------------------------*/
#mainimg{
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}
#mainimg img{
	max-width: 100%;
	display: block;
}
#mainimg img.mainimg_ms{
	display: none;
}

/*各コンテンツブロックの背景設定

---------------------------------------------------------------------------*/
/*背景：麻の葉*/
.bg_asa {
	background: #f5f7f8;
	background: url(../images/bg_asa.png);/*左からカンマで区切って背景画像を2つ指定*/
}

/*各ページのコンテンツ設定

---------------------------------------------------------------------------*/
.contents {
	padding: 70px 10% 70px 10%;	/*上、右、下、左への余白*/
	clear:both ;
}
#contact.contents {
	padding: 50px 10% 50px 10%;	/*上、右、下、左への余白*/
}
/*h2タグ設定*/
.contents h2 {
	clear: both;
	color:#000 ;
	font-size: 28px;		/*文字サイズ*/
	line-height: 1.2;			/*行間*/
	text-align:center ;
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定*/
	padding: 15px 20px;	/*上下、左右への余白*/
	margin-bottom: 30px;
}
/*h3タグ設定*/
.contents h3 {
	clear: both;
	margin-bottom: 15px;
	font-size: 24px;		/*文字サイズ*/
	font-weight: normal;	/*hタグのデフォルトの太字を標準にする設定。太字のままがいいならこの１行削除。*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定*/
}
/*h3タグの１文字目への設定*/
.contents h3::first-letter {
	border-left: 3px solid #000;	/*左側への線の幅、線種、色*/
	padding-left: 15px;				/*線と文字の間の余白*/
}
/*段落タグ設定*/
.contents p {
	padding: 7px 20px 14px;	/*上、左右、下への余白*/
}
.contents p + p {
	padding-top: 0px;
}
.contents h2 + p,
.contents h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}
/*段落を中寄せする設定*/
.c p ,
.c ul {
	width:40em ;
	margin-left:auto ;
	margin-right:auto ;
	text-align:left ;	/*文字は左詰*/
}

/*写真右寄せコンテンツ

---------------------------------------------------------------------------*/
.contents.fl_r{
	padding: 70px 0 70px 10%;	/*上、右、下、左への余白*/
}
/*h2タグ設定*/
.contents.fl_r h2 {
	float:left ;
}
.contents.fl_r p{
	clear:left ;
}
.contents.fl_r img{
	float:right ;
	width:50% ;
	margin:0 0 30px 50px ;
}

/*写真右寄せコンテンツ

---------------------------------------------------------------------------*/
.contents.fl_l{
	padding: 70px 10% 70px 0;	/*上、右、下、左への余白*/
}
/*h2タグ設定*/
.contents.fl_l h2 {
	float:right ;
}
.contents.fl_l p{
	clear:right ;
}
.contents.fl_l img{
	float:left ;
	width:50% ;
	margin:0 50px 30px 0 ;
}

/*トップページ内「ギャラリー」ブロック
---------------------------------------------------------------------------*/
.gallery{
	clear:both ;
}
.gallery img{
	width:46% ;
	margin:2% ;
	float:left ;
	height:auto ;
}

/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	color: #003705 ;
	font-size:90% ;
}
footer a {
	text-decoration: none;
	color: #003705 ;
	display:inline-block ;
}
footer a:hover {
	text-decoration:underline ;
}
/*コピーライト-----------------------------*/
footer #copyright{
	clear:left ;
	background: #091524 ;	/*背景色*/
	color:#999 ;
	font-size:80% ;
	padding:5px 0 ;
}
footer #copyright a{
	color:#FFF ;
}

/*Facebook
---------------------------------------------------------------------------*/
#fb-page {
	text-align:center ;	/*PC以下のサイズで中央寄せするための設定*/
	float:right ;
	width:47% ;
	margin-bottom:50px ;
}
.fb-page {

}
/*Googleマップ

---------------------------------------------------------------------------*/
.gmap{
	width:100% ;
	clear:both ;
}

/*テーブル１

---------------------------------------------------------------------------*/
.ta1 {
	float:left ;
	width: 49%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	line-height: 2;
}
/*テーブル内のtdセル*/
.ta1 td {
	text-align:left ;
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
}
.ta1 td.td_first {
	border-top: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
}
/*テーブル内のthセル*/
.ta1 th {
	width: 110px;	/*幅*/
	border-bottom: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;
	text-align: center;
}
.ta1 th.th_first {
	border-top: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	/*border-right: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
}

/*ページの上部へ（↑）ボタン
---------------------------------------------------------------------------*/
.pagetop{
	background:#DAE0E5 ;
	text-align:center ;
	opacity:0.8 ;
}
.pagetop img{
	margin:5px 0 0  ;
}
/*マウスオン時*/
a:hover .pagetop{
	opacity:1.0 ;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	-moz-transition: 0.5s;			/*同上*/
	-o-transition: 0.5s;			/*同上*/
	-ms-transition: 0.5s;			/*同上*/
	transition: 0.5s;			/*同上*/
}
/*「リンクボタン」設定

---------------------------------------------------------------------------*/
p.link {
}
p.link a {
	width:300px ;
	display: block;
	margin:30px auto 20px ;
	color: #FFF;		/*文字色*/
	background:#091524 ;
	border-radius:2px ;
	font-size: 110% ;	/*文字サイズ*/
	text-decoration: none;
	text-align: center;
	line-height:60px ;
}
.c p.link {
	width:auto ;	/*段落を中寄せする設定をしている場合の打ち消し*/
}
/*中央寄せしたいときの設定*/
p.link_c {
	clear: both;
}
p.link_c a {
}
/*マウスオン時*/
p.link a:hover {
	opacity:0.7;
}

/*「more」ボタン
---------------------------------------------------------------------------*/
.c_more{
	text-align:center ;
}
.more a{
	width:10em ;
	width:auto ;
	text-align:center ;
	background:#FFF ;
	background:#091524 ;
	/*border:1px solid #003705 ;*/
	border-radius:2px ;
	color:#FFF ;
	padding:2px 20px ;
	text-decoration:none ;
	margin-left:auto ;
	margin-right:auto ;
	display:inline-block ;
	font-size:14px ;
}
.more a:hover{
	opacity:0.7 ;
}

/*その他

---------------------------------------------------------------------------*/
.look {	background: #333;	color: #fff;}

.mb15,
.mb1em {	margin-bottom: 15px;}
.mb30{	margin-bottom:30px ;}
.mb50{	margin-bottom:50px ;}

.clear {	clear: both;}

ul.disc {	padding: 0em 25px 15px;	list-style: disc;}

.color1 {	color: #011a95;}
.color_b {	color: #00a9f4;	/*水色*/}
.color_p {	color: #ff4081;	/*ピンク*/}
.color_r {	color: #F00;	/*レッド*/}

.fs110 {	font-size:110% ;}
.fs90 {	font-size:90% ;}
.bold {	font-weight:bold ;}

.pr {	font-size: 10px;}
.btn {	font-size: 13px;}

.wl {	width: 96%;}
.ws {	width: 50%;}

.center {	text-align: center !important; }
.c {	text-align: center;}
.r {	text-align: right;}

figcaption {	font-size: 11px;}
img {	max-width: 100%;	height: auto;}

.newicon {
	color: #F00;
	font-size: 12px;
	font-weight:bold ;
	padding: 0px 5px;
	margin: 0px 5px;
}








/*画面幅1200px以上の設定

------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){



}



/*画面幅1600px以上の設定

------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1600px){



}







/*ここからタブレット用（801px～1000px）環境の設定

---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:801px) and (max-width:1000px) {


/*メイン画像

---------------------------------------------------------------------------*/
#mainimg img.mainimg{
	display: none;
}
#mainimg img.mainimg_ms{
	display: block;
}

/*写真左右寄せコンテンツ

---------------------------------------------------------------------------*/
/*h2タグ設定*/
.contents.fl_r h2 {
	float:none ;
	padding-right:10% ;
}
.contents.fl_l h2{
	float:none ;
	padding-left:10% ;
}

}



/*800px以下の端末で横向きに見た場合の設定

---------------------------------------------------------------------------*/
@media (orientation :landscape) and (max-width: 800px){


}



/*ここからタブレット用（481px～800px）環境の設定

---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*メイン画像

---------------------------------------------------------------------------*/
#mainimg img.mainimg{
	display: none;
}
#mainimg img.mainimg_ms{
	display: block;
}

/*各ページのコンテンツ設定

---------------------------------------------------------------------------*/
.contents {
	padding: 50px 5% 50px 5%;	/*上、右、下、左への余白*/
}
/*段落を中寄せする設定*/
.c p {
	width:auto ;
}

/*写真左右寄せコンテンツ

---------------------------------------------------------------------------*/
.contents.fl_r,
.contents.fl_l{
	padding: 50px 5% 50px 5%;	/*上、右、下、左への余白*/
}
/*h2タグ設定*/
.contents.fl_r h2 ,
.contents.fl_l h2{
	float:none ;
}
.contents.fl_r img,
.contents.fl_l img{
	float:none ;
	width:100% ;
	margin:0 0 30px 0 ;
}

/*テーブル１

---------------------------------------------------------------------------*/
.ta1 {
	float:none ;
	width: 100%;
	margin-bottom: 50px;
}
.ta1 th{
	width:200px ;
}
/*Facebook
---------------------------------------------------------------------------*/
#fb-page {
	float:none ;
	width:100% ;
	margin-bottom:30px ;
}

/*「リンクボタン」設定

---------------------------------------------------------------------------*/
p.link a {
	/*width:80% ;
	width:20em ;*/
}

}



/*ここからスマートフォン用（480px以下）環境の設定

---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 480px){

/*全体の設定

---------------------------------------------------------------------------*/
body {
	font-size: 16px;
	width:100% ;
}

/*メイン画像

---------------------------------------------------------------------------*/
#mainimg img.mainimg{
	display: none;
}
#mainimg img.mainimg_ms{
	display: block;
}

/*各ページのコンテンツ設定

---------------------------------------------------------------------------*/
.contents {
	padding: 50px 10px 50px 10px;	/*上、右、下、左への余白*/
	width:auto ;
}
/*h2タグ設定*/
.contents h2 {
	font-size: 110%;
	padding: 10px;
}
/*h3タグ設定*/
.contents h3 {
	font-size: 100%;
}
/*段落タグ設定*/
.contents p {
	padding: 7px 5px 14px;
}
/*段落を中寄せする設定*/
.c p {
	width:auto ;
}

/*写真左右寄せコンテンツ

---------------------------------------------------------------------------*/
.contents.fl_r,
.contents.fl_l{
	padding: 50px 10px 50px 10px;	/*上、右、下、左への余白*/
}
/*h2タグ設定*/
.contents.fl_r h2,
.contents.fl_l h2{
	float:none ;
}
.contents.fl_r img,
.contents.fl_l img{
	float:none ;
	width:100% ;
	margin:0 0 30px 0 ;
}

/*テーブル１

---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin-bottom:30px ;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
}
/*Facebook
---------------------------------------------------------------------------*/
#fb-page {
	float:none ;
	width:auto !important;
	margin-bottom:30px ;
}

/*「リンクボタン」設定

---------------------------------------------------------------------------*/
p.link a {
	width:auto ;
	font-size:90% ;
}

/*その他

---------------------------------------------------------------------------*/
.ws {	width: 96%;}
.c {	text-align: left;}
.non_dis_s{	display:none ;}

}





}
/*画面幅350px以下の設定

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


}