@charset "UTF-8";
/*
=========================================
 category archiv
=========================================
*/

#header-nav ul {
	list-style-type: none;
	width: 100%;
	display: block;
}
#header-nav ul li {
	position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
	float: left;  /*親メニューは横1列に並べる*/
	padding-right: 0;  /*メニュー項目の間隔を指定*/
	width: 49.9%;
	text-align: center;
}
#header-nav ul li a {
	display: block;   /*要素の幅いっぱいにするために指定*/
	height: 50px;
	line-height: 50px;
	color: #033b6d;
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
}
@media all and (max-width: 750px) {
#header-nav ul li a {
	display: block;   /*要素の幅いっぱいにするために指定*/
	height: 30px;
	line-height: 30px;
	color: #033b6d;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
}
#header-nav ul li a:hover {
	background-color: #EEE;    /*マウスオーバー時に背景色を変える*/
}
#header-nav ul li ul.sub-menu {
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	top: 50px;  /*位置の指定*/
	left: 0;
}
#header-nav ul li ul.sub-menu li {
	width: 100%;
}
@media all and (max-width: 750px) {
#header-nav ul li ul.sub-menu {
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	top: 30px;  /*位置の指定*/
	left: 0;
}
}
#header-nav ul li:hover ul.sub-menu {
	display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#header-nav ul li ul.sub-menu li {
	float: none;  /*サブメニューはフロートさせないので解除*/
	padding: 0;  /*親メニューのパディングを解除。これをしないとボーダーがはみ出る*/
}
#header-nav ul li ul.sub-menu li:first-child {
	border-top: 1px solid #eee;  /*最初の要素のみボーダートップを指定*/
}
#header-nav ul li ul.sub-menu li a {
	border: 1px solid #eee;  /*ボーダーの指定*/
	border-top: none;  /*ボーダートップは重なって太くなるので解除*/
	padding: 0 10px;  /*ボーダーとの間にパディングを入れる*/
	background-color: #FFF;  /*背景色を白に指定*/
	color: #033b6d;
}
#header-nav ul li ul.sub-menu li a:hover {
	background-color: #EEE;  /*マウスオーバー時に背景色を変える*/
	display: block;
}
/*
=========================================
 charity
=========================================
*/
#kouza {
	border: 1px solid #008ad8;
	margin-bottom: 20px;
}
#kouza p.kouzasaki {
  color: #008ad8;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 15px;
  text-align: left;
	margin: 0;
}
@media all and (max-width: 750px) {
#kouza p.kouzasaki {
  font-size: 16px;
}
}
/*
=========================================
キャンプ
=========================================
*/
.c_menu {
	border: 1px solid #008ad8;
	margin-bottom: 20px;
}
.c_menu p.menu {
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 15px;
	text-align: left;
	margin: 0;
}

.c_menu p{padding: 1em;}


@media all and (max-width: 750px) {
.c_menu p.menu {
  font-size: 16px;
}
}

/*
=========================================
 home
=========================================
*/
.fbArea {
  padding-top: 0;
  padding-bottom: 62px;
  width: 473.5px;
  margin: 0 auto;
}
.fbArea .inner{
	margin: 0;
	padding: 0;
}
@media all and (max-width: 750px) {
.fbArea {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  margin: 0 auto;
}
}

/*
=========================================
 international
=========================================
*/
.photoArea{
	width: 100%;
	margin: 0;
	padding: 10px 0;
}
.photoArea .box{
	width: 100%;
	margin: 0;
	padding: 0;
}
.photoArea .col2{
	width: calc(100% / 2 - 20px);
	margin: 0 10px;
	padding: 0;
	float: left;
}
.photoArea .col3{
	width: calc(100% / 3 - 20px);
	margin: 0 10px;
	padding: 0;
	float: left;
}
.photoArea .box img{
	width: 100%;
	display: block;
}
.photoArea .box p{
	font-size: 14px;
}
@media all and (max-width: 600px) {
.photoArea .box{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	float: none;
}
.photoArea .box p{
	font-size: 12px;
}
}


/*-----------------------------------------*/
/**
 * error message
 */
.mw_wp_form .error {
	font-size : 93%;
	color : #B70000;
	display : block;
}

/**
 * error message of akismet
 */
.mw_wp_form .akismet_error {
	display: block;
}

/**
 * vertical style of radio and checkbox
 */
.mw_wp_form .vertical-item {
	display: block;
}
.mw_wp_form .vertical-item + .vertical-item {
	margin-top: 5px;
}

/**
 * horizontal style of radio and checkbox
 */
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 10px;
}

/**
 * radio and checkbox
 */
.mwform-checkbox-field label,
.mwform-radio-field label {
	font-weight: normal;
	margin-bottom: 0;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
	margin-right: 5px;
}

/**
 * datepicker
 */
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	width: 40%;
	margin: 0 5px;
}

/**
 * deprecated message
 */
.mw-wp-form-deprecated-message {
	background: #F5A9A9;
	border: #B40404 solid 2px;
	border-radius: 5px;
	font-size: 10px;
	line-height: 1.6;
	margin: 0 0 5px;
	padding: 5px;
}

/**
 * file
 */
.mw_wp_form input[type="file"] {
	display: inline-block;
}

/**
 * file delete button
 */
.mwform-file-delete {
	cursor: pointer;
	visibility: hidden;
}

/**
 * tel and zip
 */
.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
	display: inline-block;
	width: auto;
}