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

File Name:  styles.css
Last Update:2015-8-18

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

@charset "utf-8";

@-ms-viewport {width: device-width;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20140616
   License: none (public domain)
   ブラウザデフォルトCSSクリア
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


/* Base
------------------------------------------*/

html { -webkit-font-smoothing: antialiased; }

body { margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 min-width: 1024px;
 background:#FFFEF8;
}

a:link
{ color: #9A9941; text-decoration: none;}
a:visited
{ color: #9A9941; text-decoration: none;}
a:hover
{ color: #CD446F; text-decoration: none;}
a:active
{ color: #FF0000; text-decoration: none;}

/* グローバルメニュー部分 */
#gm {}

/* スマホ用リンク */
#go_smp{ display:none;}
	
/* スマホ用メニュー */
#gms{ display: none; }


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

.header {
	width:100%;
	margin:0 auto;
	background:url(../img/head_back.png) repeat-x center;
	text-indent:-9999px;}

.top-title {
	width:1024px;
	height:570px;
	margin:0 auto;
	background:url(../img/head_l.jpg) no-repeat;}

.omikuji { margin:1em; width:180px;}

.omikuji a{
	width:180px;
	height:180px;
	display:block;
	background:url(../img/omikuji_l.png) no-repeat;
}

.omikuji a:hover{
	background:url(../img/omikuji_l_h.png) no-repeat;}

/* ページ区分け
------------------------------------------*/

#page {
	margin: 20px auto;
	width:960px;}

.main_box {
	width:60%;
	float:left;}

.sub_box {
	width:36%;
	float:right;}
	
/* 2017*/	
.main_box2 {
	width:48%;
	float:left;}
.sub_box2 {
	width:48%;
	float:right;}
.main_box2 img {
	padding:5px 0;}

/* サブメニュー
------------------------------------------*/
.sub_m {
  width:100%;
  background: #EC7088;}
  
#menu-wrap {
  width:100%;
  height: 50px;
  background: #EC7088;}

#sub_menu {
  list-style-type: none;
  width: 1024px;
  margin: 0px auto 0px;
  background: #EC7088;
  padding: 0;}

#sub_menu li {
  float: left;
  margin: 0;
  padding: 0;}

#sub_menu li a {
  display: block;
  margin: 0 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;}

#sub_menu li a:hover { color:#CD446F;}
	
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;}

.go_home a ,
.go_tw a
 {text-indent:-9999px; padding: 17px 0;}

.go_home a { width:110px;
  background:url(../img/menu_home.png) no-repeat left center;}
.go_home a:hover { background:url(../img/menu_home_h.png) no-repeat left center;}
  
.go_tw a { width:35px;
  background:url(../img/menu_tw.png) no-repeat left center;}
.go_tw a:hover { background:url(../img/menu_tw_h.png) no-repeat left center;}

.go_photo a,
.go_report a,
.go_schedule a,
.go_profile a
{ padding: 17px 0 17px 35px;}

.go_photo a { background:url(../img/menu_photo.png) no-repeat left center;}
.go_photo a:hover { background:url(../img/menu_photo_h.png) no-repeat left center;}
  
.go_report a { background:url(../img/menu_report.png) no-repeat left center;}
.go_report a:hover { background:url(../img/menu_report_h.png) no-repeat left center;}
  
.go_schedule a { background:url(../img/menu_schedule.png) no-repeat left center;}
.go_schedule a:hover { background:url(../img/menu_schedule_h.png) no-repeat left center;}
  
.go_profile a { background:url(../img/menu_profile.png) no-repeat left center;}
.go_profile a:hover { background:url(../img/menu_profile_h.png) no-repeat left center;}

/* メニューリスト
------------------------------------------*/
.menu_l ul {width:100%;
	margin: 0;
	padding: 0;}

.menu_l li {list-style:none;}

.menu_l li a {
	position: relative;
	display: block;
	padding: 12px 5px 12px 30px;
	color: #000;
	text-decoration: none;}

.menu_l li a:hover { background-color: #eee;}

.menu_l li a:before	{
	position: absolute;
	left: 5px;
	top: 10px;
	content: url(../img/menu_photo.png);}

/* 項目
------------------------------------------*/
.unit1 ,
.unit2 {
	background: url(../img/contents.png);
	padding:15px;
	margin-bottom:1em;}

.unit3 {
	background: #FFFEF8;
	padding:25px;
	margin-bottom:1em;
	border:solid 1px #62BEC0;
	font-size:0.9em;}
	
.unit3 img { width:100%}
		
.unit2{
	text-align:center;}
	
.unit1 a ,
.unit2 a{
	display:block;}
	
.unit1 h4 ,
.unit2 h4{ /*見出し*/
	padding-bottom:0.5em;
	font-weight:normal;
	color:#62BEC0;}

.unit1 span{ /*見出し*/
	font-size: smaller;
	color:#666;}

.unit1 p ,
.unit2 p ,
.unit3 p  {
	line-height:1.6em;}
	
.unit_photo{
  padding-left:40px;
  line-height:25px;
  background:url(../img/icon_photo.png) no-repeat left top;}
  
.unit_report{
  padding-left:40px;
  line-height:25px;
  background:url(../img/icon_report.png) no-repeat left top;}

#feed1 {background:#FFFEF8 url(../img/feed1_back.png) no-repeat right bottom;}
#feed2 {background:#FFFEF8 url(../img/feed2_back.png) no-repeat right bottom;}

#feed1 h2,
#feed2 h2 { display:none;}
	
#feed1 ul,
#feed2 ul {
	list-style:none;}

#feed1 li,
#feed2 li {
	padding:1em;
	line-height:1.6em;}

h3 {/*見出し*/ 
	font-size: 1.4em;
	margin-bottom:10px;
	color:#62BEC0;
	padding-left:45px;
	line-height:40px;}
	
.h3_menu{ background:url(../img/icon_menu.png) no-repeat left center;}
.h3_info{ background:url(../img/icon_info.png) no-repeat left center;}
.h3_otayori{ background:url(../img/icon_otayori.png) no-repeat left center;}
.h3_tw{ background:url(../img/icon_tw.png) no-repeat left center;}

.h5_info_title{ padding:10px 0;
	margin:10px 0 ;
	border-bottom:solid 1px #62BEC0;
	border-top:solid 1px #62BEC0;}

.linK_txt{
	margin:10px 0; padding:4px; text-align: center;
	background:url(../img/contents.png);
	border:solid 1px #62BEC0}		
.info_day{margin:10px 0 30px 0; text-align:right; color:#666}	

/* 動画
------------------------------------------*/
.video {
	margin: 1em auto ;
	position: relative;
	height: 0;
	padding: 0px 0 56.25%;
	overflow: hidden;}
	
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
	
/* フォーム用ボタン
------------------------------------------*/

.button	{display: inline-block;
	padding: 10px 0;
	margin:20px auto;
	background-color: #EC7088;
	font-weight:bold;
	font-size:1.2em;
	text-decoration: none;
	text-align:center;
	width:100%;
	border-radius:10px;}

.button a , button a:visited {color: #FFF;}

.button:hover, 
.button:focus	{outline: none;
	background:#9A9941;}

/* ツイッター
------------------------------------------*/
.unit_tw{ margin-bottom:20px;}

/* 関連リンク
------------------------------------------*/
.link_img{ margin-bottom:10px;}

/* お便りコーナー
------------------------------------------*/
.h5_otayori{ padding:5px;
	margin:10px 0;
	border-top:solid 1px #62BEC0;
	border-bottom:solid 1px #62BEC0;}

.otayori dt { margin-top:10px; padding-left:25px; color:#62BEC0; font-weight:bold;}
.otayori dd{ line-height:1.6em;}

.o_hagaki{ background:url(../img/o_hagaki.png) no-repeat left center;}
.o_fax{ background:url(../img/o_fax.png) no-repeat left center;}
.o_mail{ background:url(../img/o_mail.png) no-repeat left center;}

/* プロフィール
------------------------------------------*/
.h3_profile{ background:url(../img/icon_profile.png) no-repeat left center; margin:30px 0;}

.p_yasu,
.p_yamane,
.p_omori{width:100%; padding:30px 0;}

.p_yasu{ background:url(../img/back_yasu.jpg) no-repeat 200px top #FFC926;}
.p_yamane{ background:url(../img/back_yamane.jpg) no-repeat 200px top #FFB399;}
.p_omori{ background:url(../img/back_omori.jpg) no-repeat 200px top #BFBFFF;}

.name_yasu,
.name_yamane,
.name_omori{ width:140px;
	padding-top:150px;
	text-align:center;
	float:left}

.name_yasu{ background:url(../img/p_yasu.png) no-repeat;}
.name_yamane{ background:url(../img/p_yamane.png) no-repeat;}
.name_omori{ background:url(../img/p_omori.png) no-repeat;}

.p_unit{ width:960px; margin:auto;}

.profile{ width:760px; float:right}
  
.profile dt{
	padding:10px 0 10px 25px;
	background:url(../img/p_que.png) no-repeat left center;}
  
.profile dd{
	padding-left:25px;
	line-height:1.6em;}

.p_font_l{ font-size:large; font-weight:bold;}


/* スケジュール
------------------------------------------*/

.h3_schedule{ background:url(../img/icon_schedule.png) no-repeat left center; margin:30px 0;}

.s_unit{ background: url(../img/contents.png);
	padding:15px;
	margin-bottom:1em;}
	
.bosyu{ background: url(../img/bosu.png) no-repeat left center;
	padding-left:50px; line-height:50px;}

.flag{ background: url(../img/flag.png) no-repeat left center;
	padding-left:50px; line-height:50px;}
	
.why{ background: url(../img/why.png) no-repeat left center;
	padding-left:50px; line-height:50px;}
	
.s_unit p{padding:0 0 10px 50px; line-height:1.6em}

table {
	background:#62BEC0; margin-bottom:30px; font-size:small;}

table th ,
table td{
	padding:5px; line-height:1.6em; background:#FFF;}

.h4_timetable{ /*見出し*/
	padding-bottom:0.5em;
	color:#62BEC0;}
	
.why_carnavi li{ list-style:none; padding:5px 5px 5px 40px; line-height:1.8em}

.why_carnavi li:first-letter {
	color:#FFF; font-weight:bold; background-color:#CD446F; padding:2px 5px; margin-right:10px;}

/* ツイッター
------------------------------------------*/
.unit_tw{ margin-bottom:20px;}
  

/* スマホ用リンク表示・非表示
------------------------------------------*/
@media only screen and (max-width: 764px) {

  /* Test of reflowing some layout for smaller screens */
  .title-img { 
	margin-top:320px;}
  
	#gm {display: none;}
	
	#go_smp{	
	display:block;
	border-bottom:1px solid #666;
	text-align:center;
	padding:0.5em 0}

/* スマホ用グローバルナビゲーション */
#gms{ display:block; background: #fff !important; height:40px;border-bottom:1px solid #cacaca; }
#gms nav{ float:right }
#gms nav > a{ background:url(../img/contents_menu.png) center right no-repeat;
	display:block; color:#cacaca; text-decoration:none; font-weight:bold; text-indent:-9999px; width:120px; height:40px; z-index:5; position:relative; }
#gms nav a:hover{ color:#FFFFFF; text-decoration:none; }
#gms nav div.panel{ display:none; background: #fff !important; width:100%; position:absolute; left:0; top:0; padding-top:30px; z-index:10; border-bottom:1px solid #cacaca; }
#gms nav div.panel p{ text-align:right; margin:5px; }
#gms nav div.panel p a{ display:block; background:url(../img/panel_close.png) center left no-repeat; width:100%; height:44px; }
#gms nav div.panel ul{ width:100%; margin:10px auto 0px; border-top:1px solid #cacaca; }
#gms nav div.panel li{ background:url(../img/arrow_right.png) no-repeat right center; padding:15px; border-bottom:1px solid #cacaca; font-weight:normal; }
#gms nav div.panel li a{ display:block }
#gms nav div.panel a{ color:#333333; text-decoration:none }
}

/* スマホ対応用
------------------------------------------*/

@media (max-width: 764px) {

body { background:#E0E69E; background:url(../img/body_back_s.png) repeat-y center;
min-width: 320px;}

/* ヘッダ
------------------------------------------*/
.header {
	width:100%;
	margin:20px auto;
	background:none;
	text-indent:-9999px;
}

.top-title {
	width:320px;
	height:440px;
	margin:0 auto;
	background:url(../img/head_s.jpg) no-repeat;
}

.omikuji { width:180px;
 margin:240px auto 0 auto;}

/* メニュー
------------------------------------------*/

#menu-wrap {
  width: 100%;
  background: #EC7088;}

#sub_menu { width: 96%; margin:auto}

#sub_menu li a {padding:17px 0; margin:0}

.go_home a {
  width:35px;
  background:url(../img/menu_home_s.png) no-repeat left center;}
  
.go_home a:hover {
  background:url(../img/menu_home_s_h.png) no-repeat left center;}

.go_photo a,
.go_report a,
.go_schedule a,
.go_profile a
  {width:35px; text-indent:-9999px;}

  #page{width: 320px; float:none; margin:auto}
	
  .main_box{width: 320px; float:none; margin:auto}

  .sub_box{width: 320px; float:none; margin:auto}
  
  .main_box2{width: 320px; float:none; margin:auto}

  .sub_box2{width: 320px; float:none; margin:auto}

/* プロフィール
------------------------------------------*/
.p_yasu,
.p_yamane,
.p_omori{ background:none; width:320px; padding:0; margin:auto;}

.p_unit{width:320px; margin:auto;}

.name_yasu,
.name_yamane,
.name_omori{ margin:auto; float:none;}

.profile{ width:320px; float: none}

}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

}


/* Footer ------------------------------------------------------------------*/

#footer { margin-top:30px; clear:both; font-size:small; background:#FFFEF8;}

#publicBox {
    clear: both;
    padding: 10px 0px;
    margin: 0px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#publicBox ul {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
}

#publicBox li {
    display: inline;
	line-height:24px;
    padding: 0px 15px;
    border-right: 1px solid rgb(38, 38, 38);
}

#publicBox li.last{
border:none !important;
}

#publicBox a:link{ color:#000000; }
#publicBox a:visited{ color:#000000; }
#publicBox a:hover{ color:#000000; }
#publicBox a:active{ color:#000000; }

address {
	padding:10px 3px;
    font-style: normal;
}