@charset "UTF-8";


/* ボディ
--------------------------------------------------- */

body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 background-color:#faf6d7;

	 text-align: ;
	 margin: 10px;
	 margin-left: 0pt;
	 margin-right: 0pt;

	 padding: 0px;

	 background-image: url();  /* カッコ内に画像ファイル内データ名を */
	 background-repeat: no-repeat;
	 background-position: bottom right;
 }


#container {
	 width: 96%;
	 max-width:900px ;
	 height: auto;
	 margin: auto;
 }


#header {
	 width: auto;
	 height: auto;
	 background:#0078d7;
	 border: 3px solid #ffffff;
	 box-sizing: border-box;
 }



#footer {
	 width: auto;
	 height: auto;
	 background: #ffffff;
	 border: 1px solid #d3d3d3;
	 box-sizing: border-box;
 }


#nav{
	 width:auto;
	 height:auto;
	 background:#ffffff;
 }



/* mainはinnerBoxを包む。innerBoxの中にcontent1とcontent2 */
#main {
	 height: auto;
	 width: auto;
	 box-sizing: border-box;
	 display:block;
 }


/* レスポンシブ記述　content1,2レイアウト変更用 */
#innerBox {
	 width:100%;
	 line-height:auto;
	 box-sizing:border-box;
	 display:block;
	flex-direction:column;
 }


@media screen and (min-width:481px) {
#innerBox {
	 display:flex;
	 flex-direction:row-reverse;
}
}


@media screen and (min-width:769px) {
#innerBox {
	 display:flex;
	 flex-direction:row-reverse;
 }
 }

/* レスポンシブ記述　content1,2レイアウト変更用終わり */


#content1 {
	 order:1;
	 flex:1;
	 width:auto ;
	 background: #e8ffff;
	 padding-left:5px;
	 padding-right:1em ;
	 border:1px solid #d3d3d3;
	 box-sizing: border-box;
 }


/* レスポンシブ記述content2 左余白調整paddingleft */
#content2 {
	 order:2;
	 flex: 3;
	 width:auto ;
	 padding-left:5px;
	 background: #ffffff;
	 border: 1px solid #d3d3d3;
	 box-sizing: border-box;
 }

@media screen and (min-width:481px) {
#content2 {
	 padding-left:7px;
 }
 }

@media screen and (min-width:769px) {
#content2 {
	 padding-left:10px;
 }
 }

/* /レスポンシブ記述content2 左余白調整paddingleft 終わり */

#subContent{
	 width:auto ;
	 height:auto ;
	 padding-left:5px ;
	 padding-right:1em ;
	 background: #f5ffff;
	 border:1px solid #d3d3d3;
	 box-sizing: border-box;
}


/* レスポンシブ記述 #infoの３つはcontent1の日程と電話ボタンの調整 */

#info{
	 display:flex;
	 flex-direction:row-reverse;
	 width:auto ;
	 background: #e8ffff;
	 box-sizing: border-box;
 }

@media print, screen and (min-width:481px) {
#info{
	 flex: none;
 }
 }

@media screen and (min-width:769px) {
#info{
	 flex: none;
 }
 }

#infoPhone{
	 display:block;
	 order:1;
	 flex:1;
	 width: auto;
	 box-sizing: border-box;
 }

#infoCalendar{
	 display:block;
	 order:2;
	 flex:1.5;
	 width: auto;
	 box-sizing: border-box;
 }
/* /レスポンシブ記述 #infoの３つはcontent1の日程と電話ボタンの調整終わり */



/*部分的な文字色・下線などは＜span class＝””＞で
--------------------------------------------------- */

.red { color:#ff0000; }

.orange { color:#ffa500; }

.yellow { color:#ffff00; }

.green { color:#008000; }

.blue { color:#0000ff; }

.deepskyblue { color:#00bfff; }

.black { color:#000000; }

.gray { color:#808080; }

.lightgray { color:#d3d3d3; }

.white { color:#ffffff; }

/* ↓テキストデコレーション↓ */

.indent { text-indent: 10pt; }

.decoration-none { text-decoration: none; }

.overline { text-decoration: overline; }

.underline { text-decoration: underline; }

.line-through { text-decoration: line-through; }/* 打消し線 */

.text-blink { text-decoration: blink; }

.bold { font-weight: bold; }


.fontSize10{ font-size:0.1rem; }/* フォントサイズ変更 */

.fontSize20{ font-size:0.2rem; }

.fontSize30{ font-size:0.3rem; }

.fontSize40{ font-size:0.4rem; }

.fontSize50{ font-size:0.5rem; }

.fontSize60{ font-size:0.6rem; }

.fontSize70{ font-size:0.7rem; }

.fontSize80{ font-size:0.8rem; }

.fontSize90{ font-size:0.9rem; }

.fontSize100{ font-size:1.0rem; }


/* レスポンシブ記述 文章 スマホは消えて、PCは見える */
.textVisibilityH2v {
	 visibility: hidden;
	 display:none;
 }

@media screen and (min-width:481px) {
.textVisibilityH2v {
	 visibility: visible;
	 display:block;
 }
 }

@media screen and (min-width:769px) {
.textVisibilityH2v {
	 visibility: visible;
	 display:block;
 }
 }

/* レスポンシブ記述 文章 スマホは消えて、PCは見える 終わり */

/* レスポンシブ記述 文章 スマホは見えて、PCは消える  */
.textVisibilityV2h {
	 visibility: visible;
	 display:block;
 }

@media screen and (min-width:481px) {
.textVisibilityV2h {
	 visibility: hidden;
	 display:none;
 }
 }

@media screen and (min-width:769px) {
.textVisibilityV2h {
	 visibility: hidden;
	 display:none;
 }
 }

/* /レスポンシブ記述 文章 スマホは見えて、PCは消える 終わり */


/* 見出しheading
---------------------------------------------------- */

/* h1レスポンシブ記述 */
h1 {
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 font-size: 1em;
	 font-weight: normal;
	 letter-spacing: 0px;

	 color:#ffffff ;
	 margin:0px;
	 padding-top:28px;
	 padding-left:120px;

	 background-image: url(images/other_images/rocca_title_megami.gif);
	 background-position-x: 0px;
	 background-position-y: 0px;
	 background-repeat: no-repeat;


	 height: 50px;
	 text-decoration: none;
     text-shadow: 1px  1px 1px #ff8080,
                 -1px  1px 1px #ff8080,
                  1px -1px 1px #ff8080,
                 -1px -1px 1px #ff8080;

 }


@media screen and (min-width:481px) {
h1{
	 font-size: 1.4em;
	 letter-spacing: 3px;
	 margin:0px;
	 padding-top: 45px;
	 padding-left:150px;
	 height:80px;
 }
 }


@media screen and (min-width:769px) {
h1{
	 font-size: 2.0em;
	 letter-spacing: 5px;
     margin: 0px;
	 padding-top: 45px;
	 padding-left:170px;
	 height:80px;
 }
 }

/* h1レスポンシブ記述終わり */



h2 {
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 font-size: 1.1rem;
	 color: #ff0000;
	 font-weight: normal;
	 margin-bottom:1.0rem;
	 text-align: left;
     text-decoration: none;
 	 clear: both;
}


h3 {
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 font-size: 1.1rem;
	 color: #2c2c2c;
	 font-weight: normal;
	 margin-bottom:0.5rem;
	 text-align: left;
	 text-decoration: none;
	 clear: both;
 }


h4 {
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 font-size: 1.0rem;
	 color: #2c2c2c;
	 font-weight: normal;
	 margin-bottom:0.5rem;
	 text-align: left;
	 text-decoration: none;
	 clear: both;
 }



/* パラグラフ
---------------------------------------------------- */

p {
	 color: #000000;
	 font-size: 0.9rem;
	 line-height: 140%;
	 margin:0.5rem;
     padding-left: 0.5em;
	 padding-right:0.5em;
 }


/* テーブルの左マージン font調整 */
table {
     font-size:65%;
     line-height: 100%;
	 text-align:center;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:1px;
     margin-right:1px;
 }

@media screen and (min-width:481px) {
table {
	 font-size:70%;
     line-height: 100%;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:1px;
	 margin-right:1px;
 }
 }

@media screen and (min-width:769px) {
table {
	 font-size:95%;
     line-height: 100%;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:35px;
     margin-right:10px;
 }
 }

/* /テーブルの左マージン font調整終わり */


p img {
	 max-width:100%;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #c0c0c0;
	 margin-right: 5px;
	 margin-bottom: 5px;
 }

.no_border {
    border-style:none;
}

.boxtop2bottom1 {
	 border-top: 3px double gray;    /* 上側の2本線 */
 	 border-bottom: 1px solid gray; /* 下側の1本線 */
 }

.boxtop1bottom1 {
	 border-top: 1px solid gray;    /* 上側の1本線 */
 	 border-bottom: 1px solid gray; /* 下側の1本線 */
 }

.boxtop1 {
	 border-top: 1px solid gray;    /* 上側の1本線 */
 }

.boxbottom1 {
 	 border-bottom: 1px solid gray; /* 下側の1本線 */
 }


hr {
	 height: 0px;
	 width: 95%;
	 border-color: #b4b4b4;
	 margin-right: auto;
 }


ul {
	 padding: 15px;
	 margin: 0px;
     padding-top: 0px;
 }

li {
	 margin: 0px;
	 padding: 0px;
	 list-style-type: none;
 }




/* ナビゲーション用
---------------------------------------------------*/

/* メディアクエリ記述 メニューfontsize */
ul#inline li {
	 list-style: none;
	 display: inline;
	 font-size: 65%;
 }

@media screen and (min-width:481px) {
ul#inline li {
	 list-style: none;
	 display: inline;
	 font-size: 80%;
 }
 }

@media screen and (min-width:769px) {
ul#inline li {
	 list-style: none;
	 display: inline;
	 font-size: 90%;
 }
 }

/* /メディアクエリ記述 メニューfontsize 終わり */


/* イメージ位置決め（垂直方向）
---------------------------------------------------*/

img.va-baseline { vertical-align: baseline; }

img.va-top { vertical-align: top; }

img.va-middle { vertical-align: middle; }

img.va-bottom { vertical-align: bottom; }

img.va-text-top { vertical-align: text-top; }

img.va-text-bottom { vertical-align: text-bottom; }

img.va-example7 { vertical-align: -30px; }

img.va-example8 { vertical-align: 200%; }



/* アンカー
--------------------------------------------------- */

a {
	 color: #666666;
	 font-size: 90%;
 	 font-weight: normal;
 }


a:link { color: #2b2bd5; text-decoration: none; }

a:visited { color: #27479c; text-decoration: none; }

a:hover { color: #008800; text-decoration: underline; }

a:active { color: #ef6563; text-decoration: none; }



/* content1 */

#content1 h4 {
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 border-left:none;
	 padding-left:0px;
	 font-size:95%;
 }


#content1 h3 {
    font-size:95% ;
 }

#content1 p a {
     font-size: 95%;
	 color: ;
	 font-weight:normal;
 }


#content1 ul a {
　　 font-size: 95%;
	 color: #d93e02;
　　 padding-left:2px;
 }


/* レスポンシブ記述 content1 カレンダー調整 */
#content1 table{
     max-width=:80%;
     text-align:center;
     font-size:0.7rem;
     line-height: 100%;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:1rem;
     margin-right:1rem;
	 border=:0.5rem;
	 bgcolor:#ffffff;
     bordercolor=""
}

@media screen and (min-width:481px) {
#content1 table{
	 font-size:0.7rem;
     line-height: 100%;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:1rem;
     margin-right:1rem;
 }
     }

@media screen and (min-width:769px) {
#content1 table{
     font-size:0.7rem;
     line-height: 100%;
     margin-top:0em;
     margin-bottom:0em;
     margin-left:1rem;
     margin-right:1rem;
 }
 }

#content1 table td{
    background-color:#ffffff;
 }

#content1 table caption{
    font-size:0.8rem;
 }

/* /レスポンシブ記述 content1 カレンダー調整 終わり */


/* フッター
--------------------------------------------------- */

.update{
	 font-family: "Times New Roman", "Times", "serif";
	 font-style: oblique;
	 margin: 1rem 0 1rem;
	 font-weight: 200;
	 padding-left:1px;
	 margin-bottom:0.5rem;
	 margin-left:1rem;
 }


small{
	 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	 font-size: 80%;
	 font-style: normal;
 }


hr.dot{
	 width: 98%;
	 margin-left: auto;
	 height: 1px;
     border: dotted 2px #d93e02;
 }

.copyright{
     text-align:center;
	 margin-top: 0;
 }