@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%;
}
}

/* 
 ナビゲーション
-----------------------------------*/
.btn-wrap{	padding: 0 20px;}

.btn-wrap ul{
	display:block;
	text-align:center;
}

.btn-wrap ul li { padding:10px 20px;}

.btn-wrap li:first-child{
	border-right:none;
	border-bottom:3px solid #FFF;
}

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

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;
}



/*PC用メニューを非表示*/

.br-pc { display: none; }


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


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

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

.imgbox {
	pointer-events:none;
	width:100%;
	margin:0;
    }

.col3 .imgbox{
	width:100%;
	height:auto;
	padding:10px;
	}
	
.col1 .imgbox{
	width:100%;
	height:auto;
	box-shadow:20px 20px #cac494;}

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