.sns_logo_background{
  float: right;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-right: 5px;
}

#karite_movie_title{
  text-align: center;
}

.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}
/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
/*商品画像にマウスオーバー時、説明文を表示＆マスク*/
#products_main{
  font-family: Tenderness;
  text-align: center;
}
.product_item {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	/*margin:			10px 8px 10px 16px;*/
	position:		relative;	/* 相対位置指定 */
   font-family: "HannariMIncho";
}
.product_title{
  font-size: 28px;
  text-align: center;
  padding-top: 20px;
  color: #fff;
}
.product_item .product_caption{
	font-size:		20px;
	text-align: 		center;
	padding-top:		25px;
  	padding-left: 10px;
  	padding-right:10px;
	color:			#fff;
}
.product_btn_position{
  	float: right;
   	font-size:18px;
  	color: #ffffff;
  	margin-right: 20px;
  	border: 1px solid;
 	border-radius: 10px;	
  	text-align: center;
  	padding-top: 5px;
  	padding-left: 5px;
  	padding-right:5px;
}
.product_btn_position:hover{
  	color: #BAE3F9;
}
.product_item .product_mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.product_item:hover .product_mask {
	opacity:		1;	/* マスクを表示する */
}
/*必ずお読みくださいのフォントと配置設定*/
.jumbotron__caution h4{
  text-align: center;
}
.jumbotron__caution .caution_products_sentense{
  font-size: 14px;
}

@media screen and (max-width: 979px) {
  .product_title{
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
    color: #fff;
  }
  .product_item .product_caption{
      font-size:		15px;
      text-align: 		center;
      padding-top:		20px;
      padding-left: 10px;
      padding-right:10px;
      color:			#fff;
  }
}
@media screen and (max-width: 767px) {
    .product_title{
      font-size:24px;
      text-align: center;
      padding-top: 20px;
      color: #fff;
	}
    .product_item .product_caption{
        font-size:		18px;
        text-align: 		center;
        padding-top:		25px;
        padding-left: 10px;
        padding-right:10px;
        color:			#fff;
    }
    .product_item .product_mask {
      width:			100%;
      height:			100%;
      position:		absolute;	/* 絶対位置指定 */
      top:			0;
      left:			0;
      opacity:		1;	/* マスクを表示する */
      background-color:	rgba(0,0,0,0.6);	/* マスクは半透明 */
      -webkit-transition:	all 0.2s ease;
      transition:		all 0.2s ease;
  	}
  	.product_item:hover .product_mask {
		opacity:		1;	/* マスクを表示する */
	}
}
@media (max-width: 480px){
  .product_title{
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    color: #fff;
  }
  .product_item .product_caption{
      font-size:		12px;
      text-align: 		center;
      padding-top:		25px;
      padding-left: 10px;
      padding-right:10px;
      color:			#fff;
  }
  .product_btn_position{
  	float: right;
   	font-size:10px;
  	color: #ffffff;
  	margin-right: 10px;
    margin-bottom:10px;
  	border: 1px solid;
 	border-radius: 10px;	
  	text-align: center;
  	padding-top: 5px;
  	padding-left: 5px;
  	padding-right:5px;
}
}