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

File Name:  styles.css
Last Update:2021-3-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:#62bec0 url(../image/head_back_l.png) repeat-x bottom;
	text-indent:-9999px;}

.top-title {
	width:1200px;
	height:620px;
	margin:0 auto;
	background:url(../image/head_l.jpg) no-repeat;}

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

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

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

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

#page ,#top_topic ,#top_info {
	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 ,
.go_youtube a
 {text-indent:-9999px; padding: 17px 0;}

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

.go_youtube a { width:35px;
  background:url(../image/menu_youtube.png) no-repeat left center;}
.go_youtube a:hover { background:url(../image/menu_youtube_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(../image/menu_photo.png) no-repeat left center;}
.go_photo a:hover { background:url(../image/menu_photo_h.png) no-repeat left center;}
  
.go_report a { background:url(../image/menu_yamane.png) no-repeat left center;}
.go_report a:hover { background:url(../image/menu_yamane.png) no-repeat left center;}
  
.go_schedule a { background:url(../image/menu_schedule.png) no-repeat left center;}
.go_schedule a:hover { background:url(../image/menu_schedule_h.png) no-repeat left center;}
  
.go_profile a { background:url(../image/menu_profile.png) no-repeat left center;}
.go_profile a:hover { background:url(../image/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(../image/menu_photo.png);}

/* 項目
------------------------------------------*/
.unit1 ,
.unit2 {
	background: url(../image/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;
	line-height: 180%;
	font-weight:normal;
	color:#62BEC0;}

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

.unit1 p ,
.unit2 p ,
.unit3 p  {
	line-height:1.6em;
	padding-bottom:15px;}
	
.unit_photo{
  padding-left:40px;
  line-height:25px;
  background:url(../image/icon_photo.png) no-repeat left top;}
 
.unit_yamane_note{
  padding-left:40px;
  line-height:25px;
  background:url(../image/icon_yamane_note.png) no-repeat left top;}

.yamane_note_back{
  background:url(../image/back_note_yamane.png) no-repeat right top;
	background-size: 70px;
}

.unit_youtube{
  padding-left:50px;
  line-height:25px;
  background:url(../image/icon_youtube.png) no-repeat left top;}

.unit_profile{
  padding-left:40px;
  line-height:25px;
  background:url(../image/icon_profile.png) no-repeat left top;}

.unit_schedule{
  padding-left:40px;
  line-height:25px;
  background:url(../image/icon_schedule.png) no-repeat left top;}

#feed1 {background:#FFFEF8 url(../image/feed1_back.png) no-repeat right bottom;}
#feed2 {background:#FFFEF8 url(../image/feed2_back.png) no-repeat right bottom; margin-top: 20px;}
#feed3 a {display: inline;}

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

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

#feed3 li {

	line-height:1.6em;}

h3 {/*見出し*/ 
	font-size: 1.4em;
	margin-bottom:10px;
	color:#62BEC0;
	padding-left:45px;
	line-height:40px;}
	
.h3_menu{ background:url(../image/icon_menu.png) no-repeat left center;}
.h3_info{ background:url(../image/icon_info.png) no-repeat left center;}
.h3_otayori{ background:url(../image/icon_otayori.png) no-repeat left center;}
.h3_tw{ background:url(../image/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(../image/contents.png);
	border:solid 1px #62BEC0}		
.info_day{margin:10px 0 30px 0; text-align:right; color:#666}	

.new_label{
	text-align: left;
	display: inline-block;
	width: 40px;
	margin: 0 0 10px -20px;
	padding: 5px 10px;
	background: #D03E79;
	color: #ffffff;
	font-size: 12px;
}

/* 動画
------------------------------------------*/
.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:10px auto;
	background-color: #EC7088;
	font-weight:bold;
	font-size:1.2em;
	text-decoration: none;
	text-align:center;
	width:100%;
	border-radius:10px;}

.button:link , .button:visited {color: #fff;}

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

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

.button2:link , .button2:visited {color: #fff;}

.button2:hover, 
.button2:focus	{outline: none;color: #FFF;
	background:#666;}

/* ツイッター
------------------------------------------*/
.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(../image/o_hagaki.png) no-repeat left center;}
.o_fax{ background:url(../image/o_fax.png) no-repeat left center;}
.o_mail{ background:url(../image/o_mail.png) no-repeat left center;}

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

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

.p_yasu{ background:url(../image/back_yasu.jpg) no-repeat right top #e5eeb2;}
.p_yamane{ background:url(../image/back_yamane.jpg) no-repeat right top #ffcc99;}

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

.name_yasu{ background:url(../image/p_icon_yasu.png) no-repeat;}
.name_yamane{ background:url(../image/p_icon_yamane.png) no-repeat;}

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

.profile{ width:760px; float:right}
  
.profile dt{
	padding:10px 0 10px 25px;
	background:url(../image/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;}

.sub_profile_yasu{ 
	box-sizing: border-box;
	margin: 4% 0;
	padding: 4% 4% 4% 220px;
	background: #ffffff url(../image/profile_sub_yasu.jpg) no-repeat 20px center;
	background-size: auto 80%;
	border-radius: 10px;
}

.sub_profile_yamane{ 
	box-sizing: border-box;
	margin: 4% 0;
	padding: 4% 4% 4% 220px;
	background: #ffffff url(../image/profile_sub_yamane.jpg) no-repeat 20px center;
	background-size: auto 80%;
	border-radius: 10px;
}

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

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

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

.flag{ background: url(../image/flag.png) no-repeat left center;
	padding-left:50px; line-height:50px;}
	
.why{ background: url(../image/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;}
.twitter-timeline { width: 740px !important; }

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

  /* Test of reflowing some layout for smaller screens */
  .title-img { 
	margin-top:320px;}
  
	.gm {display: none;}

}

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

@media (max-width: 764px) {

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

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

.top-title {
	width:360px;
	height:440px;
	margin:-20px auto 20px auto;
	background:url(../image/head_s.jpg) no-repeat;
}

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

/* メニュー
------------------------------------------*/
	
.yamane_note_back{
  background:url(../image/back_note_yamane.png) no-repeat right top;
	background-size: 35px;
}
	
#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(../image/menu_home_s.png) no-repeat left center;}
  
.go_home a:hover {
  background:url(../image/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 ,#top_topic ,#top_info{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{ background:none; width:320px; padding:0; margin:auto;}

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

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

.profile{ width:320px; float: none}
	
.sub_profile_yasu{ 
	padding: 160px 4% 4% 4%;
	background: #ffffff url(../image/profile_sub_yasu.jpg) no-repeat center 20px;
	background-size: 120px auto;
	border: solid 1px #cccccc;
}

.sub_profile_yamane{ 
	padding: 160px 4% 4% 4%;
	background: #ffffff url(../image/profile_sub_yamane.jpg) no-repeat center 20px;
	background-size: 120px auto;
	border: solid 1px #cccccc;
}

}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

}


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

footer {
	width: 100%;
	margin:30px auto 0 auto;
	padding: 30px 0;
	clear:both;
	font-size:small;
	text-align:center;
}
/* copyright */
address {
	margin: 30px 0 0 0;
	text-align:center;
}

/* sns */
.sns {
	margin: 0px auto 30px auto;
	max-width:300px;
	display: flex;
}

ul.share li {
	display: inline-block;
	margin: 0 10px;
	padding:0;
	line-height: 0;
}

/* footerにスマホトップへ戻る画像を追加
   ========================================================================== */
.hbc-back {
    width: 130px;
    margin: 0 auto;
    background: #fff;
    padding: 10px;
	display: none;
}
.hbc-back img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
.hbc-back {
    display: block; 
}
}

/* クリアフィックス(回り込み解除旧IE対応)--------------------------*/
.cl::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.cl {
    zoom: 1; /* for IE6/7 */
}