/* カスタマイズ用CSS */

/*align*/
.center{
    text-align: center;
}

.align-center{
    margin: 0 auto;
}
.textleft{
    text-align: left;
}

.vertical-center{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}
/*margin*/
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin0{
    margin: 0; padding: 0;
}

.imgfluid{
    width:100%;
}

/* Cart button*/

.pageCartBtn{
    
    color: #fff;
    border: 0;
    background-color: #273469;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 380px;
    padding: 10px 5px 10px 5px;
    width: 100%;
    cursor: pointer;
    margin: 25px auto;
}

.pageCartBtnB{
    
    color: #fff;
    border: 0;
    background-color: #273469;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 380px;
    padding: 10px 5px 10px 5px;
    width: 100%;
    cursor: pointer;
   
   /* margin: 25px auto;*/
}
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		/*margin: 1% 0 1% 0%;*/
	}
}
/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
	
}

.bggray{
    background: #f0f0f0;
}

/*margin*/
.padding10{padding: 10px;}

.span_4_of_12{
    text-align:center;
    
}
/*giftpage*/
.ptextnormal {
    font-size: 1.5rem;
    line-height: 2.0;
    padding: 10px;
}

.bluelink a {
    color: #fff;
    background-color: #273469;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    border-radius: 3px;
    max-width: 280px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}
/*gifttop
#gifttop{
    width: 100%;
    max-width: 1600px;
    height: 640px;
    background: url(https://www.sibody.co.jp/html/template/sibody/assets/img/feature/giftpage/top.jpg) no-repeat;
}*/

/*お客様の声*/

.col > h3{
    font-weight: bold;
}

.col > h3 > a{
    font-weight: normal;
    font-size: 1rem;
    text-decoration: underline;
}
/*greeting gift*/
#greetinggifttop{
    background: #f5f6fb;
}


#giftboxtop{
    background: #f7f7f7;
}