@charset "utf-8";
/* CSS Document */

/*
Designed by En-Graphiction Templates
https://0iwa.com
*/

/*　Webフォント
---------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@font-face {
    font-family: 'flop';
    src: url('../font/flop.eot?') format('eot'),
         url('../font/flop.woff') format('woff'),
         url('../font/flop.ttf')  format('truetype'),
         url('../font/flop.svg#svgFontName') format('svg');
}

*,
*:before,
*:after{
    outline:none;
	-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;
	font-family:'Sawarabi Mincho', serif;
	margin:0;
	color: #545454;
	background:rgba(255,255,255,1);
	font-weight:500;
}
.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{
	clear:both;
}

.ccm-page a {
	color:#545454;
	text-decoration:underline;
}

.ccm-page a:hover {
	text-decoration:none;
}

.ccm-page a:active{
	text-decoration:none;
}

.ccm-page a img{
	border: none;
}
.ccm-page img{
	vertical-align:top;
}
.ccm-page .img-responsive,
.ccm-page .img-fluid{
	width: 100%;
	height: auto;
}
.ccm-page ul,
.ccm-page li,
.ccm-page ol{
	padding:0;
	margin: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:'Sawarabi Mincho', serif;
}
html.ccm-toolbar-visible .ccm-page{/*編集中のみツールバー分下げる*/
	margin-top: 134px !important;
}
/*====================================================================
　　　　　　　　　　　　共通設定
====================================================================*/
/*==================== 文字揃 ====================*/
.ccm-page .tac {
    text-align:center !important;
}
.ccm-page .tal {
    text-align:left !important;
}
.ccm-page .tar {
    text-align:right !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;
}

.ccm-page .mgn_t-0{
	margin-top: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-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-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 .dis_block{
	display:block;
}

/*==================== 色 ====================*/
/*  -  背景色  -  */
.ccm-page .bg-wht{
	background:#fff;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

/*==================== 文字 ====================*/
.ccm-page h1,.ccm-page h4,.ccm-page h5,.ccm-page h6{
	margin:16px auto;
	line-height:1.3;
}
.ccm-page h2,.ccm-page h3{
	margin:48px auto 32px;
}
.ccm-page h2,.ccm-page h3,.ccm-page h4,.ccm-page h5{
	font-weight:400;
}
.ccm-page h1{
	font-size:112px;
	font-weight:300;
	letter-spacing: -.04em;
}
.ccm-page h2{
	font-size:56px;
	letter-spacing: -.02em;
	text-align:center;
}
.ccm-page h3{
	font-size:2rem;
	line-height:1.2;
	position:relative;
	padding-left:46px;
}
.ccm-page h3:before{
	content:url(../images/h3_icon.svg);
	width:38px;
	height:38px;
	position:absolute;
	top:0px;
	left:0;
}
.ccm-page h4{
	font-size:1.8rem;
	position:relative;
	border-left:8px solid;
	padding-left:8px;
}
.ccm-page h5{
	font-size:24px;
	padding-left:16px;
}
.ccm-page h5:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	margin-right:4px;
	margin-left:-16px;
	top: -3px;
    position: relative;
	font-size:1rem;
}
.ccm-page h6{
	font-size:20px;
	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) 70%, rgba(255,204,204,1.00));
	padding-bottom:4px;
}
.ccm-page .attention-yellow{
	background:linear-gradient(rgba(255,255,102,0) 70%, rgba(255,255,102,1.00));
	padding-bottom:4px;
}

/*  -  ページタイトル  -  */
#headertitle{
	position:relative;
	width:100%;
	height:120px;
	overflow:hidden;
}
#headertitle img,
#headertitle h2{
	width:100%;
	position:absolute;
	display: block;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#headertitle img{
	height:auto;
}
#headertitle h2{
	color:rgba(84,84,84,1);
	font-size:2.8rem;
	line-height:1.1;
}

/*  -  文字調整  -  */
.ccm-page p{
	margin:0 auto 16px;
	letter-spacing:1px;
}

.ccm-page .small{
	font-size:0.8rem;
}
.ccm-page .small h1{
	font-size:0.9rem;
	letter-spacing:0;
	margin:0 auto 24px;
	color:rgba(84,84,84,.8);
}

.ccm-page .text-danger{
	color:#F66;
}

.ccm-page .material-icons{
    position: relative;
	bottom: -6px;
    margin: 0 4px 0px 0;
}
.ccm-page h4 i{
	font-size:2rem;
	bottom:-3px;
	margin-right:8px;
}

/*==================== ヘッダー ====================*/
.ccm-page header{
	position:fixed;
	top:0;
	width: 100%;
    background: #fff;
	z-index:100;
	border-bottom:1px solid #ddd;
}
.ccm-toolbar-visible header{/*編集中のみツールバー分下げる*/
	top:48px;
}
.ccm-page .header_logo img{
	height: 36px;
    width: auto;
}
.ccm-page .header_logo picture{
	float:left;
}
.ccm-page .header_logo p{
	margin:0 0 0 44px;
	font-size: 1.5rem;
    font-weight: bold;
	line-height:1.5;
}
.ccm-page .header_logo a{
	text-decoration:none;
}

/*==================== フッター ====================*/
.ccm-page footer{
	clear:both;
	font-size:0.9rem;
}
.ccm-page .mega-footer{
	color:rgba(255,255,255,1);
	background: linear-gradient(0deg,rgba(0,91,172,.9),rgba(236,109,109,.9)),
	url(../images/footer_bg.jpg);
	background-size: cover;
	background-position:center;
}
.ccm-page .mega-footer a{
	color:rgba(255,255,255,1) !important;
	line-height:2;
}
.ccm-page .mega-footer a:hover{
	color:rgba(255,255,255,.8) !important;
}
.ccm-page .footer-bottom{
	clear:both;
	color:rgba(255,255,255,.8);
}
.ccm-page .footer_sitemap section{
	padding:0 0 0 16px;
	border-left:rgba(255,255,255,1) 1px solid;
}
.ccm-page footer .copyright i{
	font-size:1.2rem;
	bottom:-4px;
}

/*==================== レイアウト ====================*/
.ccm-page main{
	padding-top:32px;
}
#page-content{
	padding:0px;
}
.ccm-page .myframe h4{
	margin:0 auto 16px !important;
}

.ccm-page .page_header_img{
	width:100%;
	height:auto;
	margin:0 auto 32px;
	display:block;
}
.ccm-page .w-100per,
.ccm-page .w-72per{
	height:auto;
}
.ccm-page .w-100per{
	width:100%;
}
.ccm-page .w-72per{
	width:72%;
}
.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{
	background:#999;
    border: none;
    border-radius: 2px;
    color: #fff;
    position: relative;
    margin:0 auto 16px;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
	font-size:14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    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);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ccm-page .button-text{
	color:#1A79B3;
	background:rgba(255,255,255,0);
	box-shadow:none;
}
.ccm-page .button-primary{
	background:#1A79B3;
}
.ccm-page .button-success{
	background:#4caf50;
}
.ccm-page .button-info{
	background:#03a9f4;
}
.ccm-page .button-warning{
	background:#F9A825;
}
.ccm-page .button-danger{
	background:#f44336;
}
.ccm-page .button-fab{
	border-radius:50%;
	height:64px;
}
.ccm-page .button-large{
	padding:4px 24px;
}

.ccm-page .button-basic:active,.ccm-page .button-primary:active,.ccm-page .button-success:active,.ccm-page .button-info:active,.ccm-page .button-warning:active,.ccm-page .button-danger:active,.ccm-page .button-fab:active,
.ccm-page .button-basic:focus,.ccm-page .button-primary:focus,.ccm-page .button-success:focus,.ccm-page .button-info:focus,.ccm-page .button-warning:focus,.ccm-page .button-danger:focus,.ccm-page .button-fab:focus,
.ccm-page .button-basic:hover,.ccm-page .button-primary:hover,.ccm-page .button-success:hover,.ccm-page .button-info:hover,.ccm-page .button-warning:hover,.ccm-page .button-danger:hover,.ccm-page .button-fab:hover{
	box-shadow:-1 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.ccm-page .button-basic:active,.ccm-page .button-basic:focus,.ccm-page .button-basic:hover{
	background:#ABABAB;
}
.ccm-page .button-primary:active,.ccm-page .button-primary:focus,.ccm-page .button-primary:hover{
	background:#1F8FD3;
}
.ccm-page .button-success:active,.ccm-page .button-success:focus,.ccm-page .button-success:hover{
	background:#60BB64;
}
.ccm-page .button-info:active,.ccm-page .button-info:focus,.ccm-page .button-info:hover{
	background:#1BB8FC;
}
.ccm-page .button-warning:active,.ccm-page .button-warning:focus,.ccm-page .button-warning:hover{
	background:#FBC02D;
}
.ccm-page .button-danger:active,.ccm-page .button-danger:focus,.ccm-page .button-danger:hover{
	background:#F55C50;
}
.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 .bg-wht .button-basic,.ccm-page .bg-wht .button-primary,.ccm-page .bg-wht .button-success,.ccm-page .bg-wht .button-info,.ccm-page .bg-wht .button-warning,.ccm-page .bg-wht .button-danger,.ccm-page .bg-wht .button-fab{
	box-shadow:none;
}

.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 .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 .gg_calendar{
	margin:0 auto;
}
.ccm-page iframe{
	width:100% !important;
}
.fb-page{
	margin-bottom:32px;
}

/*==================== プログレスバー ====================*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background:linear-gradient(90deg, #00B4ED, #005BAC,#EC6D6D,#F5B1A2,#E8374A);
  position: fixed;
  z-index: 2000;
  top: 0px;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*==================== 画像切り替え ====================*/
.switch_image-ls,
.switch_image-ss{
	width: 100%;
	height: auto;
}
/*==================== テーブル ====================*/
.ccm-page .table_contents{
	width: 100%;
	border: solid 1px;
}
.ccm-page .table_contents caption{
	font-size: 1.6rem;
}
.ccm-page .table_contents thead th{
	text-align: center;
}
.ccm-page .table_contents thead th,
.ccm-page .table_contents tbody td{
	border: 1px solid rgba(90, 74, 55, 0.4);
	padding: 16px 8px;
	height: 40px;
}
.ccm-page .table_contents thead th:last-child,
.ccm-page .table_contents tbody td:last-child{
	padding: 16px 0px;
}
.ccm-page .table_contents tbody tr:active,
.ccm-page .table_contents tbody tr:focus,
.ccm-page .table_contents tbody tr:hover{
	background:rgba(0,78,42,0.05);
}

/*　スマホ（スマートフォン・タブレット）・タブレット用
---------------------------------------------------------------------*/
@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 .sidebar-page-list-wrapper,.ccm-page .side-logo_area{
	display:none;
}
.ccm-page .myframe{
	padding:32px 0;
}
.ccm-page .header_logo{
	padding:6px 0 0 8px;
	position:absolute;
    z-index:1;
}
#headertitle{
	margin-top:49px !important;
}
.ccm-page main,
.ccm-page .page-content-right,
.ccm-page .page-content-left,
.ccm-page .side-content-left,
.ccm-page .side-content-right{
	width:96%;
	margin:0 auto;
}
.ccm-page .footer_sitemap section{
	min-height:132px;
}
.ccm-page .footer-top-left{
	margin:0 auto 32px;
}
.ccm-page .footer-top-right{
	margin:0 auto;
}
.ccm-page .side-content-left,.ccm-page .side-content-right{
	width:100%;
}
.ccm-page .img_l img,.ccm-page .img_r img{
	width:100%;
	height:auto;
	margin:0 auto 16px;
}

/*==================== 埋め込み ====================*/
.ccm-page .gg_calendar iframe{
	height:300px;
}
.fb_iframe_widget{
	width: 100%;
}
.fb_iframe_widget iframe {
	top: 0;
	left: 0;
 overflow: hidden;
}
.fb_iframe_widget iframe,
.fb_iframe_widget span{
	height: 480px !important;
	width: 100% !important;
}
/*==================== ページ上部へ戻る ====================*/
.ccm-page .page_top{
	background:rgba(0, 0, 0,1);
	width:100%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	display:block;
	padding:8px 0px;
    line-height:2;
	position:relative;
    bottom:-32px;
}
/*==================== 画像切り替え ====================*/
.switch_image-ls{
	display: none;
}
.switch_image-ss{
	display:block;
}
/*==================== テーブル ====================*/
.ccm-page .table_contents {
	width: 100%;
	line-height: 1;
}
.ccm-page .table_contents thead,
.ccm-page .table_contents tbody{
	float:left;
}
.ccm-page .table_contents thead{
	width:32%;
}
.ccm-page .table_contents tbody{
	width:68%;
}
.ccm-page .table_contents th,
.ccm-page .table_contents td{
	display: block;
	height: 48px !important;
}
.ccm-page .table_contents thead tr{
	display:block;
	width:100%;
}
.ccm-page .table_contents tbody tr{
	float:left;
	width: 33%;
}
.ccm-page .table_contents th:first-child,
.ccm-page .table_contents td:first-child{
	height: 72px !important;
}
}

/*　パソコン（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 .myframe{
	padding:32px;
}
.ccm-page .big-screen_br {/*改行*/
	display: block;
}
#panels{
	padding:0 32px;
}
.ccm-page header{
	padding:12px 0;
}
.ccm-page header:before{
	content:"";
	background:linear-gradient(90deg, #00B4ED,#005BAC,#EC6D6D,#F5B1A2,#E8374A);
	width:100%;
	height:2px;
	display: block;
	position:absolute;
	top:0;
}
#headertitle{
	margin-top:86px !important;
}
.ccm-page .header_logo{
	display: flex;
  justify-content: center;
  align-items: center;
}
.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;
}

/*==================== 縦書き ====================*/
.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:0;
	bottom:0;
	height:64px;
	display:none;
}
.ccm-page .page_top i{
	font-size:4rem;
	bottom:0;
	margin:0;
	color:rgba(255,255,255,1);
	-webkit-text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    -moz-text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    -ms-text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    -o-text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
}
.ccm-page .page_top i:hover{
	color:rgba(255,255,255,.8);
}
.ccm-page .page_top span{
	display:none;
}
.ccm-page .anchor{
	margin-top:-60px;
	padding-top:60px;
}
/*==================== 画像切り替え ====================*/
.switch_image-ss{
	display: none;
}
.switch_image-ls{
	display:block;
}
}

/*====================================================================
　　　　　　　　　　グリッドレイアウト
====================================================================*/
@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;
    -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:#FFF;animation:ripple 700ms;}
@-webkit-keyframes ripple {to{opacity:0;transform: scale(2.0);}}
@keyframes ripple {to{opacity:0;transform:scale(2.0);}}