@charset "utf-8";
/*
Theme Name: Customize Temperate 
Description: カスタマイズテンプレート
Author:  日本地理学会
Author URI: http://www.ajg.or.jp/
Version: 1.0.0
*/

@import url("css/common.css");
@import url("css/page.css");
@import url('css/slider/jquery.dbpas.carousel.css');
@import url("js/lightbox/css/lightbox.css");

/* ************************************************ 
 *	共通設定
 * ************************************************ */


/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */
/* default property reset */
html, body { height: 100%; margin: 0; padding: 0; text-align: center; }
html { font-size: 62.5%; }


/*------------------------------------------------------------------------------
フォントサイズを13px相当に統一する。81.25%は　16pxからみた13px
フォントはメイリオを先頭に。"Meiryo UI"を使用するとMSPゴシックに近い。
--------------------------------------------------------------------------------*/

body { font-family: Meiryo,MS PGothic,arial,helvetica,clean,sans-serif;  font-size: 16px; font-size: 1.6rem; line-height: 1.5em; color: #151515; }


select,input,button { vertical-align:middle; line-height: 1; }

/* ---------------------------------- Font */
.font27 { font-size: 27px; font-size: 2.7rem; }
.font27b { font-size: 27px; font-size: 2.7rem; font-weight: bold; }
.font26 { font-size: 26px; font-size: 2.6rem; }
.font26b { font-size: 26px; font-size: 2.6rem; font-weight: bold; }
.font25 { font-size: 25px; font-size: 2.5rem; }
.font25b { font-size: 25px; font-size: 2.5rem; font-weight: bold; }
.font24 { font-size: 24px; font-size: 2.4rem; }
.font24b { font-size: 24px; font-size: 2.4rem; font-weight: bold; }
.font23 { font-size: 23px; font-size: 2.3rem; }
.font23b { font-size: 23px; font-size: 2.3rem; font-weight: bold; }
.font22 { font-size: 22px; font-size: 2.2rem; }
.font22b { font-size: 22px; font-size: 2.2rem; font-weight: bold; }
.font21 { font-size: 21px; font-size: 2.1rem; }
.font21b { font-size: 21px; font-size: 2.1rem; font-weight: bold; }
.font20 { font-size: 20px; font-size: 2.0rem; }
.font20b { font-size: 20px; font-size: 2.0rem; font-weight: bold; }
.font19 { font-size: 19px; font-size: 1.9rem; }
.font19b { font-size: 19px; font-size: 1.9rem; font-weight: bold; }
.font18 { font-size: 18px; font-size: 1.8rem; }
.font18b { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.font17 { font-size: 17px; font-size: 1.7rem; }
.font17b { font-size: 17px; font-size: 1.7rem; font-weight: bold; }
.font16 { font-size: 16px; font-size: 1.6rem; }
.font16b { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.font15 { font-size: 15px; font-size: 1.5rem; }
.font15b { font-size: 15px; font-size: 1.5rem; font-weight: bold; }
.font14 { font-size: 14px; font-size: 1.4rem; }
.font14b { font-size: 14px; font-size: 1.4rem; font-weight: bold; }
.font13 { font-size: 13px; font-size: 1.3rem;; }
.font13b { font-size: 13px; font-size: 1.3rem; font-weight: bold; }
.font12 { font-size: 12px; font-size: 1.2rem; }
.font12b { font-size: 12px; font-size: 1.2rem; font-weight: bold; }
.font11 { font-size: 11px; font-size: 1.1rem; }
.font11b { font-size: 11px; font-size: 1.1rem; font-weight: bold; }
.font10 { font-size: 10px; font-size: 1.0rem; }
.font10b { font-size: 10px; font-size: 1.0rem; font-weight: bold; }

.fontRED { color: #CC0000; }
.fontbRED { font-weight: bold; color: #CC0000; }
.fontORENGE { color: #FF6600; }
.fontbORENGE { font-weight: bold; color: #FF6600; }
.fontVIOLET { color: #CC0066; }
.fontbVIOLET { font-weight: bold; color: #CC0066; }
.fontGr2b { color: #159E31; font-weight: bold; }
.fontBLUE { color: #003399; }
.fontBLUEb { color: #003399; font-weight: bold; }


/* ---------------------------------- Font */

br, form, input { margin: 0px; padding: 0px; }
img { border-style: none; display: block; margin: 0; }
table { font-size:inherit; font:100%; }

ul { list-style-type: none; }
ul.disc { list-style-type: disc; 
padding-left: 1.5em;}
ul.none { list-style-type: none; }
a:link, a:visited { color: #0066FF; text-decoration: none; }
a:hover, a:active { color: #828282; text-decoration: underline; }


/* ---------------------------------- Page */

div.txtBox { background-color: #FFF; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px }
.brClear { clear: both; }
.cntTxt { text-align: center; }
.rgtTxt { text-align: right; }
.lftTxt { text-align: left; }

.BtnArea { text-align: center !important; margin: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; }


p.Padding10 { background-color: #FFF; padding: 10px;}


/*Space*/
.btm5 { margin-bottom: 5px; }
.btm10 { margin-bottom: 10px; }
.btm15 { margin-bottom: 15px; }
.btm20 { margin-bottom: 20px;}
.btm25 { margin-bottom: 25px;}
.btm30 { margin-bottom: 30px;}
.btm35 { margin-bottom: 35px;}
.btm40 { margin-bottom: 40px;}
.btm45 { margin-bottom: 45px;}
.btm50 { margin-bottom: 50px;}

.rgt5 { margin-right: 5px; }
.rgt10 { margin-right: 10px; }
.rgt15 { margin-right: 15px; }
.rgt20 { margin-right: 20px; }
.rgt30 { margin-right: 30px; }
.rgt40 { margin-right: 40px; }

.lft5 { margin-left: 5px; }
.lft10 { margin-left: 10px; }
.lft15 { margin-left: 15px; }
.lft20 { margin-left: 20px; }
.lft30 { margin-left: 30px; }
.lft40 { margin-left: 40px; }

/*回り込み*/
div.rgtFloat { float: right; }

/* マウスオーバー */
.opacity-style a:hover img {
    filter: alpha( opacity=80 );  /* IE */
    opacity:0.8;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.8;           /* Firefox 0.9より前 */
	background: #fff;
}


div.post-navigation {
    overflow: hidden;
    padding: 12px 0;
}
 
div.prev {
    float: right;
}
 
div.next {
    float: left;
}

/* — コンタクトフォーム7のカスタマイズ — */

.wpcf7-radio  .wpcf7-list-item{
    margin-top:10px;
    display: block;
}
 .wpcf7-checkbox .wpcf7-list-item {
    margin-top:10px;
    display: block;
}


input.wpcf7-submit {
padding:5px !important;/* ボタン内の余白 */
margin:5px 5px !important;/* ボタンの上下の余白 */
background-color: #ff6347 !important;/* 背景の色 */
color: #fff !important;/* 文字の色*/
text-decoration: none;/*デフォルトの下線を除去*/
font-size: 15px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 10%;/* ボタンの横幅*/
transition:0.25s;/* 背景色が変わるまでの時間*/
}

input.wpcf7-submit:hover {
background-color:#ff0000 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
}

input.wpcf7-confirm{
padding:5px !important;/* ボタン内の余白 */
margin:5px 5px !important;/* ボタンの上下の余白 */
background-color: #ff6347 !important;/* 背景の色 */
color: #fff !important;/* 文字の色*/
text-decoration: none;/*デフォルトの下線を除去*/
font-size: 15px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 10%;/* ボタンの横幅*/
transition:0.25s;/* 背景色が変わるまでの時間*/
}

input.wpcf7-confirm:hover {
background-color:#ff0000 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}


input.wpcf7-back{
padding:5px !important;/* ボタン内の余白 */
margin:5px 5px !important;/* ボタンの上下の余白 */
background-color: #4169e1 !important;/* 背景の色 */
color: #fff !important;/* 文字の色*/
text-decoration: none;/*デフォルトの下線を除去*/
font-size: 15px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 10%;/* ボタンの横幅*/
transition:0.25s;/* 背景色が変わるまでの時間*/
}

input.wpcf7-back:hover {
background-color:#191970 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}


input.wpcf7c-conf, textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #000;
　height: 35px;
}

input[type=checkbox].wpcf7c-conf:checked{
border-color:#000;
}


/* ---------------------------------- CLEARFIX */
.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0.1em;
}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block; zoom:1;}
/*End hide form IE-mac*/


/* Fireworksリンク対策 */
/*\*/
a { overflow: hidden; }
/**/