/*--
	Theme Name: theme52949
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */

body{
color:#444 !important;
font-family:“Open Sans”, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro W3”, メイリオ, Meiryo, sans-serif; /* JBS 12012016 */
}
a{
color:#444;
}
a:hover{
color:#222;
}

.home .header {
background: url('./images/header_img.jpg') 50% 0 no-repeat !important;
/*border-bottom:7px solid #E2D867 !important;*/
height: 405px;
}
.menu_bg{
background:#E2D867 !important;
}
.grid-content{
height:460px;
padding: 10px;
margin-bottom:10px;
}

.grid-content .post_content{
height:260px;
}

.grid-content-featured{
height:400px;
margin-bottom:40px;
}
.grid-content-featured .post_content{
height:120px;
}

.grid-content .post-title{
font: 12px/12px meirio,Arial,Verdana,Tahoma !important;
}
.grid-content .featured-thumbnail.large img{
height:200px
}


.thumbnail-block{
position:relative;
text-align: center;
background: #333;
height:136px;
width:100%;
}

.grid-content-featured .thumbnail-block{
position:relative;
text-align: center;
background: #333;
height:277px;
width:100%;
}



.thumbnail-block header{
background-color: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.4);
position: absolute;
content: "";
left: 0px;
bottom: 0px;
}
.post_wrapper article .post-header h2{
margin-bottom:10px !important;
padding-left: 5px;
padding-right: 5px;
margin:16px 20px 16px 20px;
}
.post_wrapper article .post-header h2 a{
color:white !important;
font-size: 19px;
line-height: 22px;
}

.post__holder .featured-thumbnail.large{
margin-bottom:0px !important;
}
.post__holder .post_content {
background: white;
}
.post_content .excerpt{
padding: 20px !important;
}
.grid-content-featured .excerpt{
    font-size: 14px !important;
    line-height: 22px;
}
.post_content .excerpt, .post_content .full-post-content{
margin-bottom:0px !important;
}
.grid-content-featured .CategoryOnTopic{
    color: #444;
    background: #E2D868 !important;
    /* padding: 5px; */
    font-size: 11px !important;
    display: inline-table;
    padding: 8px 13px !important;
    font-weight: bold;
}
.grid-content .CategoryOnTopic{
    color: #444;
    background: #E2D868 !important;
    /* padding: 5px; */
    font-size: 10px;
    display: inline-table;
    padding: 7px 12px;
    font-weight: bold;
}
.dateOnTopic{
    font-size: 12px;
    padding: 8px 20px;
    color: #a9985f;
}
.post_wrapper{
margin-bottom:0px !important;
}
#sidebar h3{
background: #E2D867;
color: white;
padding: 5px;
font-size: 20px;
text-align: left;
}
#sidebar ul li a:before{
display:none !important;
}
.new-topics ul li{
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    padding-top: 10px;
}
.new-topics ul li a{
background-image: url("/wp-content/themes/theme52949/images/sidebar-arrow.png") !important;
background-repeat: no-repeat;
padding-left:16px;
}
#sidebar ul{
margin-left:0px !important;
}
.main-holder input[type="text"], .main-holder input[type="email"], .main-holder textarea{
background:white !important;
}
.search-form{
background-color: #E2D867;
padding: 10px;
}
#sidebar #searchform{
padding-top:0px !important;
}
.search-form form{
margin: 0 0 -10px;
}
#sidebar #searchform .btn-primary{
/*background:#FE9D03 !important; */
background-image: url('/wp-content/themes/theme52949/images/side-icon-2.png') !important;
}
#sidebar #searchform .btn-primary:hover{
/*background:#FE7A03!important; */
}

.title-section:before, .title-section:after{
background:none !important;
border-bottom:none !important;
}
.title-section{
background:none !important;
border-bottom:none !important;
}

.title-section h1{
color:#999;
}

.new-topics h3{
    background-image: url('./images/sidebar-title-new-topics.png') !important;
    height: 30px;
}
.collapse-category h3{
    background-image: url('./images/sidebar-title-category.png') !important;
    height: 30px;
}
.archive-category h3{
    background-image: url('./images/sidebar-title-archive.png') !important;
    height: 30px;
}
.header{
background:none !important;
background-color: #E2D867 !important;
}
.menu_bg:before, .menu_bg:after{
background:none !important;
background-color: #E2D867 !important;
}
.group-company-links{
float:right;
padding-top: 10px;
}
.group-company-links ul li{
float:left;
width:130px;
list-style: none;
}
.sns-links ul li{
float:left;
width:50px;
list-style: none;
}
.bread-crumb{
margin-top:20px;
padding-left:10px;
}
.sns-links {
margin-top:20px;
padding:10px;
}
.sns-links ul{
margin-left:0px;
}

.sns-links-in-contents{
margin-top:0px !important;
padding:0px !important;
}

.title-section h1{
margin-top:20px !important;
}

.grid-content article{
position:relative;
background: white;
height:100%;
}
.grid-content-featured article{
position:relative;
background: white;
height:auto !important;
}


.grid-content article .mask{
position:absolute;
top:0px;
left:0px;
height:100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
width:100%;
text-align:center;
padding-top: 30%;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.grid-content article:hover > .mask {
opacity: 1;
cursor: pointer;
}
.grid-content article:hover > img{
z-index:999;
display: inline-block;
}

.single-article-title{
font-size:20px !important;
color:#333;
}
.single-post-article-content{
padding:30px;
background-color:white;
}

.cat-date-in-single{
margin-top:10px;
}
.cat-date-in-single .CategoryOnTopic{
background:#E7AB27 !important;
color:white;
padding:5px;
}
.share-buttons, .post-author,.related-posts {
display:none;
}
#back-top a span:before{
font: 14px/41px FontAwesome !important;
background: #999 !important;
border-radius: 10px !important;
}
.footer-upper{
background: #2E56A6 !important;
color:white;
}
.footer-upper a{
color:white;
}
.footer-upper ul li,.footer-lower ul li{
list-style:none;
}

.footer-upper ul,.footer-lower ul{
margin:0px;
margin-top:20px
}

.footer-lower{
background:#F6F5E9 !important;
}
.footer-lower a {
color:#444;
}

.footer-bottom1{
background:#4E4E4E !important;
color:white;
}
.footer-bottom1 a{
color:white;
}

.footer-bottom2{
background:#FFF!important;
}
.footer:after{
background:none !important;
}
.footer-title{
margin-top:-52px;
}
.footer-upper .footer-top-title{
font-size:18px;
border-bottom: 1px solid #fff;
font-weight:bold;
}
.footer-lower .footer-top-title{
font-size:18px;
font-weight:bold;
}
.footer{
border-bottom:none !important;
}

#sidebar ul li a{
color:#444 !important;
}

/*Plugin css adjustment*/
#widget-collapscat-5-top li.collapsing.categories .sym{
padding-left:0px !important;
}

/*Plugin: Tweet, Like, Google +1 and Share Plugin*/
.social4i{
height:40px !important;
}

.ThumbnailOnCrid{
max-height:136px;
}
.grid-content-featured .ThumbnailOnCrid{
max-height:276px;
}

.post-title-nonfeatured-on-thumbnail{
display:none;
}

.grid-content-featured .ThumbnailOnCrid {
    object-fit: none;
    object-position: center center;
    height: 275px;
    width: 391px;
}
.ThumbnailOnCrid {
    object-position: center center;
    height: 275px;
    width: 391px;
    object-fit: none;
}
.post-header{
width:100%;
}
.post-title-nonfeatured{
margin-bottom:20px !important;
}

.post-title-nonfeatured a{
font-size: 15px !important;
line-height: 17px !important;
font-weight: bold !important;
color:#444
}

.grid-content .exerpt-text{
line-height:19px;
}
.grid-content-featured .exerpt-text{
line-height:22px !important;
}
.dateOnTopic-nonfeatured{
    font-size: 11px;
    color: #a9985f;
}

.wpcf7 .search-form_it, #searchform .search-form_it{
width:78%;
}
@media screen and (max-width: 1200px) {
.wpcf7 .search-form_it, #searchform .search-form_it{
width:73%;
}
}
@media screen and (max-width: 960px) {
.wpcf7 .search-form_it, #searchform .search-form_it{
width:66%;
}
}
@media screen and (max-width: 480px) {

.wpcf7 .search-form_it, #searchform .search-form_it{
width:78%;
}
.footer-column1-mobile{
clear:both;
}
.footer-top-mobile-margin{
padding-top:20px;
}

.group-company-links ul li{
width:128px;
}
.group-company-links ul li img{
width:100%;
}


.post-title-nonfeatured a {
    font-size: 15px !important;
    line-height: 17px !important;
    font-weight: bold !important;
    color: #444;
}
.post_content .excerpt {
    font-size: 14px;
    padding:20px;
}
.home .header {
height: auto;
}
.grid-content{
height:auto !important;
}
.grid-content .post_content{
height:auto;
}
.thumbnail-block{
height: 275px;
}
.ThumbnailOnCrid{
max-height:275px;
}
.post-title-nonfeatured{
display:none;
}
.post-title-nonfeatured-on-thumbnail{
display:block;
}
.dateOnTopic-nonfeatured{
display:none;
}

.post_wrapper article .post-header h2 a{
font-size:15px;
margin: 15px 17px;
}
.grid-content-featured{
margin-bottom:10px;
}
.grid-content-featured .thumbnail-block{
height:276px;
}
}

@media screen and (min-width: 1200px) {
	.row-fluid .post_wrapper .span4 {
    width: 32.5% !important;
}
}

/* JBS 01/2017 */
.logo.group-company-links .group_logo1 a {
	margin-top: 34px;
}
.logo.group-company-links .group_logo2 a {
	margin-top: 25px;
}
.logo.group-company-links .group_logo3 a {
	margin-top: 41px;
}
.isStuck .logo.group-company-links .group_logo1 a {
	margin-top: 8px;
}
.isStuck .logo.group-company-links .group_logo2 a {
	margin-top: 0px;
}
.isStuck .logo.group-company-links .group_logo3 a {
	margin-top: 15px;
}
#logo_h_front.display_none {
	display: none;
}
.oldwarning {
        margin-top:15px;
	width: 95%;
        border:1px solid red;
	line-height: 26px;
	text-align: center;
	vertical-align: baseline;
	background:wheat;
	color:red;
	font-weight:bold;
	padding: 15px
}
.footer-lower #footer-tourservice .footer-top-title {
	border-bottom:1px solid #b7b7b7;
}
.footer-service-icon {
	margin: 13px 0 0 13px;
}

#footer-article.footer-grid-content {
	height: initial;
	padding-left: 0px;
	padding-right: 20px;
	min-height: 290px;
}
#footer-article.footer-grid-content .post_content {
	height: initial;
}
#footer-article.footer-grid-content article {
	height: initial; 
}
#footer-article .thumbnail-block{
	height: initial;
}
#footer-article .post_content .excerpt {
	padding: initial; 
}
.footer-tourtitle {
	padding: 5px;
}
.footer-tourtitle a:link {
	font-size: 14px;
	font-weight: bold;
	color: #2e56a6;
}
.footer-tourtitle a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #7294d8;
}
.footer-tourprice {
	text-align: center; 
}
.footer-tourprice a {
	color: red;
	font-size: 18px;
	font-weight: bold;
}
.footer-grid-content {
	width: 29% ;
	float: left;
}

@media (min-width: 480px) and (max-width: 960px) {
	#motopress-main .header {
		padding-bottom: 0px;
	}
	.footer-grid-content {
		width: 44%;
		float: left;
	}
}
@media (max-width: 480px) {
	#logo_h_front.display_none {
		display: inherit;
	}
	#motopress-main .logo.group-company-links {
		padding-top: 0px;
	}
	.logo.group-company-links ul {
		margin-left: 0px;
	}
	.logo.group-company-links ul li.group_logo1 {
		width:95px;
	}
	.logo.group-company-links ul li.group_logo2 {
		width:110px;
	}
	.logo.group-company-links ul li.group_logo3 {
		width:110px;
	}
	.logo.group-company-links .group_logo1 a {
		margin-top: 3px;
		margin-bottom: 5px;
	}
	.logo.group-company-links .group_logo2 a {
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.logo.group-company-links .group_logo3 a {
		margin-top: 14px;
		margin-bottom: 5px;
	}
	.group-company-links ul li.group_logo1 {
		width:100px;
	}
	.footer-grid-content {
		width: 100%;
		float: initial;
	}
	img.footer-thumbnail {
		width: 100%
	}
}
