@charset "utf-8";

/*-------------------------------------------------------------------------------
HEADER
 -------------------------------------------------------------------------------*/
.cm-header {
	padding-top: 17px;
}
.cm-header > div {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.cm-header-contents {
	border-bottom: #D1D9DD solid 1px;
	position: relative;
}
.cm-header-logo-copy {
	width: 232px;
	height: 16px;
	background-image: url(/common/image/common/common-logo-copy.png);
	background-repeat: no-repeat;
	text-indent: -99em;
	overflow: hidden;
	color: #0067B6;
	font-weight: bold;
	margin-bottom: 3px;
	margin-left: 25px;
}
.cm-header-main-wrap {
    height: 77px;
}
.cm-header-main {
	float: left;
}
.cm-header-main > a,
.cm-header-main > h1 {
	margin-left: 25px;
}
.cm-header-lang {
	float: right;
	width: 96px;
	height: inherit;
	border-left: #D1D9DD solid 1px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 11px;
	box-sizing: border-box;
}
.cm-header-lang a { 
	line-height: 1.9;
	display: inline-block;
}
.cm-header-logo {
	display: block;
	width: 232px;
	height: 47px; 
	background-image: url(/common/image/common/common-logo.png);
	background-repeat: no-repeat;
	text-indent: -99em;
	overflow: hidden;
}
.cm-header-logo-description {
	font-size: 11px;
	margin-top: 7px;
}
.cm-header-nav {
	height: 55px;
	overflow: hidden;
}
.cm-header-nav li {
	float: left;
	position: relative;
}
.cm-header-nav li + li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 25px;
	margin-top: auto;
	margin-bottom: auto;
	border-left: #D1D9DD solid 1px;
}
.cm-header-nav li a, .cm-header-nav li span{
	color: #545454;
	font-weight: bold;
	padding: 15px 15px;	
	display: block;
	min-width: 90px;
	font-size: 14px;
	text-align: center;
}
@media screen and (max-width: 680px) {
	/*.cm-header-lang {
		float: right;
		width: 96px;
		height: 50%;
		border-left: #D1D9DD solid 1px;
		text-align: left;
		padding-top: 5px;
		padding-left: 15px;
		position: absolute;
		top: 53px;
		right: 0px;
		line-height: 19px;
		font-size: 11px;
	}
	.cm-header-nav {
		height: 100%;
	}
	.cm-header-lang {
		display: none;
	}*/
}

/*-------------------------------------------------------------------------------
CONTENTS
 -------------------------------------------------------------------------------*/

.cm-contents {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.cm-header-kv-news {
	height: 156px;
	/*TODO: replace */background: url(/common/image/pages/newsrelease/page-header-news.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/newsrelease/page-header-news.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/newsrelease/page-header-news.png',sizingMethod='scale')";
}
.cm-header-kv-company {
	height: 156px;
	/*TODO: replace */background: url(/common/image/pages/company/page-header-company-back.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-back.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-back.png',sizingMethod='scale')";
}
.cm-header-kv-company-translation {
	height: 146px;
	/*TODO: replace */background: url(/common/image/pages/company/page-header-company-back-translation.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-back-translation.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-back-translation.png',sizingMethod='scale')";
}
.cm-header-kv-company-top {
	height: 185px;
	/*TODO: replace */background: url(/common/image/pages/company/page-header-company-top-back.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-top-back.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/company/page-header-company-top-back.png',sizingMethod='scale')";
}
.cm-contents-header + * {
	margin-top: 60px;
}
.lte-ie8 .cm-contents-header > li > a:after {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-white-right.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-white-right.png',
	sizingMethod='scale')";
}
.cm-contents-header > div {
	position: relative;
	height: inherit;
	padding-top: 13px;
	padding-bottom: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cm-contents-header-heading {
	font-size: 28px;
	text-align: left;
	text-shadow: 1px 1px 1px #FFFFFF;
	margin-top: 25px;
}
.cm-contents-header-nav {
	position: absolute;
	right: 0;
	bottom: 0px;
}
.cm-contents-header-nav > li {
	float: left;
}
.cm-contents-header-nav > li + li {
	margin-left: 1px;
}
.cm-contents-header-nav > li > * {
	display: block;
	padding: 7px 16px 4px;
	background-color: #f6f6f6;
	border: 1px solid #d1d9dd;
	margin-bottom: -1px;
	/*background-image: url(/common/image/common/common-icon-arrow-black-right.svg) no-repeat center center;*/
}
.cm-contents-header-nav > li.current > *  {
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.cm-contents-header-nav > li > *:before {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-top: 2px;
	margin-right: 6px;
	margin-left: -2px;
	background-image: url(/common/image/common/common-icon-arrow-black-right-ie8.png) ;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: text-top;
	content: '　';
}
.no-svg .cm-contents-header-nav > li > *:before {
	background: url(/common/image/common/common-icon-arrow-black-right-ie8.png) no-repeat center center;
}
.lte-ie8 .cm-contents-header-nav > li > *:before {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-black-right.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-black-right.png',
	sizingMethod='scale')";
}
/*------------------*/
.cm-contents-header-large {
	height: 300px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-top.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-top.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-top.png',sizingMethod='scale')";
}
.cm-contents-header-large + * {
	margin-top: 60px;
}
.lte-ie8 .cm-contents-header-large > li > a:after {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/common-icon-arrow-black-right-ie8.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/common-icon-arrow-black-right-ie8.png',
	sizingMethod='scale')";
}
.cm-contents-header-large > div {
	position: relative;
	height: inherit;
	padding-top: 13px;
	padding-bottom: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*------------------*/
.cm-header-kv-business-top {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-top.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-top.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-top.png',sizingMethod='scale')";
}
.cm-header-kv-business-ad {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-ad.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-ad.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-ad.png',sizingMethod='scale')";
}
.cm-header-kv-business-food {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-food.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-food.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-food.png',sizingMethod='scale')";
}
.cm-header-kv-business-art {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-art.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-art.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-art.png',sizingMethod='scale')";
}
.cm-header-kv-business-promotion {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-promotion.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-promotion.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-promotion.png',sizingMethod='scale')";
}
.cm-header-kv-business-space {
	height: 245px;
	/*TODO: replace */background: url(/common/image/pages/business/page-header-business-space.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-space.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/business/page-header-business-space.png',sizingMethod='scale')";
}
.cm-contents-header-middle + * {
	margin-top: 60px;
}
.lte-ie8 .cm-contents-header-middle > li > a:after {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-white-right.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-white-right.png',
	sizingMethod='scale')";
}
.cm-contents-header-middle > div {
	position: relative;
	height: inherit;
	padding-top: 13px;
	padding-bottom: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*------------------*/
.cm-contents-recruit-header {
	height: 152px;
	/*TODO: replace */background: url(/common/image/pages/recruit/page-header-recruit.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d9dd;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/recruit/page-header-recruit.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/pages/recruit/page-header-recruit.png',sizingMethod='scale')";

}
.cm-contents-recruit-header + * {
	margin-top: 60px;
}
.lte-ie8 .cm-contents-recruit-header > li > a:after {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-white-right.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-white-right.png',
	sizingMethod='scale')";
}
.cm-contents-recruit-header > div {
	position: relative;
	height: inherit;
	padding-top: 13px;
	padding-bottom: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*second layer*/
.cm-second {
	border-top: 1px solid #D1D9DD;
}

/*label*/
.cm-label {
	display: inline-block;
	font-size: 12px;
	padding: 4px 8px 2px 8px;
	color: #FFFFFF;
	font-weight: normal;
	vertical-align: middle;
}
.cm-label-info {
	background: #000000;
}
.cm-label-advertising {
	background: #6688b4;
}
.cm-label-advert {
	background: #6688B4;
}
.cm-label-food {
	background: #FFB134;
}
.cm-label-space-planning {
	background: #FF9897;
}
.cm-label-pbart {
	background: #66CCCC;
}
.cm-label-red {
	background: #FF6562;
}
.cm-label-promotion {
	background: #EC6B56;
}
.cm-label-space {
	background: #C2A57C;
}
.cm-label-web {
	background: #903B68;
}
.cm-label-side-contents {
	display: inline-block;
	font-size: 11px;
	padding: 3px 8px 3px 8px;
	color: #FFFFFF;
	font-weight: normal;
	vertical-align: middle;
}
.cm-label-space-planning {
	background: #FF9897;
}
.cm-label-pbart {
	background: #66cccc;
}
.cm-label-history {
	display: inline-block;
	font-size: 11px;
	padding: 2px 7px 1px 7px;
	color: #FFFFFF;
	font-weight: normal;
	vertical-align: middle;
}

/*sns*/
* + .cm-sns-h-list {
	margin-top: 30px;
	height: 20px;
}
.cm-sns-h-list > li {
	float: right;
}
.cm-sns-fb-like {

}
/*-------------------------------------------------------------------------------
footer
 -------------------------------------------------------------------------------*/
.cm-footer {
	background-color: #f3f4f5;
	border-top: #D1D9DD solid 1px;
}
.cm-footer > * > * {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.cm-footer-upper-frame {
	padding-bottom: 25px;
	padding-top: 25px;
}
.cm-footer-upper-title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: #D1D9DD solid 1px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cm-footer-upper td {
	text-align: left;
	padding: 2px 10px 0 10px;
}

.cm-footer-upper tr:first-child td {
	padding-top: 5px;
}
.cm-footer-upper td + td {
	border-left: #D1D9DD solid 1px;
	vertical-align: top;
}
.cm-footer-upper td a {
	font-size: 11px;
	font-weight: bold;	
}
.cm-footer-middle {
	overflow: hidden;
	border-right: #444444 solid 1px;
}
.cm-footer-middle > li {
	width: 170px;
	height: 210px;
	border-left:  #444444 solid 1px;
}
.cm-footer-middle > li {
	float: left;
	padding-left: 20px;
}
.cm-footer-middle-frame {
	background-color: #333333;
	padding-top: 30px;
	padding-bottom: 15px;	
	color: #d5d9db;
}

.cm-footer-middle-title {
	font-weight: bold;
	font-size: 13px;
}
.cm-footer-middle-navi > li  > span,
.cm-footer-middle-navi > li  > a {
	color: inherit;
	font-size: 11px;
}
.cm-footer-middle-navi > li  > span:before,
.cm-footer-middle-navi > li  > a:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(/common/image/common/common-icon-arrow-gray-right-ie8.png) no-repeat left center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: text-top;
	margin: 1px 3px 0px -3px;
}
.no-svg .cm-footer-middle-navi > li > a:before {
	background-image: url(/common/image/common/common-icon-arrow-gray-right-ie8.png);
}
.lte-ie8 .cm-footer-middle-navi > li > a:before {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-gray-right-ie8.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-gray-right-ie8.png',
		sizingMethod='scale')";
}
.cm-footer-middle-other {
	margin-top: 60px;
}
.cm-footer-bottom {
	background-color: #222222;
	color: #9d9fa1;
	padding-top: 15px;
	padding-bottom: 9px;
	border-bottom: 50px solid #222222;
}
.cm-footer-bottom ul > li {
	float: left;
	padding-right: 10px;
	line-height: 12px;
}
.cm-footer-bottom ul > li + li {
	border-left: #9d9fa1 solid 1px;
	line-height: 12px;
	padding-left: 10px;
}
.cm-footer-bottom ul > li > a {
	color: inherit;
}
.cm-footer-bottom p {
	float: right;
	color: #d6d9dc;
	font-size: 11px;
	font-weight: bold;
}

/*-------------------------------------------------------------------------------
 MODULE BREADCRUMB
 -------------------------------------------------------------------------------*/

.cm-breadcrumb {
	font-size: 11px;

}
.cm-breadcrumb > li {
	float: left;
}
.cm-breadcrumb > li + li {
	margin-left: 3px
}
.cm-breadcrumb > li + li:before {
	content: '>';
	margin-right: 3px;
}
.cm-breadcrumb br {
	display: none;
}
.cm-breadcrumb a {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------
 MODULE SCROLL2TOP BUTTON
 -------------------------------------------------------------------------------*/

.cm-scroll-button-wrap {
	position: fixed;
	right: 0;
	bottom: 0;
}
.cm-scroll-button {
	display: block;
	color: #FFFFFF;
	border: 1px solid #FFF;
	border-right: 0;
	border-bottom: 0;
	background-color: #333333;
	width: 148px;
	padding: 10px;
	text-decoration: none !important;
	text-align: center;
	margin-left: auto;
	font-size: 11px;
}
.cm-scroll-button:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 7px;
	background: url(/common/image/common/common-icon-arrow-white-top-ie8.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: -5px;
}
.no-svg .cm-scroll-button:before {
	background-image: url(/common/image/common/common-icon-arrow-white-top-ie8.png);
}
.lte-ie8 .cm-scroll-button:before {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/common-icon-arrow-white-top-ie8.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/common-icon-arrow-white-top-ie8.png',
	sizingMethod='scale')";
}

/*-------------------------------------------------------------------------------
 MODULE BUTTON
 -------------------------------------------------------------------------------*/

.cm-btn {
	/*reset*/
	background: 0;
	border: 0;
	/*original*/
	position: relative;
	display: inline-block;
	color: #FFFFFF;
	background-color: #333333;
	padding: 11px 30px;
	border-radius: 6px!important;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.cm-btn:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 6px;
	height: 11px;
	margin-top: auto;
	margin-bottom: auto;
	background: url(/common/image/common/common-icon-arrow-white-right-ie8.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.no-svg .cm-btn {
	background-image: url(/common/image/common/common-icon-arrow-white-right.svg);
}
.lte-ie8 .cm-btn {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-white-right.svg',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-white-right.svg',
	sizingMethod='scale')";
}
.cm-btn:hover {
	opacity: 0.7;
}
.cm-btn:active {
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .3);
}
.cm-btn-primary {
	background-color: #EF6D50;
	color: #FFF !important;
}
.cm-btn-secondary {
	color: #FFF !important;
	background-color: #E29F8A;
}
.cm-btn-platinum {
	color: #FFF !important;
	background-color: #bfbda7;
}
.cm-btn-disabled {
	background-color: #F0F0F0;
	color: #969696 !important;
}
.cm-btn-disabled:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*-------------------------------------------------------------------------------
 MODULE ICON
 -------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
 MODULE TABLE
 -------------------------------------------------------------------------------*/

.cm-table th,
.cm-table td {

}

/*-------------------------------------------------------------------------------
 MODULE FORM
 -------------------------------------------------------------------------------*/

select,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	/*reset*/
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*original*/
	margin: 0;
	/*padding: 8px 8px;*/
	/*width: 100%;*/
	border-width: 1px;
	border-style: solid;
	border-color: #DCDCDC;
	font-size: 13px;
	cursor: pointer;
	-webkit-transition: border .4s ease;
	-moz-transition: border .4s ease;
	-ms-transition: border .4s ease;
	-o-transition: border .4s ease;
	transition: border .4s ease;
}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="tel"],
select {
	/*min-height: 38px;*/
}
/* input hover */
select:hover,
input[type="text"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
textarea:hover {
	border: 1px solid #464646;
}
/* input focus */
select.focus,
input[type="text"].focus,
input[type="search"].focus,
input[type="email"].focus,
input[type="url"].focus,
input[type="tel"].focus,
input[type="number"].focus,
input[type="password"].focus,
textarea.focus {
	-webkit-box-shadow: 0 0 0 1px #e3a18e;
	-moz-box-shadow: 0 0 0 1px #e3a18e;
	box-shadow: 0 0 0 1px #e3a18e;
	border: 1px solid #e3a18e;
}
/*error*/
select.error,
input[type="text"].error,
input[type="search"].error,
input[type="email"].error,
input[type="url"].error,
input[type="tel"].error,
input[type="number"].error,
input[type="password"].error,
textarea.error {
	border: 1px solid #D00022 !important;
	-webkit-box-shadow: 0 0 0 1px #D00022;
	-moz-box-shadow: 0 0 0 1px #D00022;
	box-shadow: 0 0 0 1px #D00022;
}
/* pull down */
select {
}

/* checkbox radio */
input[type="checkbox"],
input[type="radio"] {
	/*display: none;*/
}

input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

input[type="checkbox"] + label:before {
	position: relative;
	display: inline-block;
	content:" ";
	margin-right: 5px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #DCDCDC;
}

input[type="checkbox"]:checked + label::after {
	position: absolute;
	top:  2px;
	left: 13px;
	text-decoration: inherit;
	text-transform: none;
	word-wrap: normal;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-family: 'iconfont';
	line-height: 1;
	speak: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"]:checked + label::after {
	content: "\f108";
}

input[type="radio"] + label {
	border: 1px solid #DCDCDC;
	display: block;
	text-align: center;
	padding: 10px 5px;
}
input[type="radio"]:checked + label {
	position: relative;
	background-color: #DCDCDC !important;
}

/*-------------------------------------------------------------------------------
 MODULE ERRORS
 -------------------------------------------------------------------------------*/

* + .cm-errors {
	margin-top: 15px;
}
.cm-errors + * {
	margin-top: 15px;
}
.cm-errors ul {
	padding: 10px;
	border: 1px solid #D00022;
	background-color: #F9ECE8;
	color: #D00022;
}
.cm-errors ul > li {
	position: relative;
	padding-left: 20px;
}
.cm-errors ul > li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content:"\f12f";
	text-decoration: inherit;
	text-transform: none;
	word-wrap: normal;
	font-weight: normal;
	font-style: normal;
	font-family: "iconfont" !important;
	line-height: 24px;
	speak: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*-------------------------------------------------------------------------------
 MODULE HEADING
 -------------------------------------------------------------------------------*/

.cm-heading-firstly			{ font-size: 20px; }
.cm-heading-firstly + *		{ margin-top: 14px; }
.cm-heading-secondary		{ font-size: 18px; }
.cm-heading-secondary + *	{ margin-top: 12px; }
.cm-heading-thirdly			{ font-size: 16px; }
.cm-heading-thirdly + *		{ margin-top: 10px; }

/*-------------------------------------------------------------------------------
 MODULE FONT
 -------------------------------------------------------------------------------*/

.cm-font-condition {
	color: #AC6464;
}

.cm-font-large	{ font-size: 20px; }
.cm-font-larger	{ font-size: 16px; }
.cm-font-normal	{ font-size: 14px; }
.cm-font-smaller{ font-size: 13px; }
.cm-font-small	{ font-size: 12px; }
.cm-font-xsmall	{ font-size: 11px; }
.cm-font-xxsmall{ font-size: 10px; }

/*-------------------------------------------------------------------------------
 MODULE ANCHOR
 -------------------------------------------------------------------------------*/

.cm-anchor-primary {
	margin-top: 10px;
	text-align: right;
}

/*-------------------------------------------------------------------------------
 MODULE REQUIRED
 -------------------------------------------------------------------------------*/

.cm-required::after {
	content: "※必須";
	display: inline;
	/*color: #AC6464;TODO:どの色が適切か確認。*/
	color: #B45959;
	font-size: 10px;
	margin-left: 12px;
}
/*-------------------------------------------------------------------------------
 MODULE PAGER
 -------------------------------------------------------------------------------*/

.cm-pager-wrap {
	border: #D1D9DD solid 1px;
	overflow: hidden;
	position: relative;
	height: 55px;
	margin-top: 40px;
}
.cm-pager-wrap > li {
	float: left;
}
.cm-pager-num, .page-numbers{
	overflow: hidden;
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
	height: inherit;
	text-align: center;
}
.cm-pager-num > li, .page-numbers > li {
	height: inherit;
	display: inline-table;
	font-weight: bold;
}
.cm-pager-num > li.current, .page-numbers > li > span.current{
	font-weight: normal;
}
.cm-pager-num > li > * , .page-numbers > li > * {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
}
.cm-pager-num > li > a, .page-numbers > li > a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.cm-pager-num > li > a:hover, .page-numbers > li > a:hover {
	background-color: #a6adb1;
	color: #FFFFFF;
}
.cm-pager-btn-prev,
.cm-pager-btn-next {
	display: block;
	width: 55px;
	height: inherit;
	border: 10px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -99em;
	overflow: hidden;
	background-color: #a6adb1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.cm-pager-btn-prev {
	float: left;
	background-image: url(/common/image/common/common-icon-arrow-white-left.svg);
}
.cm-pager-btn-next {
	float: right;
	background-image: url(/common/image/common/common-icon-arrow-white-right.svg);
}
.no-svg .cm-pager-btn-prev {
	background-image: url(/common/image/common/common-icon-arrow-white-left.png);
}
.no-svg .cm-pager-btn-next {
	background-image: url(/common/image/common/common-icon-arrow-white-right.png);
}
.lte-ie8 .cm-pager-btn-prev,
.lte-ie8 .cm-pager-btn-next {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/common/image/common/icon-arrow-white-right.png',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/common/image/common/icon-arrow-white-right.png',
	sizingMethod='scale')";
}
.cm-pager-btn-prev.disabled,
.cm-pager-btn-next.disabled {
	background-color: #EEEEEE;
}
.cm-pager-btn-prev.disabled {
	background-image: url(/common/image/common/common-icon-arrow-gray-left.svg);
}
.cm-pager-btn-next.disabled {
	background-image: url(/common/image/common/common-icon-arrow-gray-right.svg);
}
.no-svg .cm-pager-btn-prev.disabled {
	 background-image: url(/common/image/common/common-icon-arrow-gray-left.png);
 }
.no-svg .cm-pager-btn-next.disabled {
	background-image: url(/common/image/common/common-icon-arrow-gray-right.png);
}
/*-------------------------------------------------------------------------------
 ENTRY BUTTON
 -------------------------------------------------------------------------------*/
.cm-entry {
	position: absolute;
	top: 0px;
	right: 0;
	padding: 10px 33px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 13px;
	border-radius: 0px 0px 10px 10px;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.cm-entry:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	background: url(/common/image/common/common-icon-arrow-white-right-ie8.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 12px;
}
.cm-entry:hover {
	opacity: 0.7;
}

.cm-entry-btn {
	display: inline-block;
	margin: 20px auto 0 auto;;
	padding: 10px 33px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 13px;
	border-radius: 10px 10px 10px 10px;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	text-align: center;
}
.cm-entry-btn:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	background: url(/common/image/common/common-icon-arrow-white-right-ie8.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 12px;
}
.cm-entry-btn:hover {
	opacity: 0.7;
}

/*-------------------------------------------------------------------------------
 LINK
 -------------------------------------------------------------------------------*/
 
.cm-blue-link {
	color: #4A77D5;
	text-decoration: underline!important;
} 
.cm-glay-link,
.cm-current-list .current span {
	color: #999999;
}

/*-------------------------------------------------------------------------------
 SP-HEADER
 -------------------------------------------------------------------------------*/
 
  /* ------ 1025pxより大きい時 ------ */
@media screen and (min-width: 1025px){
	.cm-sp-page {
		 display: none;
	}
	.cm-header-menu {
		display: none;
	}
	.cm-header-lang {
		display: block;
	}
}
 /* ------ 1024pxより小さい時 ------ */
 @media screen and (max-width: 1024px){
	.cm-header-nav {
		height: 100%;
	}
	.cm-header-lang {
		display: none!important;
	}

	 .cm-header-container {
		 position: relative;
	}
	 .cm-header-contents {
		/* margin-left: 15px;*/
	}
	.cm-header-menu {
		position: absolute;
		top: -3px;
		right: 40px;
		width: 62px;
		height: 65px;
		text-indent: -9999px;
		background: url(/common/image/common/common-icon-header-menu.png) no-repeat;
	}
	.cm-pc-page {
		 display: none;
	}
	.cm-sp-page {
		display: block;
		/*max-width: 640px;*/
		background-color: #000000;
	}
	.cm-sp-list {
		/*max-width: 640px;*/
		padding: 20px 16px;
		background-color: #333333;
		border-top: 2px solid #D1D9DD;
	}
	.cm-sp-list li {
		width: 100%;
	}
	.cm-sp-list li:before {
		display: none!important;
	}
	.cm-sp-list > li > a {
		display: block;
		margin-bottom: 5px;
		color: #FFFFFF;
		text-align: left;
		font-weight: normal;
		background-color: #777777;
	}
	.cm-sp-list > li > a:after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 17px;
		right: 20px;
		width: 10px;
		height: 18px;
		background: url(/common/image/common/common-icon-arrow-white-right.png) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		vertical-align: middle;
	}
	.cm-sp-inner-list li {
		float: left;
		width: 49.7%;
		margin-bottom: 5px;
		/*margin-right: 5px;*/
		background-color: #474747;
	}
	.cm-sp-inner-list li:before {
		display: none!important;
	}
	.cm-sp-inner-list > li > a {
		display: block;
		position: relative;
		padding-left: 25px;
		color: #FFFFFF;
		text-align: left;
		font-weight: normal;
	}
	.cm-sp-inner-list > li > span {
		display: block;
		position: relative;
		padding: 15px 15px 15px 25px;
		color: #FFFFFF;
		text-align: left;
		font-weight: normal;
		font-size: 14px;
	}
	.cm-sp-without-link {
		opacity:0.5;
		filter: alpha(opacity=50);
		-moz-opacity:0.5;
	}
	.cm-sp-inner-list li a:after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 17px;
		right: 20px;
		width: 10px;
		height: 18px;
		background: url(/common/image/common/common-icon-arrow-white-right.png) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		vertical-align: middle;
	}
	.cm-sp-personal-information-list {
		border-bottom: 1px solid #7E7E7E;
	}
	.override.cm-sp-personal-information-list a {
		padding: 15px 45px;
		color: #FFFFFF;
		font-weight: normal;
	}
	.override.cm-sp-language-list a, .override.cm-sp-language-list span {
		color: #FFFFFF;
		font-weight: normal;
	}
	.cm-sp-personal-information-list > li,
	.cm-sp-language-list > li {
		width: 33%;
	}
	.cm-sp-inner-list > li:nth-child(odd) {
		margin-right: 5px;
	}
}




/*-------------------------------------------------------------------------------
 外国語翻訳ページ
 -------------------------------------------------------------------------------*/

.cm-eng-footer-bottom {
	height: 40px;
	background-color: #222222;
}
.cm-eng-footer-bottom > p {
	text-align: right;
	color: #d6d9dc;
	font-size: 11px;
	font-weight: bold;
	line-height: 40px;
}
.address {
	text-decoration: underline!important;
}
.address:hover {
	text-decoration: none!important;
}
.cm-visiting {
	color: #9E9E9E;
}

/*-------------------------------------------------------------------------------
 POPUP IMAGE
 -------------------------------------------------------------------------------*/
 
 .popup-target-image{
 	cursor: pointer;
 }
 .popup-container{
 	display: none;
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	z-index: 200;
 	padding: 20px;
 	text-align: center;
 	background-color: #FFFFFF;
 	background-image: url(/common/image/common/loading.gif);
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
 }
 .popup-image{
 	display: block;
 }
 .popup-close{
 	display: inline-block;
 	padding: 5px 10px;
 	margin-top: 20px;
 	background-color: #808080;
 	border-radius: 3px;
 	color: #FFFFFF;
 	font-size: 12px;
 	text-decoration: none;
 }
 .popup-close:hover{
 	text-decoration: none;
 }
 .popup-background{
 	display: none;
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index : 100;
 	cursor: pointer;
 	background-color: #000000;
 	opacity: 0.7;
 	filter: alpha(opacity=70);
 }