@charset "utf-8";

/*20181223_ec-being対応*/
.freespace2 {
	visibility:hidden;
}
.common-title {
	font-size: 1.0em;
}
h2.h2Ttl {
	padding-top: 1rem;
    border-top: url(/img/usr/contents/keitodama/garland/line.png) repeat-x;
    margin-bottom: 0;
}
.block-category-list--comment {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
	text-align:center;
}

#mainArea {
 background: #fff;
 color: #333;
 font-size: 13px;
 font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 letter-spacing: .05em;
 line-height: 1.2;
 max-width: 600px;
 /*word-wrap: break-word;*/
}
/* ページ共通 */
.spNone {
 display: none;
}
.caption{
 font-size: 12px;
 letter-spacing: 0;
}
.mainTtl {
 background: url(/img/usr/contents/keitodama/garland/line.png) repeat-x top;
 margin: 0 auto 1em ;
 padding: 1em 0 0;
 width: 100%;
}
.mainTtl h1{
 text-align: center;
}
.lineBg{
 background: url(/img/usr/contents/keitodama/garland/line.png) repeat-x bottom;
 margin-bottom: 1.5em;
 padding-bottom: 1.5em;
}
section {
 padding: 1em;
}
nav{
 display: none;
}
.picWrap{
 margin: 1em 0;
}
.btnMail a,
.btnMailto a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 margin-bottom: 1em;
 padding: .5em;
 text-align: center;
 text-decoration: none;
 background-color: #d69385;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d69385), to(#bd7263));
 background-image: -webkit-linear-gradient(top, #d69385, #bd7263);
 background-image: -moz-linear-gradient(top, #d69385, #bd7263);
 background-image: -ms-linear-gradient(top, #d69385, #bd7263);
 background-image: -o-linear-gradient(top, #d69385, #bd7263);
 background-image: linear-gradient(to bottom, #d69385, #bd7263);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d69385, endColorstr=#bd7263);
 font-size: 14px;
 letter-spacing: 0;
}
.btnMail a:hover,
.btnMailto a:hover{
 opacity: .7;
}
.btnMail a::after{
 content: "\00a0\f138";
 font-family: "FontAwesome";
}
.btnMailto.subscription a::before{
 content: "\f044\00a0";
 font-family: "FontAwesome";
}
.btnMailto.inquery a::before{
 content: "\f059\00a0";
 font-family: "FontAwesome";
}
/* TOPページ */
.sliderWrap{
 margin: 3em 0;
}
.leadTxt span{
 display: block;
 margin-bottom: .5em;
}
.leadTxt span a{
 color: #333;
 text-decoration: underline;
}
.leadTxt span a:hover{
 color: #bd7263;
}
.refer img{
 padding: 1em 0;
}
/************************************************/
.mainContents{
}
.mainContents h1.ttl{
 background: url(/img/usr/contents/keitodama/garland/line.png) repeat-x bottom;
 font-weight: bold;
 margin-bottom: 1.5em;
 padding: 1em 0;
 text-align: center;
}
/* お問い合わせ・お申し込み */
#contactWrap{
}
#contactWrap .t_inqury{
 background: rgba(219,227,58,1);
 color: rgba(255,255,255,1);
 font-weight: bold;
 margin: .8em 0;
 padding: .2em .2em .2em .5em;
}
#contactWrap .t_inqury::before{
 content: "\f06a\00a0";
 font-family: "FontAwesome";
 font-weight: normal;
}
#contactWrap p{
 margin: .5em;
}
#contactWrap .inqury_list{
 margin: .8em;
}
#contactWrap .inqury_list li{
 margin: .8em;
}
#contactWrap .inqury_list li::before{
 color: rgba(219,227,58,1);
 content: "\f14a\00a0";
 font-family: "FontAwesome";
}
/* 旅の報告 */
#reportWrap{
}
#reportWrap .list_ga{
 margin: .8em;
}
#reportWrap .list_ga li{
 font-size: 16px;
 letter-spacing: .05em;
 line-height: 1.2;
 margin: .8em;
}
#reportWrap .list_ga li a{
 font-size: 13px;
}
#reportWrap .list_ga li a:hover{
 color: #bd7263;
 text-decoration: underline;
}
#reportWrap .list_ga li .vol{
 color: #bd7263;
 font-size: 13px;
}
#reportWrap .list_ga li .vol::before{
 content: "\f041\00a0";
 font-family: "FontAwesome";
}
#reportWrap .article{
 margin: 0 1em;
}
#reportWrap .article .eventDate{
 color: #999;
 margin: 0 0 1.5em 1em;
}
#reportWrap .article p{
 margin: 1em;
}
#reportWrap .article .thumb{
 display: block;
 text-align: center;
}
#reportWrap .article .eventDate::before{
 content: "\f073\00a0";
 font-family: "FontAwesome";
}
#reportWrap .eventPic img{
 padding: .3em;
}
nav{
 display: block;
 /*margin: 2em 0;*/
 padding: 0 .5em;
}
nav .garlist {
 font-size: 13px;
 letter-spacing: 0;
}
nav .garlist a{
 border: 1px dashed #999;
 display: block;
 margin-bottom: .5em;
 padding: .5em;
 text-align: center;
}
nav .garlist a:hover{
 border: 1px solid #999;
}
nav .garlist:nth-child(1) a:hover{
 background: rgba(214,147,133,.1);
}
nav .garlist:nth-child(2) a:hover{
 background: rgba(219,227,58,.1);
}
nav .garlist:nth-child(3) a:hover{
 background: rgba(150,174,211,.3);
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media print, screen and (min-width: 600px) {
/* ページ共通 */
#mainArea {
 font-size: 16px;
 letter-spacing: .1em;
 line-height: 1.5;
 max-width: 1200px;
}
.caption{
 font-size: 14px;
}
.mainTtl {
 background: url(/img/usr/contents/keitodama/garland/lineH1.png) repeat-x top;
 padding: 1em 0;
}
.block-category-list--header {
	text-align: center;
}
.btnMail a,
.btnMailto a{
 padding: 1.5em;
 font-size: 20px;
 letter-spacing: .1em;
 line-height: 3rem;
}
.btnMail a{
 margin: 2em;
}
.btnMailto a{
 margin: .5em;
}
/************************************************/
.mainContents h1.ttl{
 font-weight: normal;
 text-align: center;
}
.mainContents #contentsList .span_5{
 padding: .5em;
 width: 19.1%;
}
.mainContents #contentsList .span_5:nth-child(6){
 margin-left: 0;
}
.mainContents #contentsList .span_5:nth-child(5){
 margin-bottom: 1em;
}
/* 旅の報告 */
#reportWrap .eventPic img{
 padding: .3em;
 width: 50%;
}
}
@media screen and (min-width : 768px) {
nav .garlist {
 font-size: 16px;
}
}

/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media screen and (min-width : 1024px) {
/* PC */
nav li{
 font-size: 16px;
 letter-spacing: .1em;
}
#reportWrap ul li{
 font-size: 16px;
}
}

