@charset "utf-8";
/* 【 background-color 】背景色 ****************/

#section_s{
	background-color: #e6f3ff;
}



.popularity_area, .manual_area, .connection_area, .konpo_area, .media_area{
	background-color: #e6f3ff;
}


/* 【 background-image 】　*********************/

/* 【 background-repeat 】　********************/
.seiretu{
	background-repeat: no-repeat;
}

/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/

.bousen {
    border-bottom-color: #595959;
}

.bousen {
    border-bottom-style: solid;
}

.bousen {
    border-bottom-width: 1px;
}


.voice-text-left::before {
    border-left: 40px solid red;
}
.voice-text-left {
    border: 3px solid red;
}

.point_discount_area{
	border: none;
}
/* 【 color 】色 *****************************/
.zenkoku{
	color: red;
}
/* 【 display 】 *****************************/
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
/* 【 height 】高さ *************************/
.seiretu{
	height: 400px;
}

.contents_voice .line-2 {
    height: 100%;
}
/* 【 justify-content   ********************/
/* 【 line-height 】 ************************/
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.s-comment.cw .bois_img {
    margin-right: 20px;
}

[class^="line-"] div{
	margin-right: 2%
}


.manualp.div1{
	margin-right: 25px;
}

.manualp.div2{
	margin-left: 25px;
}

.bousen, #section_s div .box_osusume {
    margin-bottom: 50px;
}

.select_link_area .p1{
	margin: 0;
}

/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/

.bousen {
    padding-bottom: 50px;
}

/* 【 position 】************************** */
/* 【 text-align 】 *************************/

.select_link_area p{
	text-align: center;
}
/* 【 text-indent 】 ************************/
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.s-comment.cw .bois_img {
	width: 65px;
}



/* 【 other or special CSS 】 *****************/


/* 【  float 】 **************************/
[class^="line-"] div, [class*=" line-"] div {
    float: left;
}





/* 【  overflow-x  】 *****************/

/* 【 flex-shrink 】 **************************/
.contents_voice .line-2 div {
    flex-shrink: 0;
}




/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
	/* 【 ［SP］/ background-color 】背景色  ****/
	/* 【 ［SP］/ background-image 】　*********/
	/* 【 ［SP］/ background-repeat 】　********/
	/* 【 ［SP］/ background-size 】　**********/
	/* 【 ［SP］/ border 】線　*****************/
  .voice-text-left::before {
		border-left: 7px solid red;
	}
	.voice-text-left::before {
		border-left: 15px solid red;
	}
	/* 【 ［SP］/ color 】色 ******************/
	/* 【 ［SP］/ display 】 ******************/
	/* 【 ［SP］/ font-size 】文字の大きさ *****/
	/* 【 ［SP］/ font-weight 】 **************/
	/* 【 ［SP］/ height 】高さ ***************/
	/* 【 ［SP］/ justify-content 】 **********/
	/* 【 ［SP］/ line-height 】 *************/
	/* 【 ［SP］/ left 】 ********************/
	/* 【 ［SP］/ margin 】 ******************/

	.manualp.div1{
		margin-right: 5px;
	}
	
	.manualp.div2{
		margin-left: 5px;
	}

	
	/* 【 ［SP］/ max-height 】 **************/
	/* 【 ［SP］/ max-width 】 ***************/
	/* 【 ［SP］/ opacity 】 *****************/
	/* 【 ［SP］/ overflow 】 ****************/
	/* 【 ［SP］/ padding 】 *****************/
	/* 【 ［SP］/ position 】 ****************/
	/* 【 ［SP］/ text-align 】 **************/
	/* 【 ［SP］/ text-indent 】 *************/
	/* 【 ［SP］/ top 】 *********************/
	/* 【 ［SP］/ vertical-align 】 **********/
	/* 【 ［SP］/ width 】横幅 ***************/

	

	/* 【 ［SP］other or special CSS 】 ******	.item_picture_box{
		width: 230px;
		position: relative;
		height: 165px;
	
	}



	.item_picture_box img{	
		position: absolute;
		top: 50%;
		left: 25%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
/



}


/*************** レスポンシブ E ***************/