@charset "utf-8";

#cont_wrap{
	position: relative;
	background-color: #fff5d1;
	padding: 2.6vw 0 0;
	margin-bottom: 4.4vw;
}

p.note, ul.note > li {
	text-indent: -1em;
	padding-left: 1em;
}

#cont_wrap .note{
	margin: 0 2vw;
	color: #ff5e06;
	font-size: 12px;
	font-weight: bold;
}

#pdf_list {
	text-align: center;
	padding: 0 1vw;
	margin-bottom: 6.6vw;
}

#pdf_list ul {
	width: 100%;
}

#pdf_list ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#pdf_list li {
	float: left;
	width: 48%;
	text-align: center;
	margin: 4vw 1% 0;
}

#pdf_list li .table {
	display: table;
}

#pdf_list li .table {
	display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

#pdf_list li .table .cell {
	display: table-cell;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	padding: 5px 5px 0;
	color: #000000;
}

#pdf_list li .table .cell .title {
	display: block;
	font-size: 11px;
	font-weight: bold;
	background-color: #fddd03;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 1px;
	margin-bottom: 5px;
}

#pdf_list li .table .cell .rank .title {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 0;
	padding: 7px 1px;
}
#pdf_list li .table .cell .title.rank1 {
	background-color: #fd9d13;
}
#pdf_list li .table .cell .title.rank2 {
	background-color: #fe7c1e;
}
#pdf_list li .table .cell .title.rank3 {
	background-color: #fe5e06;
}
#pdf_list li .table .cell .title.rank4 {
	background-color: #ff3804;
}

.movie {
	text-align:center;
	margin-top: 20px;
}

#moviePickup {
  background-color: #ffb06b;
  padding: 10px 10px 1px;
  margin-bottom: 5.3vw;
}

#moviePickup .mPickup {
  margin: 0 auto 10px;
  width: 100%;
  position: relative;
}

#moviePickup .LinkBtn1 {
  position:absolute;
  bottom: 10px;
  right: 10px;
}

#btn-youtube a{
	display: block;
}
#btn-youtube img{
	width: 100%;
}
#foot_area{
	padding: 8vw 0 27.6vw;
}
/*====================
snsボタン
====================*/
.sns {
	display: -webkid-flex;
	display: flex;
	-webkid-justify-content: center;
	justify-content: center;
}
.sns li img{
	width: 13vw;
}
.sns li:not(:first-child) {
	margin-left: 6vw;
}
/*====================
page-top
====================*/
.pagetop{
	position: absolute;
	right: 2vw;
	bottom: 2.6vw;
}
.pagetop a{
	display: block;
}
.pagetop a img{
	width: 22.2vw;
	height: 22.2vw;
}
/*====================
search
====================*/
.search{
	margin: 2.6vw 1vw 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search_item {
	display: block;
	width: 46.6vw;
	height: 23.3vw;
	margin:2.6vw 1% 0;
}
.search_item.btn_all {
	width: 96vw;
	height: 19.7vw;
}
.search_item:first-child {
	margin-top: 0;
}
.is-hide {
    display: none;
}
/*絞り込み部分:ボタン切り替え*/
.btn_all{
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img01_off.png") no-repeat top center / 96vw 19.7vw;
}
.btn_all.is-active {
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img01_on.png") no-repeat top center / 96vw 19.7vw;
}
.btn_rank1{
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img02_off.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank1.is-active {
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img02_on.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank2{
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img03_off.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank2.is-active {
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img03_on.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank3{
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img04_off.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank3.is-active {
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img04_on.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank4{
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img05_off.png") no-repeat top center / 46.6vw 23.3vw;
}
.btn_rank4.is-active {
    background: url("/smartphone/sweets/okashi-land/kousaku/images/search_img05_on.png") no-repeat top center / 46.6vw 23.3vw;
}
/* 工作名人MV下にリンクバナーがある場合 */
.cp_bnr{
    width: 95%;
    margin: 0 2.5% 0.4em;
}