@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

h1{
	text-align:center;
}
.article p{
	margin:0;
}

#header-container,.header-container, .main, .sidebar, .footer{
	background-color:#efeded;
}

/*ブロック*/
#header-container{
	min-width:800px;
}
#footer{
	min-width:800px;
}
.wrap {
	width:800px;
}

.hideBox{
	display:none;
}

.brightlink:hover img{
	opacity: 0.6;
  transition-duration: 0.3s;
}
#contentsBOX{
	width:760px;
	padding:20px;
	margin:0 auto;
}
.menuTB,.menuTB tr, .menuTB td,  .menuTB tr:nth-of-type(2n+1){
	border:0;
	background-color:transparent;
}
.menuTB{
	margin:20px auto;
}
.page-id-7 h1{
	display:none;
}
.page-id-7 #header-container{
	display:none;
}
.page-id-7 h2{
	text-align:center;
}
.article .toptext{
	font-size:16px;
	width:500px;
	margin:0 auto;
}
.article h2{
	background-color:transparent;
	color:#000;
	padding:0;
	margin:50px 0 10px 0;
}
.header-site-logo-image{

}
.topimage{
	text-align:center;
	margin:0 -20px;
}
.topNavi{
	width:400px;
	margin:50px auto;
}
.topNavi a{
	display:block;
	width:400px;
	height:96px;	
	margin-top:10px;
}
.page-id-49 #contentsBOX{
	text-align:center;
}

/*約款
 * 79受注型企画旅行契約の部*/
#post-79{
	font-size:12px;
}
.yakkanTable td{
	border-left:none;
	border-right:none;
}
.yakkanTable td:first-child{
	border-left:1px solid rgba(112,112,150,.5);
}
.yakkanTable td:last-child{
	border:1px solid rgba(112,112,150,.5);
}
.yakkanTable2 td{
	border-left:none;
	border-right:none;
}
.yakkanTable2{
	border:1px solid rgba(112,112,150,.5);
}
.yakkanTable2 .bdr{
	border-right:1px solid rgba(112,112,150,.5);
}
.borderBOX{
	border:1px solid rgba(112,112,150,.5);
	padding:5px;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.article .toptext{
	font-size:24px;
	margin:0 auto;
	}
	.article h2{
		font-size:34px;
	}
}

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