@charset "utf-8";

/* CSS Document */

    .column_link_area {
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
	}

	.columnthumb_link_btn {
		width: 80%;
		max-width: 200px;
		margin: 10px;
	}
	
	.column_link_btn {
		width: 80%;
		max-width: 500px;
		margin: 10px;
	}

	.columnlist_link_btn {
		width: 80%;
		max-width: 200px;
		margin: 10px;
	}

	.column_grid{
		display:flex;
	}

	.column-ttl{
		font-size: 1em;
		line-height: normal;
		color:#333;
	}

    .entry-inner_bk .link_btn{
		color: #7e1f2b;
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		border: 1px solid #7e1f2b;
		background-color: #FFFFFF;
	}

    .entry-inner_bk .link_btn:hover{
		color: #FFFFFF;
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		border: 1px solid #7e1f2b;
		background-color: #7e1f2b;
	}
	.merumaga_area{
		max-width:650px;
		width:90%;
		margin: 0 auto;
	}

	.merumaga_area h5{
		font-size: 1.0em;
	}

	.merumaga_area img{
		background: #5bc8ac;
	  color: #fff;
	  font-size: 20px;
	  /*box-shadow: 3px 5px 5px -0px #666;*/
	}

	.column_area{
		padding:0 5px;
	}

	.aw_flex_2{
		display:flex;
	}

	.zoom_wrap h3{
		padding:10px auto;
	}

	.column_wrap_1500{
		width: 95%;
		margin: 50px auto 0;
		max-width: 1500px;
		}

	.aw_width_left{
		width: 80%;
	}

	.aw_width_right{
		max-width: 450px;
	}

	.mail_form_button{
	 display       : inline-block;
	  /*border-radius : 5%;          /* 角丸       */
	  /*font-size     : 18pt;        /* 文字サイズ */
	  /*text-align    : center;      /* 文字位置   */
	  /*cursor        : pointer;     /* カーソル   */
	  /*padding       : 12px 12px;   /* 余白       */
	  background    : #0136e0;     /* 背景色     */
	  color         : #ffffff;     /* 文字色     */
	  /*line-height   : 1em;         /* 1行の高さ  */
	  transition    : .3s;         /* なめらか変化 */
	  box-shadow    : 3px 3px 4px #666666;  /* 影の設定 */
	  border        : 2px solid #0136e0;    /* 枠の指定 */
      cursor: pointer;
	}

	.mail_form_button:hover {
	  box-shadow    : none;        /* カーソル時の影消去 */
	  color         : #0136e0;     /* 背景色     */
	  background    : #ffffff;     /* 文字色     */
	}

  .side {
    display: table-cell;
    width: 430px;
    padding: 30px 0;
    vertical-align: top;
    box-sizing: border-box;
  }

  .sideInner {
    width: 330px;
    height: 600px;
    /*background: #ddd;*/
    margin: 0 auto;
    box-sizing: border-box;
	display: block;
  }

  .sideInner.fixed {
	   opacity: 1; 
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
    position: fixed;
    top: 90px;
  }

  .sideInner.stop {
	  opacity: 0;
	  z-index: 1;
	  -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
	/*position: absolute;
    bottom: 70px;*/
  }

 .column_center_area{
		display:none;
	}



.fixed-side-link li {
	width:60px;
	height:60px;
}

@media screen and (max-width: 768px){
	.column_grid{
		display: block;
	}
	
    .column_link_area {
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
	}
	
	.columnthumb_link_btn {
		width: 80%;
		max-width: 200px;
		margin: 10px;
	}
	
	.column_link_btn {
		width: 96%;
		max-width: 600px;
		margin: 10px;
	}
	
	.columnlist_link_btn {
		width: 96%;
		max-width: 600px;
		margin: 10px;
	}
	
	.aw_flex{
		display:block;
	}
	
	
	.column_wrap_1500{
		width: 95%;
		margin: 50px auto 0;
		max-width: 1500px;
		}
	
	.aw_width_left{
		width: 100%;
	}
	
	.column_right_area{
		display:none;
		}
	
	.column_center_area{
		display:block;
	}
}


@media screen and (max-width: 575px){
    .entry-inner_bk .link_btn{
		color: #7e1f2b;
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		border: 1px solid #7e1f2b;
		background-color: #FFFFFF;
	}
	

	
	.column_area{padding:10px 5px;}
}



/*--------------

メルマガ登録

--------------*/


.merumaga_bgarea{
	background-color: #f2f2f2;
	padding: 20px;
}

	.cta_mail input{
		font-size: 1em;
		padding: 8px;
		width: 100%;
	}

@media screen and (max-width:767px){
	.cta_mail input{
		font-size: 0.7em;
		padding: 8px;
		width: 100%;
	}
	}


/*.btn,
a.btn,
button.btn {
  width: 800px;
  font-size: 0.8rem;
  border-radius: 0.5rem;
}*/

.btn {
    cursor: pointer;
    text-align: center;
    transition: border .5s;
    width: 100%;
    border: 0;
    white-space: normal;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    line-height: 120%;
}

a.btn-c {
  font-size: 1.2rem;

  position: relative;

  padding: 1.5rem 2rem 1.5rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
  text-align: center;
  color: #fff;
  /* border-radius: 100vh; */
  background-image: -webkit-linear-gradient(left, #4169e1 0%, #4169e1 100%);
  background-image: linear-gradient(to right, #4169e1 0%, #4169e1 100%);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

a.btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;

  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;

  /* content: ">"; */

}

a.btn-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}

a.btn-b {
  font-size: 2rem;
  font-weight: bold;
  position: relative;

  padding: 1.5rem 2rem 1.5rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
  text-align: center;
  color: #fff;
  /* border-radius: 100vh; */
  background-image: -webkit-linear-gradient(left, #dc143c 0%, #dc143c 100%);
  background-image: linear-gradient(to right, #b4c00a 0%, #b4c00a 100%);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}


@media screen and (max-width:767px){
a.btn-b {
  font-size: 1.2rem;

  position: relative;

  padding: 1.5rem 2rem 1.5rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
  text-align: center;
  color: #fff;
  /* border-radius: 100vh; */
  background-image: -webkit-linear-gradient(left, #dc143c 0%, #dc143c 100%);
  background-image: linear-gradient(to right, #2ec216 0%, #2ec216 100%);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

}




a.btn-b:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;

  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;

  /* content: ">"; */

}

a.btn-b:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}