@charset "utf-8";
/* CSS Document */
/*===============================================
●モバイル用
===============================================*/
.pc{display:none;}
.mob{display:block;}

a{color:#333;}
a:hover{color:#ffa500;}

.contentsH2{clear:both;margin-top:2.0em;margin-bottom:1.5em;padding-bottom:0.5em;color:#66cc66;font-size:24px;text-align:center;background-image:url(../images/ttlss_back.png);background-repeat:repeat-x;background-position: left bottom;}

.contentsH3{clear:both;margin-top:1.0em;margin-bottom:1.0em;color:#fff;font-size:20px;text-align:center;background-color:#ffa500;}

.midashi{margin-left:1.0em;color:#ffa500;}

#contents p{font-size:14px;line-height:1.7em;margin:1.0em;}
#contents p .cap{margin:0.2em;font-size:12px;margin-bottom:1.5em;}
#contents p .em{font-weight:bold;color:#66CC66;}

.arrow{float:right;text-align:right;display:inline-block;}
.arrow a{display:inline-block;padding-top:20px;padding-bottom:20px;padding-right:20px;background-image:url(../images/arrow.png);color:#66cc66;font-weight:bold;background-repeat:no-repeat;background-position: right;}
.arrow a:hover{color:#fb863f;}

.history_back{float:left;text-align:left;display:inline-block;}
.history_back a{display:inline-block;padding-top:20px;padding-bottom:20px;padding-left:20px;background-image:url(../images/history_back.png);color:#66cc66;font-weight:bold;background-repeat:no-repeat;background-position: left;}
.history_back a:hover{color:#fb863f;}

.list{padding-left:24px;background-image:url(../images/list.png);background-repeat:no-repeat;background-position:left top;}

.box-content {clear:both;overflow:hidden;}
.box-content li{line-height:1.5em;}

/*トップページ指定*/
.box-content .col_xs_4{width:100%;padding:5px;text-align:center;}
.box-content .col_xs_4 img{width:80%;margin:20px auto;}
.box-content .col_xs_4 a:hover{opacity:0.8;}
.border_dotted_bottom{border-bottom:3px dotted #ccc;}

/* =========もっと見る========== */
.accordion-box {clear:both;position: relative;margin-bottom:50px;}
.accordion-box label {height: 140px; /* グラデーションの高さ */
cursor: pointer;text-align: center;font-size: 12px;position: absolute;bottom: 0;width: 100%;/* 以下グラデーションは「背景が白」に併せて設定しています */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);}
.accordion-box input:checked + label {background: inherit; /* 開いた時には背景グラデーションを消す */}
.accordion-box label:after {content: "続きをよむ"; /* ラベルの文字 */letter-spacing: .05em;line-height: 2.5rem;position: absolute;bottom: -10px;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);color: #fff;background-color: rgba(102,204,102, 0.7);width: 18.75rem;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.accordion-box label:before {content: "↓";font-weight: 700;position: absolute;bottom: 0px;left: 50%;-webkit-transform: translate(-140px, 0);transform: translate(-140px, 0);background-color: #fff;z-index: 1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;}
.accordion-box input {display: none;}
.accordion-box .accordion-container {overflow: hidden;height: 200px; /* 開く前に見えている部分の高さ */-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
.accordion-box input:checked + label {/* display: none ; 閉じるボタンは要らないとき */}
.accordion-box input:checked + label:after {content: "閉じる";}
.accordion-box input:checked + label:before {content: "↑";}
.accordion-box input:checked ~ .accordion-container {height: auto;padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}

/*各園記事指定*/
.bx-wrapper {padding:10px;}

.campmenu{display:inline-block;text-align:center;font-size:80%;width:30%;margin-right:3px;}
.campmenu a{display:block;border:1px dotted #ccc;width:100%;}
.campmenu a:hover{background:#fff6e5;}

/*===============================================
●PC 画面の横幅が640px以上
===============================================*/
@media print, screen and (min-width: 640px){/*メモ：コンテンツ幅760px*/
.pc{display:block;}
.mob{display:none;}

.floatLeft{float:left;}
.floatRight{float:right;}

.contentsH2{text-align:left;}
.contentsH3{text-align:left;}

.box-content {clear:both;}
.box-content .col_xs_4{width:30%;padding:5px;float:left;}
.border_dotted_left{border-left:3px dotted #ccc;}
.border_dotted_right{border-right:3px dotted #ccc;}

/* =========もっと見る========== */
.accordion-box label:after {left: 70%;}
.accordion-box label:before {left: 70%;}

/*各園記事指定*/
.w70{width:70%;}
.w30{width:30%;}
.bx-wrapper {margin-left:10px;}



}