/*===================================
	base
===================================*/
div.ccm-page .container{ max-width: 100%; }

div.ccm-page .img-responsive,
div.ccm-page .thumbnail>img,
div.ccm-page .thumbnail a>img{
    display: inherit;
}

div.ccm-page table{
	width: 100%;
	max-width: 100%;
}
div.ccm-page table th,
div.ccm-page table td{
	padding: 0.5em;
}

div.ccm-page .header-tel{
	padding: 2px 20px;
	display: inline-block;
	border: 2px solid #B3C3F2;
	border-radius: 30px;
	font-size: 32px;
}
div.ccm-page .header-tel p{
	margin-bottom: 0;
	color: #005899;
}

div.ccm-page .title-underline{
	margin-bottom: 1em;
	padding-bottom: 0.6em;
	color: #333333;
	border-bottom: 1px solid #333333;
	font-weight: 500;
}

div.ccm-page main a:not(.fa):not(.btn), div.ccm-page footer a:not(.fa):not(.btn){ color: #337ab7; }

/*===================================
	layout
===================================*/
div.ccm-page{
	background: url(../images/background.png) repeat-y #8899de;
	background-size: contain;
}
div.ccm-page div.wrapper,
div.ccm-page div.wrapper header,
div.ccm-page div.wrapper main{
	background: #E6EDFF;
}


div.ccm-page header{
	border-top: 5px solid #8899DE;
	border-bottom: 0;
}
div.ccm-page .btn-sns { text-align: right ; }
div.ccm-page footer#footer-theme {
	border-top: 5px solid #8899DE;
}

div.ccm-page footer#footer-theme section{
	border-top: 0;
	background: none;
}


/*===================================
	home
===================================*/
div.ccm-page .ccm-block-page-list-wrapper-yumetabi .ccm-block-page-list-pages,div.ccm-page .topicslist .ccm-block-page-list-pages{ display: block; }


/*===================================
	page inner
===================================*/


	/*===================================
		pagetop
	===================================*/
	div.ccm-page div.pagetop a{
		margin: 1em 0 1em auto;
		display: block;
		border-radius: 38px;
		background: #D6DDED;
		width: 78px;
		height: 78px;
		line-height: 1.5;
		color: #3363BD;
		text-align: center;
		font-size: 12px;
	}
	div.ccm-page div.pagetop a::before{
		margin: 5px auto;
		position: relative;
		top: 10px;
		display: block;
		content: url(../images/i-pagetop.png);
	}
	
	/*===================================
		吹き出しの色変え
	===================================*/

	/*--base--*/
	div.ccm-page .page-header {
	  margin: 1.5em 0;
	  padding: 40px 10px;
	  position: relative;
	  display: inline-block;
	  width: 100%;
	  max-width: 100%;
	  background: #FFFFFF;
	  border-bottom: 10px solid #D4136C;
	  box-sizing: border-box;
	  text-align: center;
	}

	div.ccm-page .page-header:before {
		content: "";
		position: absolute;
		bottom: -18px;
		left: 50%;
		margin-left: -13px;
		border: 10px solid transparent;
		border-top: 10px solid #FFFDF3;
		z-index: 2;
	}

	div.ccm-page .page-header:after {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -16px;
		border: 13px solid transparent;
		border-top: 13px solid #D4136C;
		z-index: 1;
	}

	div.ccm-page .page-header h1.page-title {
	  margin: 0;
	  padding: 0;
	}

/*yellow*/
	div.ccm-page.search .page-header {
	  border-bottom: 10px solid #FFCE45;
	}
	div.ccm-page.search .page-header:after {
		border-top: 13px solid #FFCE45;
	}
	div.ccm-page.search .page-header h1.page-title {
		color: #333;
	}
/*orange*/
	div.ccm-page.recommend .page-header {
	  border-bottom: 10px solid #E57C48;
	}
	div.ccm-page.recommend .page-header:after {
		border-top: 13px solid #E57C48;
	}
	div.ccm-page.recommend .page-header h1.page-title {
		color: #E57C48;
	}

/*red*/
	div.ccm-page.timeup .page-header {
	  border-bottom: 10px solid #E23B44;
	}
	div.ccm-page.timeup .page-header:after {
		border-top: 13px solid #E23B44;
	}
	div.ccm-page.timeup .page-header h1.page-title {
		color: #E23B44;
	}

/*green*/
	div.ccm-page.topics .page-header,
	div.ccm-page.page-type-page-topics .page-header {
	  border-bottom: 10px solid #9FD649;
	}
	div.ccm-page.topics .page-header:after,
	div.ccm-page.page-type-page-topics .page-header:after {
		border-top: 13px solid #9FD649;
	}
	div.ccm-page.topics .page-header h1.page-title,
	div.ccm-page.page-type-page-topics .page-header h1.page-title {
		color: #9FD649;
	}

#googlemap iframe{
	width: 100%;
	max-width: 100%;
}



/*===================================
	tour
===================================*/

div.ccm-page div#tourdetails{
	margin-top: 2rem;
}
div.ccm-page div#tourdetails h4{
	margin-top: 0;
}
div.ccm-page div#tourdetails .col-sm-8 .row,
div.ccm-page div#tourdetails .col-sm-9 .row{
	margin-bottom: 2rem;
	border-bottom: 3px double #8899DE;
}
div.ccm-page .ccm-block-page-attribute-display-title{font-size: 90%;}
div.ccm-page .eat-list span:not(:first-child){ margin-left: 16px; content: ''; }
/*div.ccm-page .eat-list span:nth-child(4):before{ content: ''; display: block; }*/

/* tag */
div.ccm-page span.ccm-block-tags-tag{
	border-color: #4aa9da;
}
div.ccm-page div.ccm-block-tags-wrapper a{
	margin-bottom: 0.8rem;
    display: inline-block;
}
div.ccm-page div.ccm-block-tags-wrapper a span.ccm-block-tags-tag.label{
	font-size: 90%;
	font-weight: 500;
}

/* ツアー日程 */
div.ccm-page div.ccm-block-page-attribute-display-wrapper{ overflow: auto; color: inherit; }
div.ccm-page div.ccm-block-page-attribute-display-wrapper:last-child{ border: none; }
div.ccm-page div.page-attribute-display-tour{ font-size: 90%; }


/*===================================
	@media
===================================*/

@media screen and (min-width: 1200px){
	.container {
	    width: 1440px;
	    max-width: 100%;
	}
	div.ccm-page div.wrapper{
		margin: 0 auto;
		width: 1500px;
		max-width: 100%;
	}
	div.ccm-page div.header-tel{
		margin: 0 0 0 auto;
		display: table;
		text-align: right;
	}
	div.ccm-page div#tourdetails,
	div.ccm-page div.tour-important,
	div.ccm-page div.w1000{
		margin-right: auto;
		margin-left: auto;
		max-width: 1000px;
	}
	div.ccm-page div.page-attribute-display-tour .col-sm-3{
		padding-left: 0;
	}
}
@media screen and (min-width:993px) and ( max-width:1199px) { div.ccm-page .header-tel{ margin: 0 0 0 auto; display: block; width: 300px; text-align: right; }}
@media screen and (min-width:768px) and ( max-width:992px) {
	div.ccm-page .sitetitle img{ margin: 0 auto; display: block; text-align: center; }
	div.ccm-page .headernav ul{ text-align: center; }
	div.ccm-page .header-tel { display: block; margin: 0 auto; text-align: center; width: 300px; }
	div.ccm-page .btn-sns { text-align: center ; }
}

@media screen and (max-width: 767px) {
	div.ccm-page .pc{
		display: none;
	}
	header ul.page_inner_nav,
	header ul.page_inner_nav li{
		text-align: left;
	}
	div.ccm-page header .header-tel{
		margin: 0.5em auto 0;
		display: table;
	}
	div.ccm-page .btn-sns { text-align: center ; }
	div.ccm-page .global_nav li{ padding: 0; }
	div.ccm-page .global_nav li>a{ padding: 10px 5px; }
}

div.ccm-page .form-horizontal.tourform .form-group{ margin-right: 0; margin-left: 0; }
div.ccm-page .form-inline{ width: auto; }
div.ccm-page .form-age{ padding-top: 5px; vertical-align: middle; display: block; }
div.ccm-page #links01 div, div.ccm-page #links02 div{ margin-bottom: 4px; }
@media screen and (min-width: 768px){
	.form-horizontal .control-label{ text-align: left; }
}