@media(max-width:767px) {
/* +++++++++++++++++++++++++++++++

 feature.css
 Smartphone用

+++++++++++++++++++++++++++++++ */
/*



特集全体
-----------------------------------*/

/* 全体の背景色、背景画像を指定 */
.container{	padding:0;	}

/*
特集ヘッダー：通常
-----------------------------------*/

/* TOPバナーの表示切替設定 */
@media screen and (max-width:767px) {
.img-pc { display: none; }

.img-sp {
     display: block;
     width:100%;
	 margin-top:-20px;
}
}

/* 
 ナビゲーション
-----------------------------------*/
.btn-wrap{display:none;}
.br-pc{display:none;}
.br-sp{display:block;}
	
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 25%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 2px solid #fff;
}
	
#sp-fixed-menu li:last-child{
   border-right: none;
}

#sp-fixed-menu li{
   background: #ED7264;
}


/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}

/*
見出し
-----------------------------------*/

h4.heading01 {
    text-align:center;
	background: transparent;
    color: #333;
    margin-top:60px;
    padding-top:30px;
	padding-bottom:10px;
    font-size:2.6rem;
}



h4.heading02{ margin:30px 20px 30px;}
	
h4.heading02 a{
    padding:10px 20px;
	font-size:1.5rem;
}

.align_center{
	padding: 0 20px;
	margin-bottom:0;
}

	.atentionmsg{margin:0 20px;}

/*
ボックス内テキスト設定
-----------------------------------*/
.col1 .spec {
    margin-top:20px;
}



	
	
	/*
背景
-----------------------------------*/

.box_wide#goods{ 
    background-size: 150px;
    background-position: center top 20px; }



/*
フレックスボックスの設定
-----------------------------------*/
.box_wide#gift .itembox {
	padding:10px;
}


.col1{
    display:block;
	margin:20px 10px 20px 0;
}

.col2{
    display:block;
	width:100%;
    margin-bottom:30px;
}

	
/*イメージボックス*/
	
.imgbox {
	pointer-events:none;
	width:100%;
	margin:0;
    }


.col2 .imgbox{
	width:100%;
	height:auto;
	}
	
.col1 .imgbox{
	width:100%;
	height:auto;
    box-shadow:10px 10px #F3A69D;
	}
	
/*テキストボックス*/

.col1 .txtbox{
    margin-top:10px;
	padding:20px 0 0 20px;
    width:100%;
}