@charset "UTF-8";
/*-----------------------------------------------------------
===  [ layout CSS ]  ====================================
------------------------------------------------------------*/
/* ***************************************************************************** */
/** -------------------------------------------------------
 ** 01. PC layout
 ** ------------------------------------------------------- */
@media print, screen and (min-width: 1200px) {
  /* ***************************************************************** */
  /* Display
	----------------------------------------------------*/
  .cmn-sp {
    display: none !important;
  }
    h1 {display: none;}
  body {
    background-color: #ffffff;
     font-family: 'Noto Sans JP', sans-serif;
  }
    #cm #gallery {
		width: 1200px;
		padding: 0 0 20px 0;
		margin: 0px auto 0 auto;
		position:relative}
		#cm #gallery h2 {
			font-family: 'Noto Sans JP', sans-serif;
			color: #009256;
			font-weight: 500;
			font-size: 30px;
			text-align: center;
			margin: 80px auto 50px auto;
            letter-spacing: 0.025em;
}
		#cm #gallery h3{
			text-align: center;
			font-family: 'Noto Sans JP', sans-serif;
			color:#009256;
			font-size: 18px;
 letter-spacing: 0.025em;
			font-weight: 500;margin: 0px auto 20px auto;}
		#cm #gallery p {
			text-align:left;
			width: 800px;
			margin: 0 auto 10px auto;
			padding: 0 20px 0 20px;
			font-family: 'Noto Sans JP', sans-serif;
			font-size: 16px;
			font-weight: 100;
			letter-spacing: 0.025em;
			line-height:2.5rem;
			color: #231815}

		#cm #gallery .gallery{
			position:relative;
			width: 640px;
			margin:0px auto 30px auto;
			text-align:center;
			padding:0;
		}

		#cm #gallery a {
			text-decoration:none;
			color: #231815}


		#cm #gallery table {
			width:850px;
			border:none;
			border-collapse:collapse;
			padding:0;
			margin: 50px auto 50px auto;}

		#cm #gallery table td.gallery{
			position:relative;
			width:425px;
			display: box;
			border:none;
			text-align:center;
			vertical-align: bottom;
			padding:0 0 20px 0;
			margin:0 auto 0 auto;}

		#cm #gallery table td.gallery img{
			width:400px;}
		#cm #gallery table td.gallery h3{
			font-family: 'Noto Sans JP', sans-serif;
			font-size:24px;
			line-height:150%;
			padding-bottom:0px;}

	/* 区切り線のアニメーション */
	.devider {
		z-index: 100;
		margin:0 auto 0 auto;
		overflow: hidden;
		width: 864px;
		height:100px;
		display:block;
	}

	h2.border{
		width: 700px !important;
		border-bottom: 4px dotted #009256;
	}
    
    
    
  /* ***************************************************************** */
}
/** -------------------------------------------------------
 ** 02. SP layout
 ** ------------------------------------------------------- */
@media screen and (max-width: 1199px) {
  /* ***************************************************************** */
  /* Display
	----------------------------------------------------*/
  .cmn-pc {
    display: none !important;
  }
  h1 {display: none;}
 
  /* トップページ
  ----------------------------------------------------*/

  body {
    background-color: #ffffff;
    font-family: 'Noto Sans JP', sans-serif;
  }
     #cm .nav-button span {
    background-color: #009256;
  }
    	#cm #gallery {
		width: 96%;
		padding: 0;
		margin: 0px auto 0 auto;
		position:relative;

    padding-top:85px;}
		#cm #gallery h2 {
			font-family: 'Noto Sans JP', sans-serif;
			color: #009256;    
			font-weight: 600;
			font-size: 2rem;
			letter-spacing: 1;
			text-align: center;
			width: 100%;
			margin: 0px auto 20px auto;
			padding-top:20px;}
    #cm #gallery h2 img { width:100%;}
    
		#cm #gallery h3{
			text-align: center;
			font-family: 'Noto Sans JP', sans-serif;
			color:#009256;
			font-size: 1.2rem;
			font-weight: 600;margin: 0px auto 10px auto;}

		#cm #gallery p {
			margin: 0 auto 0 auto;
			text-align: center;}

		#cm #gallery a {
			text-decoration:none;
			color: #231815;}


		#cm #gallery .gallery{
			position:relative;
			width: 96%;
         
			margin:0px auto 30px auto;
               margin-left: 2%;

			text-align:center;
			padding:0;
		}
    
    #cm #gallery .gallery img { width:100%; height:auto;}

	h2.border{
		font-size: 20px !important;
		border-bottom: 4px dotted #009256;
	}

	/* 区切り線のアニメーション */
	.devider {
		z-index: 120;
		margin:0 auto 0 auto;
		overflow: hidden;
		width: 100%;
		height:auto;
		display:block;
	}
    .devider img { width:100%;}
	.gallery h3{
		line-height:2.5rem;
		padding-bottom:10px;}

    
      
    
}