@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
 
.main {
        padding: 9px 29px;
}


/************************************
** グローバルメニュー
************************************/
.navi-in > ul li {
  text-shadow: 
        #999 1px 1px 0, #999 -1px -1px 0,/*右下、左上*/
        #999 -1px 1px 0, #999 1px -1px 0,/*右上、左下*/
        #999 0px 1px 0, #999  0-1px 0,/*右、左*/
        #999 -1px 0 0, #999 1px 0 0;/*上、下*/
}

.navi-in > ul li .sub-caption {
  font-size: 0.7em;
  opacity: 1;
}

/************************************
** トップページ
************************************/

  /*カルーセル*/
.carousel-in {
  border: 4px solid #ffd900;
  border-radius: 4px;
}

  /*おススメの人気スポット*/

#spot .popular-entry-card-link{
	width: 266px;
	padding: 10px 5px;
	float: left;
	border: none;
	border-radius: 4px;
}

#spot .popular-entry-card-link:hover{
	background: #faf5eb;
}

#spot .popular-entry-card {
}

p#more {
	clear: both;
	margin: 10px;
	text-align: right;
}

  /*おススメコース*/

.course_guide {
	float: left;
	color: #333;
	width: 380px;
	height: 350px;
	margin: 10px;
	padding: 10px 20px;
	border: 1px solid #ffd900;
	background: #faf5eb;
}

.course_guide a{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}

.course_guide a img {
	width: 300px;
	margin: 10px auto 0;
	text-align: center;
}

.course_guide .course_info {
	font-size: .9rem;
	margin: -20px 0 0;
	width: 100%;
	}

/************************************
** 投稿・固定ページで使うHTML要素
************************************/
.article h2 {
  text-shadow: 
        #999 1px 1px 0, #999 -1px -1px 0,/*右下、左上*/
        #999 -1px 1px 0, #999 1px -1px 0,/*右上、左下*/
        #999 0px 1px 0, #999  0-1px 0,/*右、左*/
        #999 -1px 0 0, #999 1px 0 0;/*上、下*/
}
/************************************
** サイドバーのスタイル
************************************/
.sidebar {
  width: 356px;
  padding: 9px;
  border-radius: 4px;
  background-color: #fff;
}

.sidebar h3 {
  background-color: #ffd900;
  color: #fff;
  padding: 10px 10px;
  margin: 16px 0 0;
  border-radius: 4px 4px 0 0;
  text-shadow: 
        #999 1px 1px 0, #999 -1px -1px 0,/*右下、左上*/
        #999 -1px 1px 0, #999 1px -1px 0,/*右上、左下*/
        #999 0px 1px 0, #999  0-1px 0,/*右、左*/
        #999 -1px 0 0, #999 1px 0 0;/*上、下*/
}
.sidebar ul {
  background-color: #fff;
  border-left: 2px solid #ffd900;
  border-right: 2px solid #ffd900;
  border-bottom: 2px solid #ffd900;
  border-radius: 0 0 4px 4px;
  color: #222;
}

.sidebar ul li{
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.sidebar ul li a{
  padding: 10px;
  widows: 100%;
  text-decoration: none;
  background: #fff;
  color: #444;
  display: block;
}

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

.sidebar .tagcloud,
.sidebar .map_pdf {
  padding: 10px;
  border-left: 2px solid #ffd900;
  border-right: 2px solid #ffd900;
  border-bottom: 2px solid #ffd900;
  border-radius: 0 0 4px 4px;
} 

.sidebar .map_pdf a{
  width: 100%;
  display: block;
  margin: 10px auto 0;
  text-align: center;
} 

.no-scrollable-sidebar .sidebar {
  height: 100%;
}

.sidebar-scroll {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

/************************************
** フッター
************************************/
.footer-widgets {
  margin: 0 auto;
  display: flex;
  background: #fff;
  border-top: 5px solid #ffd900;
  border-left: 5px solid #ffd900;
  border-right: 5px solid #ffd900;
  border-bottom: 1px solid #ffd900;
  border-radius: 4px 4px 0 0;
}

.widget-entry-card {
border: none;
}

/************************************
** フッターボトム
************************************/
.footer-bottom {
  margin: 0 0 20px;
  padding: 20px;
  position: relative;
  font-size: 14px;
  background: #fff;
  border-bottom: 5px solid #ffd900;
  border-left: 5px solid #ffd900;
  border-right: 5px solid #ffd900;
  border-radius: 0 0 4px 4px;
}

.footer-bottom-logo .logo-image {
padding: 0;
max-width: 164px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  
  /*おススメの人気スポット*/

#spot .popular-entry-card-link{
	width: 50%;
	padding: 10px 5px;
}

#spot .popular-entry-card-title{
	font-size: 12px;
}

.course_guide {
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
}

.widget-entry-card {
border: none;
}

.mapp-layout {
	width: 100%!important;
	height: 300px;
}

#footer-in {
  display: none;
}
}