@charset "utf-8";
/* CSS Document */
/*
Designed by En-Graphiction Templates
https://en-graphiction.com
*/
*,
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	min-height:100%;
}
html{
	overflow-x: hidden;
}
body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-feature-settings : "palt";
	overflow-x: hidden;
	margin:0;
	color: rgba(163,114,36,1.00);
	font-family: Garamond, "Times New Roman", "yu-mincho-pr6n", 游明朝, "Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-image: url(../images/bg-marble.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}
.ccm-page table {
	border-collapse:collapse;
	border-spacing:0;
}
.ccm-page hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:32px 0;
	padding:0;
}
.ccm-page .clearfix:before,
.ccm-page .clearfix:after{
	content: " ";
	display: table;
}
.ccm-page .clearfix:after{
	clear: both;
}
.ccm-page .clearfix{
	*zoom: 1;
	clear:both;
}
.ccm-page a {
	color:rgba(163,114,36,1.00);
	text-decoration:underline;
}
.ccm-page a:hover,
.ccm-page a:focus {
	text-decoration:none;
}
.ccm-page a:active{
	text-decoration:none;
}
.ccm-page a img{
	border: none;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ccm-page img{
	vertical-align:top;
}
.ccm-page .img-responsive,
.ccm-page .img-responsive img,
.ccm-page .img-fluid{
	width: 100%;
	height: auto;
}
.ccm-page ul,
.ccm-page li,
.ccm-page ol{
	padding:0;
	margin:0;
	list-style: none;
}
.ccm-page time{
	display: block;
	text-align: right;
	padding: 16px 0;
}
.ccm-page a:hover img{/*リンク付き画像にマウスを乗せたら少し透明化*/
	filter: alpha(opacity=80);
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.ccm-page input,
.ccm-page button,
.ccm-page textarea,
.ccm-page select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: Garamond, "Times New Roman", "yu-mincho-pr6n", 游明朝, "Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.ccm-page a[href^="tel:"] {
	color: unset;
}
.ccm-page a,
.ccm-page i{
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/*====================================================================
　　　　　　　　　　　　共通設定
====================================================================*/
/*==================== 文字揃 ====================*/
.ccm-page .tac {
	text-align:center !important;
}
.ccm-page .tal {
	text-align:left !important;
}
.ccm-page .tar {
	text-align:right !important;
}
/*==================== 余白 ====================*/
.ccm-page .pdg-8{
	padding:8px !important;
}
.ccm-page .pdg-16{
	padding:16px !important;
}
.ccm-page .pdg-32{
	padding:32px !important;
}
.ccm-page .pdg-56{
	padding:56px 0 !important;
}
.ccm-page .pdg_t-16{
	padding-top:16px !important;
}
.ccm-page .pdg_b-16{
	padding-bottom:16px !important;
}
.ccm-page .mgn_t-0{
	margin-top:0 !important;
}
.ccm-page .mgn_b-0{
	margin-bottom:0 !important;
}
.ccm-page .mgn-a{
	margin-left:auto !important;
	margin-right:auto !important;
}
.ccm-page .mgn-0a{
	margin:0 auto !important;
}
.ccm-page .mgn-0{
	margin:0 !important;
}
.ccm-page .mgn_t-8{
	margin-top:8px !important;
}
.ccm-page .mgn_b-8{
	margin-bottom:8px !important;
}
.ccm-page .mgn_t-16{
	margin-top:16px !important;
}
.ccm-page .mgn_b-16{
	margin-bottom:16px !important;
}
.ccm-page .mgn-32{
	margin:32px auto !important;
}
.ccm-page .mgn_t-32{
	margin-top:32px !important;
}
.ccm-page .mgn_b-32{
	margin-bottom:32px !important;
}
.ccm-page .mgn-48{
	margin:48px auto !important;
}
.ccm-page .mgn_t-48{
	margin-top:48px !important;
}
.ccm-page .mgn_b-48{
	margin-bottom:48px !important;
}
.ccm-page .mgn-56{
	margin:56px auto !important;
}
.ccm-page .mgn_t-56{
	margin-top:56px !important;
}
.ccm-page .mgn_b-56{
	margin-bottom:56px !important;
}
.ccm-page .mgn-96{
	margin:96px auto !important;
}
.ccm-page .mgn_t-96{
	margin-top:96px !important;
}
.ccm-page .mgn_b-96{
	margin-bottom:96px !important;
}
.ccm-page .dis_block{
	display:block;
}
/*==================== 背景色 ====================*/
.ccm-page .bg-wht{
	background:rgba(255,255,255,1.00);
}
.ccm-page .bg-blue{
	background:rgba(0,58,149,1.00);
	color: rgba(255,255,255,1.00);
}
.ccm-page .bg-orange{
	background:rgba(243,152,0,1.00);
	color: rgba(255,255,255,1.00);
}
.ccm-page .bg-red{
	background:rgba(230,0,18,1.00);
	color: rgba(255,255,255,1.00);
}
.ccm-page .bg-gray{
	background: rgba(247,247,247,1.00);
}
.ccm-page .bg-blue a,
.ccm-page .bg-orange a,
.ccm-page .bg-red a{
	color: rgba(255,255,255,1.00);
}
/*==================== 文字 ====================*/
.ccm-page h1,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6{
	margin:32px auto 16px;
	line-height:1.3;
}
.ccm-page h2{
	margin:48px auto 32px;
}
.ccm-page h3{
	margin:48px auto 24px;
}
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5{
	font-weight:400;
}
.ccm-page h1{
	font-size:2.4rem;
}
.ccm-page h2{
	font-size:200%;
	line-height:1.2;
	position:relative;
	padding: 0 0 8px 4px;
	border-bottom: 2px solid rgba(163,114,36,1);
}
.ccm-page h2::after{
	content: "";
	position: relative;
	width: 100%;
	height: 1px;
	background: rgba(163,114,36,1);
	display: block;
	bottom: -14px;
	left: -4px;
}
.ccm-page h3{
	font-size:180%;
	line-height:1.2;
}
.ccm-page h4{
	font-size:160%;
	position:relative;
	border-left:8px solid;
	padding-left:8px;
}
.ccm-page h5{
	font-size:140%;
	padding-left:16px;
}
.ccm-page h5:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c8";/*fa-square*/
	margin-right:4px;
	margin-left:-16px;
	top: -3px;
	position: relative;
	font-size:1rem;
}
.ccm-page h6{
	font-size:120%;
	font-weight:500;
	letter-spacing: .02em;
}
.ccm-page .side-content-left h2,
.ccm-page .side-content-right h2{
	margin:32px auto;
}
/*  -  蛍光ペン風  -  */
.ccm-page .attention-red{
	background:linear-gradient(rgba(255,204,204,0) 60%, rgba(255,204,204,1) 100%);
}
.ccm-page .attention-yellow{
	background:linear-gradient(rgba(255,255,102,0) 60%, rgba(255,255,102,1) 100%);
}
/*  -  ページタイトル  -  */
#headertitle{
	position:relative;
	width:100%;
	background: url(../images/bg-headertitle.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 0;
	/* (画像の高さ / 画像の横幅) × 100 */
	padding-top: 33.33333333%;
}
#headertitle h1{
	width:100%;
	display: block;
	color: rgba(163,114,36,1.00);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*  -  文字調整  -  */
.ccm-page p{
	margin:0 auto 16px;
	letter-spacing:1px;
}
.ccm-page main p{
	line-height: 2rem;
}
.ccm-page .small{
	font-size:0.8rem;
}
.ccm-page .text-middle{
	font-size:1.4rem;
}
.ccm-page .text-large{
	font-size:1.6rem;
}
.ccm-page .text-danger{
	color:#F66;
}
.ccm-page #page-content i{
	margin: 0 4px 0px 0px;
}
/*==================== ヘッダー ====================*/
.ccm-page header{
	width: 100%;
}
.ccm-toolbar-visible .page-template-home{/*ホームは除外*/
	margin-top: 0px;
}
.ccm-page .header_name{
	color: rgba(246,174,106,1.00);
	position:relative;
	left: 2%;
	top: -16px;
}
.ccm-page .header_name p{
	margin: 0;
}
.ccm-page .header_name a{
	color: rgba(246,174,106,1.00);
	text-decoration: none;
}
.ccm-toolbar-visible #navigation{
	top: 48px;
}
/*==================== フッター ====================*/
.ccm-page footer{
	clear:both;
	position: relative;
	padding: 48px 0 32px;
}
.ccm-page .copyright{
	padding: 0;
	font-size: 0.8rem;
	text-align: left;
}
/*==================== レイアウト ====================*/
.ccm-page main{
	position: relative;
	padding-top: 88px;
}
.ccm-page .bottom_contents{
	background: rgba(247,247,247,1);
	padding: 16px;
	margin-top: 32px;
}
#page-content{
	padding:0px;
}
.ccm-page .auto_height {
	height: auto;
	width: 100%;
}
/*==================== ボタン ====================*/
.ccm-page .button-basic,
.ccm-page .button-primary,
.ccm-page .button-success,
.ccm-page .button-info,
.ccm-page .button-warning,
.ccm-page .button-danger,
.ccm-page .button-fab,
.ccm-page .button-text,
.ccm-page .button-black,
.ccm-page .button-white,
.ccm-page .button-gold{
	background:#999;
	border: none;
	color: rgba(255,255,255,1);
	position: relative;
	margin:0 auto 16px;
	min-width: 64px;
	padding: 4px 24px;
	display: inline-block;
	font-size:14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ccm-page .button-text{
	color:#1A79B3;
	background:rgba(255,255,255,0);
	box-shadow:none;
}
.ccm-page .button-primary{
	background:rgba(0,58,149,1.00);
}
.ccm-page .button-success{
	background:rgba(75,126,68,1);
}
.ccm-page .button-info{
	background:rgba(3,169,244,1);
}
.ccm-page .button-warning{
	background:rgba(243,152,0,1.00);
}
.ccm-page .button-danger{
	background:rgba(230,0,18,1.00);
}
.ccm-page .button-black{
	background:rgba(84,84,84,1.00);
}
.ccm-page .button-white{
	background:rgba(255,255,255,1.00);
	color: rgba(75,126,68,1);
}
.ccm-page .button-gold{
	background:rgba(202,177,93,1.00);
}
.ccm-page .button-fab{
	border-radius:50%;
	height:64px;
}
.ccm-page .button-large{
	padding:8px 24px;
}
.ccm-page .button-basic:active,.ccm-page .button-basic:focus,.ccm-page .button-basic:hover{
	background:rgba(153,153,153,0.7);
}
.ccm-page .button-primary:active,.ccm-page .button-primary:focus,.ccm-page .button-primary:hover{
	background:rgba(0,58,149,0.7);
}
.ccm-page .button-success:active,.ccm-page .button-success:focus,.ccm-page .button-success:hover{
	background:rgba(75,126,68,0.7);
}
.ccm-page .button-info:active,.ccm-page .button-info:focus,.ccm-page .button-info:hover{
	background:rgba(3,169,244,0.7);
}
.ccm-page .button-warning:active,.ccm-page .button-warning:focus,.ccm-page .button-warning:hover{
	background:rgba(243,152,0,0.7);
}
.ccm-page .button-danger:active,.ccm-page .button-danger:focus,.ccm-page .button-danger:hover{
	background:rgba(230,0,18,0.7);
}
.ccm-page .button-black:active,.ccm-page .button-black:focus,.ccm-page .button-black:hover{
	background:rgba(84,84,84,0.7);
}
.ccm-page .button-white:active,.ccm-page .button-white:focus,.ccm-page .button-white:hover{
	background:rgba(255,255,255,0.7);
}
.ccm-page .button-gold:active,.ccm-page .button-gold:focus,.ccm-page .button-gold:hover{
	background:rgba(202,177,93,0.7);
}
.ccm-page .button-text:hover{
	background:rgba(158,158,158,.2);
}
.ccm-page .button-text:active,.ccm-page .button-text:focus{
	background:rgba(158,158,158,.4);
}
.ccm-page .pdg-32 span,.ccm-page .pdg-56 span,.ccm-page .pdg-32 button,.ccm-page .pdg-56 button,.ccm-page .pdg-32 p:last-child,.ccm-page .pdg-56 p:last-child{
	margin:0 auto;
}
.ccm-page .button-transparent,
.ccm-page .button-transparent-gray{
	display: inline-block;
	font-weight: bold;
	line-height: 45px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid transparent;
	outline: 1px solid;
	outline-offset: 0px;
	text-shadow: none;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
	padding: 0 16px;
}
.ccm-page .button-transparent{
	outline-color: rgba(202,177,93,0.5);
}
.ccm-page .button-transparent-gray{
	color: rgba(84,84,84,1);
	outline-color: rgba(84,84,84,0.5);
}
.ccm-page .button-transparent:hover,
.ccm-page .button-transparent-gray:hover {
	outline-color: transparent;
	outline-offset: 12px;
}
.ccm-page .button-transparent:hover {
	border-color: rgba(202,177,93,1);
	box-shadow: inset 0 0 20px rgba(202,177,93,0.5), 0 0 20px rgba(202,177,93,0.2);
}
.ccm-page .button-transparent-gray:hover {
	border-color: rgba(84,84,84,1);
}
/*==================== ボーダー ====================*/
.ccm-page .border-right-c1s{
	border-right:#ccc 1px solid;
}
.ccm-page .border-left-c1s{
	border-left:#ccc 1px solid;
}
.ccm-page .border-top-e1s{
	border-top:#e0e0e0 1px solid;
}
/*==================== 埋め込み ====================*/
.ccm-page iframe{
	width:100% !important;
}
.ccm-page .ggl_map{
	border: 1px solid rgba(221,221,221,1.00);
}
/*==================== プログレスバー ====================*/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace .pace-progress {
	background:rgba(163,114,36,1.00);
	position: fixed;
	z-index: 2000;
	top: 0px;
	right: 100%;
	width: 100%;
	height: 2px;
}
/*==================== フッターの診療時間 ====================*/
.ccm-page footer .timetable-footer{
	margin: 16px auto 8px;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(163,114,36,1.00);
}
.ccm-page footer .timetable-footer td{
	padding: 4px;
	width: 14%;
}
/*　スマホ（スマートフォン・タブレット）・タブレット用
---------------------------------------------------------------------*/
@media (max-width: 768px) {
.ccm-page .tac-ss{
	text-align:center;
}
.ccm-page .pdg-0-16-ss{
	padding:0 16px;
}
.ccm-page .small-screen_br{/*改行*/
	display:block;
}
.ccm-page .display-none-ss{
	display:none;
}
.ccm-page .myframe{
	padding:32px 0;
}
.ccm-page .header_logo{
	padding:10px 0 10px 8px;
	z-index:1;
	position: absolute;
	top: 0;
}
	.ccm-toolbar-visible .ccm-page .header_logo{
	top: 48px;
	}
	.ccm-toolbar-visible .ccm-page .header_name{
	top: 56px;
	}
	.ccm-page .header_logo img{
	height: 28px;
	width: auto;
	}
	.ccm-page .header_nav{
		position: fixed;
		top: 0;
		z-index: 1;
	}
	.ccm-page .header_name{
		position: absolute;
		top: 8px;
		left: 12%;
		font-size: 1.4rem;
	}
	.side-sticky-top,
	.side-sticky{
	display: none;
	}
	.ccm-page .bottom_contents{
	margin-top: 0px;
	}
	.ccm-page .bottom_banner_area{
		width: 88%;
	}
	.ccm-page footer{
		padding:8px 0;
	}
#headertitle{
	margin: 48px 0 0;
}
#headertitle h1{
	padding: 16px;
	font-size: 1.6rem;
	margin: 0;
	text-align: center;
}
.ccm-page .page_content{
	padding: 32px 16px;
}
.page-template-home .page_content{
	padding: 0px 16px;
}
.ccm-page main,
.ccm-page .page-content-right,
.ccm-page .page-content-left,
.ccm-page .side-content-left,
.ccm-page .side-content-right{
	margin:0 auto;
	width: 100%;
}
.ccm-page main{
	padding-top: 16px;
}
.ccm-page .side-content-left,
.ccm-page .side-content-right{
	width:100%;
	margin-top: 32px;
}
.ccm-page .copyright{
	padding: 16px 0 0;
}
.ccm-page .img_l img,
.ccm-page .img_r img{
	width:100%;
	height:auto;
	margin:0 auto 16px;
}
.ccm-page h1{
	font-size:14vw;
}
.ccm-page h2,
.page-template-home .home_wrapper h2{
	font-size:8vw;
}
.ccm-page h3{
	font-size:8vw;
}
.ccm-page h4{
	font-size:6vw;
}
.ccm-page h5{
	font-size:6vw;
}
.ccm-page h6{
	font-size:6vw;
}
.ccm-page .text-large {
	font-size: 1.4rem;
}
.ccm-page .text-middle{
	font-size:1.2rem;
}
.ccm-page .text-middle-ss{
	font-size:7vw !important;
}
.ccm-page .text-middle_small-ss{
	font-size:0.8rem !important;
}
.page-template-home .home_wrapper h2{
	padding: 0;
}
/*==================== ページ上部へ戻る ====================*/
.ccm-page a.page_top{
	background:rgba(255,255,255,1);
	width:100%;
	text-decoration:none;
	text-align:center;
	color:rgba(163,114,36,1.00);
	display:block;
	padding:8px 0px;
	line-height:2;
	position:relative;
	margin: 0 auto 32px;
}
.ccm-page .page_top i{
	bottom: -2px;
	left: -4px;
}
/*==================== フッターの診療時間 ====================*/
.ccm-page footer .timetable-footer tr{
	display: inline-block;
}
.ccm-page footer .timetable-footer tr:first-child{
	width: 28%;
}
.ccm-page footer .timetable-footer tr:last-child{
	width: 72%;
}
.ccm-page footer .timetable-footer td{
	width: 100%;
	display: block;
}
}
/*　パソコン（PC）用
---------------------------------------------------------------------*/
@media (min-width: 769px) {
/*==================== レイアウト ====================*/
.ccm-page .side-content-left,.ccm-page .side-content-right{
	width:30%;
}
.ccm-page .side-content-left{
	padding:0 40px 0 0;
}
.ccm-page .side-content-right{
	padding:0 0 0 40px;
}
.ccm-page .page-content-right,.ccm-page .page-content-left{
	width:70%;
}
.ccm-page .big-screen_br{/*改行*/
	display:block;
}
.ccm-page .myframe{
	padding:32px;
}
#panels{
	padding:0 32px;
}
.ccm-page .header_logo{
	padding: 0px 0 0;
}
#headertitle{
	margin: 0px auto 32px;
}
#headertitle h1{
	text-align:center;
	font-size: 2.4rem;
	margin: 0;
}
.ccm-page .header_logo img{
	width: auto;
	height: 84px;
	display: block;
	margin: 0px auto;
	float: right;
}
.ccm-page .bottom_banner_area{
	margin: 48px auto 0 !important;
}
.ccm-page .side-logo_area{
	text-align:center;
	font-size:0.9rem;
	margin:32px auto;
}
.ccm-page .side-logo_area img{
	width:176px;
	height:auto;
}
a[href^="tel:"] {
	text-decoration: none;
}
.ccm-page .ls-width-20per{
	width: 20% !important;
}
.ccm-page .ls-mgn_b-0{
	margin-bottom:0 !important;
}
/*==================== 縦書き ====================*/
.ccm-page .w_m_vertical {
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	text-orientation: upright;
}
.ccm-page .w_m_vertical-y{
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: all;
	-moz-text-combine: all;
	text-combine-upright: all;
}
/*==================== 画像寄せ ====================*/
.ccm-page .img_l img,.ccm-page .img_r img{
	width:40%;
	height:auto;
}
.ccm-page .img_l img{
	float:left;
	margin:0 16px 16px 0;
}
.ccm-page .img_r img{
	float:right;
	margin:0 0 16px 16px;
}
/*==================== PC（パソコン）のみフロート ====================*/
.ccm-page .float_r-ls{
	float:right;
}
.ccm-page .float_l-ls{
	float:left;
}
/*==================== ページ上部へ戻る ====================*/
.ccm-page .page_top{
	position:fixed;
	right:16px;
	bottom:4px;
	display:none;
	z-index: 11;
}
.ccm-page .page_top i{
	font-size:4rem;
	color:rgba(163,114,36,1.00);
}
.ccm-page .page_top i:hover{
	color:rgba(163,114,36,0.5);
}
.ccm-page .page_top span{
	display:none;
}
.ccm-page .anchor{
	margin-top:-60px;
	padding-top:60px;
}
/*==================== サイドバーついてくる ====================*/
.ccm-page .pc-side-nav-fixed {
	top: 100px;
	position: fixed;
	width: 300px;
	z-index: 1;
}
}
/*====================================================================
　　　　　　　　　　グリッドレイアウト
====================================================================*/
@media (min-width:769px){.ccm-page .container{width:750px}}
@media (min-width:992px){.ccm-page .container{width:970px}}
@media (min-width:1200px){.ccm-page .container{width:1170px}}
.ccm-page .container{
	margin:auto;
}
.ccm-page .flex_box-wrapper{
	margin:0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	flex-direction:row;
	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	flex-flow: row wrap;
}
.ccm-page .flex_box-between{
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.ccm-page .flex_box-around{
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}
.ccm-page .flex_box-center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
@media (max-width: 768px){
	.ccm-page .ccm_s-s-12{width:100%}
	.ccm-page .ccm_s-s-11{width:88%}
	.ccm-page .ccm_s-s-10{width:80%}
	.ccm-page .ccm_s-s-9{width:72%}
	.ccm-page .ccm_s-s-8{width:64%}
	.ccm-page .ccm_s-s-7{width:56%}
	.ccm-page .ccm_s-s-6{width:48%}
	.ccm-page .ccm_s-s-5{width:40%}
	.ccm-page .ccm_s-s-4{width:32%}
	.ccm-page .ccm_s-s-3{width:24%}
	.ccm-page .ccm_s-s-2{width:16%}
	.ccm-page .ccm_s-s-1{width:8%}
}
@media (min-width:769px){
	.ccm-page .ccm_m-s-12{width:100%}
	.ccm-page .ccm_m-s-11{width:88%}
	.ccm-page .ccm_m-s-10{width:80%}
	.ccm-page .ccm_m-s-9{width:72%}
	.ccm-page .ccm_m-s-8{width:64%}
	.ccm-page .ccm_m-s-7{width:56%}
	.ccm-page .ccm_m-s-6{width:48%}
	.ccm-page .ccm_m-s-5{width:40%}
	.ccm-page .ccm_m-s-4{width:32%}
	.ccm-page .ccm_m-s-3{width:24%}
	.ccm-page .ccm_m-s-2{width:16%}
	.ccm-page .ccm_m-s-1{width:8%}
}
@media (min-width:992px){
	.ccm-page .ccm_l-s-12{width:100%}
	.ccm-page .ccm_l-s-11{width:88%}
	.ccm-page .ccm_l-s-10{width:80%}
	.ccm-page .ccm_l-s-9{width:72%}
	.ccm-page .ccm_l-s-8{width:64%}
	.ccm-page .ccm_l-s-7{width:56%}
	.ccm-page .ccm_l-s-6{width:48%}
	.ccm-page .ccm_l-s-5{width:40%}
	.ccm-page .ccm_l-s-4{width:32%}
	.ccm-page .ccm_l-s-3{width:24%}
	.ccm-page .ccm_l-s-2{width:16%}
	.ccm-page .ccm_l-s-1{width:8%}
}
/*====================================================================
　　　　　　　　　　リップルエフェクト
====================================================================*/
.ripple{position:relative;overflow: hidden;}.ripple .rp-effect{position: absolute;border-radius:50%;opacity:0.35;transform:scale(0);background:rgba(255,255,255,1);animation:ripple 700ms;}
@-webkit-keyframes ripple {to{opacity:0;transform: scale(2.0);}}
@keyframes ripple {to{opacity:0;transform:scale(2.0);}}
/*==================== tableタグ用 ====================*/
.ccm-page .table-gold_line{
	border: 1px solid;
	width: 100%;
}
.ccm-page .table-gold_line th,
.ccm-page .table-gold_line td{
	padding: 8px 16px;
	border: 1px solid;
}
/*==================== TOPのH1用 ====================*/
.page-template-home .home_wrapper h1{
	margin: 0 auto 16px;
}