@charset "utf-8";
/*********************************************************************
 *
 *  <for top>
 *
*********************************************************************/
/* html body */
/* --------------------------------------------------------------------------- */
#wrap.showModal {
	display: none;
}
/* lazyload */
/* --------------------------------------------------------------------------- */
.lazyload, .lazyloading {
	opacity: 0;
	background-image: url(../img/blank.png);
}
.lazyloaded {
	opacity: 1;
	transition: opacity 500ms;
}
#charaImg .lazyload, #charaImg .lazyloading {
	opacity: 0;
}
#charaImg .lazyloaded {
	opacity: 1;
	transition: none;
}
#charaImg .dummy .lazyload, #charaImg .dummy .lazyloading {
	opacity: 0;
}
#charaImg .dummy .lazyloaded {
	opacity: 1;
	transition: opacity 500ms;
}
#charaImg .dummy p {
	display: block;
}


/* -- NEWS -- */
.news {
    width: 620px;
    height: auto;
    line-height: 40px;
    margin:30px auto 50px;
    position: relative;
    
}
.news ul {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news ul li {
    width:573px;
    line-height: 40px;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* Opera9,10対応 */
}
.news .date {
    color: #666666;
    margin-right: 27px;
}
.news ul li a {
    width:420px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* Opera9,10対応 */
    text-decoration: none; 
    border-bottom: 2px solid #797b74;
}


/* -- BANNER -- */
.banner_container {
	position: relative;
	width: 480px;
    height: 96px;
    margin: 0 auto;
	margin-bottom: 60px;
}

.slick-dots {
    bottom: -37px !important;
}
.slick-dots li {
    width: 16px !important;
    height: 16px !important;
    margin: 0 0 0 8px !important;
    background: url('../images/common/slick_dot.png');
}
.slick-dots li:first-child {
	margin-left: 0 !important;
}
.slick-dots li button {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
}
.slick-dots li button:before {
    width: 16px !important;
    height: 16px !important;
    content: none !important;
}
ul.slick-dots li.slick-active {
	background-position: 0 -16px;
}

.slick-prev, .slick-next {
    width: 24px !important;
    height: 28px !important;
    margin-top: -14px !important;
}
.slick-prev {
    left: -52px !important;
    background: url('../images/common/bnr_arw_left.png') !important;
}
.slick-next {
    right: -52px !important;
    background: url('../images/common/bnr_arw_right.png') !important;
}

.slick-prev:before, .slick-next:before {
    
}
.slick-prev:before {
    content: '' !important;
}
.slick-next:before {
    content: '' !important;
}
.slick-slide img {
    width: 100%;
}


/* -- CONTENTS -- */
.contents {
    width: 640px;
    margin: 0 auto;
	position:relative;
}

.contents ul.tab {
	width: 640px;
    height: 91px;
    margin-bottom: 16px;
    box-sizing: border-box;
}
.contents ul.tab li {
    //text-indent:-9999px;
    float: left;
    width: 320px;
    height: 87px;
}

#tab_new_arrivals{
	border-right: 2px solid #003377;
	box-sizing:border-box;
}

.contents ul.tab li:first-child {
    margin-left: 0;
}
.contents ul.tab li a {
    display: block;
    width: 100%;
    height: 100%;
	color:rgba(0,0,0,0);
}

.contents ul.tab li#tab_pickup a {
    background: url('../images/top/tab_gift_off.jpg');
    border-left: 2px solid #003377;
    box-sizing: border-box;
    background-size:320px 87px;
}
.contents ul.tab li#tab_new_arrivals a {
    background: url('../images/top/tab_search.png');
    background-size:320px 87px;
}
.contents ul.tab li#tab_ranking a {
    background: url('../images/common/tab_ranking.png');
    background-size:320px 87px;
}

.contents ul.tab li#tab_pickup a.active {
    background: url('../images/top/tab_gift.png');
    background-size:320px 87px;
}
.contents ul.tab li#tab_new_arrivals a.active {
    background: url('../images/top/tab_search_on.png');
    background-size:320px 87px;
}

.contents .result {
    width: 640px;
    overflow: hidden;
    box-sizing:border-box;
    padding: 0 18px;
    margin-bottom:40px;
}


.result ul li.item {
    position: relative;
    width: 290px;
    height: auto;
    border: none;
    /* box-shadow */
    box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.2);

    /* border-radius */
    border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;

    background-color: #FFF;
    float: left;
    margin: 3px;
    margin-left: 0;
    margin-bottom: 14px;
}
.result ul li.item img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.result ul li:nth-child(odd){
    margin-left: 3px;
    margin-right:18px;
}
.result ul li.item .txt {
    padding: 15px 12px 15px 15px;
}
.result ul li.item .article {
    font-size: 22px;
    margin-bottom: 10px;
}
.result ul li.item .article a {
    color: #003377;
}
.result ul li.item .article.new {
    padding-left: 45px;
}
.result ul li.item .article.rank {
    padding-left: 45px;
}

#pickup .article {
	width:263px;
	display:inline-block;
	height:2em;
	padding-bottom:10px;
}
#pickup .thumb2 {
	display:none;
}
#pickup .article-area{
	display:none;
}


.result ul li.item p{
   line-height: 1.4em;
    font-size: 30px;
    font-weight: bold;
    color:#cc0033;
}

.p-gift-area{
	padding-top:34px;
	font-size: 22px !important;
	color:#666666 !important;
	font-weight: normal !important;
	text-align:center;
}

.result ul li.item .icon {
    position: absolute;
    left: 2px;
    top: 164px;
    width: 60px;
    height: 85px;
}
.result ul li a {
    color:#003377;
}

.result ul li img.new {
    position: absolute;
    left: 10px;
    top: 172px;
    width: 44px;
    height: 44px;
}
.about .contents,
.howto .contents,
.jichitai .contents {
    padding-top: 130px;
    width: 600px;
    margin: 0 auto;
    margin-bottom: 80px;
    overflow: hidden;
}
.about .btn_category {
    cursor: pointer;
}
.about .list_category {
    display: none;
}

.about p.open,
.about p.close {
    position: absolute;
    right: 28px;
    top: 35px;
    display: none;
}
.about p.active {
    display: block;
}

.about .contents h1,
.howto .contents h1,
.jichitai .contents h1 {
	margin-bottom: 40px;
	text-align: center;
}

.about .contents h1 img,
.howto .contents h1 img,
.jichitai .contents h1 img {
    display: inline;
}
.about .contents ul li.box {
    position: relative;
    margin-bottom: 10px;
}
.about .contents ul.list_category {
    background-color: #fff;
    border-left: 1px solid #999988;
    border-right: 1px solid #999988;
    border-top: 1px solid #999988;
    box-sizing: border-box;
    padding: 20px;
    font-size: 24px;
    line-height: 1.6em;
}

.about .lnk {
    background: url('../images/common/link_arw.png') left top no-repeat;
    line-height: 30px;
    padding-left: 45px;
    font-weight: bold;
}
.about .lnk a {
    color: #003377;
}

.about .case_img,
.about .arw {
    text-align: center;
    margin-bottom: 70px;
}
.about .case_img img,
.about .arw img {
    display: inline;
}

.about .list_category.tab03 {
    padding: 69px 0 11px 0 !important;
    display: block;
}
.about .list_category .step3 p {
    margin-top: 35px; 
}
.about .list_category .case_img p.attention {
    color:#cc0033;
    font-weight: bold;
    margin-top: 47px;
}
.about .list_category .case_img div.lnk_frame {
    width: 560px;
    padding: 21px 0;
    margin: 0 auto;
    background-color:#f5f5f5;
    margin-top: 40px;
    border-radius:8px 8px 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
    -webkit-border-radius:8px 8px 8px 8px;
}

.about .list_category .case_img div.lnk_frame .inner {
    width: 340px;
    text-align: left;
    margin: 0 auto;
    background: url('../images/common/link_arw.png') left center no-repeat;
    padding-left: 49px;
}
.about .list_category .case_img div.lnk_frame .inner a {
    color: #003377;
    font-weight: bold;
}

.about .list_category .step4 {
    margin-bottom: 0;
}

/* new_arrivals */

#new_arrivals li{
	width:100%;
	margin:0;
	margin-right:16px;
	margin-top:20px;
	position:relative;
}

#new_arrivals li:nth-child(2n){
	margin-right:0;
}

#new_arrivals li .article{
	display:none;
}
#new_arrivals li .article-area{
	position:absolute;
	top:16px;
	font-size:24px;
}

#new_arrivals li .thumb{
	width:258px;
	height:auto;
	float: left;
	margin:66px 0 20px;
	margin-left: 30px;
	border-radius: inherit;
}
#new_arrivals li .thumb2{
	width:258px;
	height:auto;
	float: right;
	margin:66px 0 20px;
	margin-right: 30px;
	border-radius: inherit;
}

#new_arrivals li .p-gift-price{
	display:none;
}

#new_arrivals li .p-gift-area{
	display:none;
}

#new_arrivals .p-point{
	width:100%;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.0);
	text-align:center;
	padding:21px 0;
	font-size:24px;
	background:#cbcbbd;
	font-weight: bold;
	margin:40px 0 0;
}

#new_arrivals .p-point:first-child{
	margin:15px 0 0;
}


.howto {
    font-size: 24px;
}

.howto .txt_container {
    width: 600px;
    margin: 0 auto;
    line-height: 1.8em;
    margin-bottom: 30px;
}
.howto ul.merit {
    list-style-type: disc;
    padding-left: 23px;
    overflow: hidden;
}

.howto p.lnk {
    background: url('../images/common/link_arw.png') left top no-repeat;
    line-height: 31px;
    padding-left: 42px;
    font-weight: bold;
}
.howto p.lnk a {
    color: #003377;
}
.howto .frame {
    position: relative;
    margin-bottom: 39px;
}
.howto .contents .frame .inner {
	background-color: #fff;
	border-left: 1px solid #999988;
	border-right: 1px solid #999988;
	box-sizing: border-box;
	padding: 30px 30px;
	line-height: 36px;
}

.howto .contents .frame .inner p:first-child{
	margin-bottom:30px;
}

.howto .arw {
    width: 70px;
    margin: 0 auto;
    margin-bottom: 44px;
}



.howto .case_img.step3 {
    width: 351px;
    margin: 0 auto;
    margin-bottom: 80px;
}


.p-contentsbtn{
	cursor: pointer;
	margin-top:20px;
}



/* howto */
.p1{
	line-height:36px;
	width:560px;
	margin:0 auto 63px;
}

.p1 a{
	color:#9c1d22;
}

.p-frame-box{
	margin:0 0 50px !important;
}




/* campaign */
.p-campaign-title-area{
	position: relative;
	width: 100%;
	background: url('../../../../../campaign/furusato/sp/images/campaign/main_image_sp.jpg') center bottom no-repeat;
	background-size: cover;
	min-height: 640px;
	height: 640px;
}

.p-campaign-inner{
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	width: 640px;
}

.p-campaign-logo{
	margin:12px auto 8px;
}

.p-campaign-logo img{
	margin:0 auto;
}

.p-campaign-title{
	margin:0 auto 16px;
}

.p-campaign-title img{
	margin:0 auto;
}

.p-campaign-copy{
	margin:0 auto;
}

.p-campaign-copy img{
	margin:0 auto;
}

.p-page-link{
	width:606px;
	margin:-148px auto 80px;
}

.p-page-box{
	position: relative;
	float:left;
}

.p-page-box:last-child{
	float:right;
}

.p-page-box a{
	position: absolute;
	left:0;
	right:0;
	bottom:30px;
	margin:auto;
}

.p-page-box a img{
	margin:0 auto;
}

.p-page-box a:hover img{
	opacity: 0.7;
}

.p-link-banner{
	margin:46px auto 16px;
}

.p-link-banner img{
	margin:0 auto;
}

.p-link-banner img:hover{
	opacity: 0.7;
}

.p-point-area{
	width:600px;
	box-sizing:border-box;
	padding:20px;
	background:#fff;
	border-radius: 7px;
	box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	-moz-box-shadow: 0 0 3px #000;
	position: relative;
	margin:0 auto 80px;
	padding-bottom:30px;
}

.p-point-title{
	position: absolute;
	left:0;
	right:0;
	top:0;
	margin:-40px auto 0;
}

.p-point-title img{
	margin:0 auto;
}

.p-point-img{
	margin:38px auto 18px;
}

.p-point-img img{
	margin:0 auto;
}

.p-campaign-box{
	width:560px;
	margin:0 auto;
	box-sizing:border-box;
	padding:30px 0 30px;
	position: relative;
}

.p-campaign-box-title{
	margin:0 auto 24px;
}

.p-campaign-box-title img{
	margin:0 auto;
}

.p-campaign-box h4{
	font-size:26px;
	line-height:32px;
	color:#9c1d22;
	font-weight: bold;
	margin-bottom:8px;
	margin-top:20px;
}

.p-campaign-box h4:first-child{
	margnin-top:0;
}

.p-campaign-list-l{
	margin-top:30px !important;
}

.p-campaign-box ul{
	font-size:22px;
	line-height:32px;
}

.p-campaign-box ul li{
	list-style-type: disc;
	margin:0 0 10px 22px;
}

.p-campaign-box ul li span{
	display:block;
	font-size:22px;
	line-height:32px;
	padding-left:1em;
	text-indent:-1em;
}

.p-campaign-box ul li span:last-child{
	margin-bottom:30px;
}

.p-campaign-box ul li span a{
	color:#003377;
	font-weight: bold;
}

.p-campaign-box p{
	font-size:22px;
	line-height:32px;
	margin-top:10px;
}

.p-menu-area{
	width:600px;
	box-sizing:border-box;
	padding:20px;
	background:#fff;
	border-radius: 7px;
	box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	-moz-box-shadow: 0 0 3px #000;
	position: relative;
	margin:0 auto 40px;
	padding-bottom:30px;
}

.p-menu-title{
	position: absolute;
	left:0;
	right:0;
	top:0;
	margin:-43px auto 0;
}

.p-menu-title img{
	margin:0 auto;
}

.p-menu-img{
	margin:71px auto 24px;
}

.p-menu-img img{
	margin:0 auto;
}

.p-menu-list{
	margin-bottom:50px;
}

.p-menu-list ul li{
	margin-bottom:38px;
}

.p-menu-btn{
	margin:0 auto 28px;
}

.p-menu-btn a img{
	margin:0 auto;
}

.p-caution-area{
	margin:0 auto 7px;
}

.p-text-caution{
	font-size:22px;
	line-height:32px;
	padding-left:1em;
	text-indent:-1em;
}

.p-entry-area02{
	margin:10px auto 0;
}

.p-entry-area{
	margin:10px auto 40px;
}

.p-menu-btn{
	margin:0 auto 30px;
}

.p-menu-btn img{
	margin:0 auto;
}

.p-menu-btn img:hover{
	opacity: 0.7;
}

.p-menu-btn02{
	margin:0 auto 20px;
}

.p-menu-btn02 img{
	margin:0 auto;
}


.p-entry-area ul li{
	list-style-type: disc;
	margin:0 0 25px 22px;
	font-size:22px;
	line-height:32px;
}

.p-entry-area02 ul li{
	margin:0 0 15px 22px;
	font-size:22px;
	line-height:32px;
}

.p-campaign-caution-area{
	width:600px;
	box-sizing:border-box;
	margin:0 auto 20px;
}

.p-menu-point{
	position: relative;
	margin-top:10px;
}

.p-menu-point-span{
	background: url('../../../../../campaign/furusato/sp/images/campaign/img_sp_close.png') right center no-repeat;
	height:30px;
	width:200px;
	display:inline-block;
	position: absolute;
	right:20px;
	top:40px;
}

.p-menu-point.close .p-menu-point-span{
	background: url('../../../../../campaign/furusato/sp/images/campaign/img_sp_open.png') right center no-repeat;
}

.p-campaign-caution-area h3{
	margin:40px 0 ;
	
	cursor: pointer;
}

.p-campaign-caution-area h3:first-child{
	margin:0;
	display:block;
}

.p-campaign-caution-area ul{
	box-sizing:border-box;
	padding:30px 20px 20px;
	background:#fff;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
}

.p-campaign-caution-area ul li{
	list-style-type: disc;
	margin:0 0 0 22px;
	padding:0 0 16px;
	font-size:22px;
	line-height:32px;
}

.p-campaign-caution-area ul li span{
	display:block;
}

.p-campaign-caution-area p{
	background:#fff;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
}

.p-menu-point-text{
	display:none;
	background:#fff;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	font-size:22px !important;
	line-height:32px;
	padding:30px 20px 34px;
	box-sizing:border-box;
	border-top:1px solid #aaa;
}

.p-campaign-caution-qa{
	display:none;
	border-top:1px solid #aaa;
}

.p-campaign-caution-qa p{
	padding-bottom:20px;
	padding-top:30px;
}

.p-campaign-caution-qa p:last-child{
	padding-top:0;
	padding-bottom:40px;
}

.p-campaign-caution-qa p img{
	margin:0 auto;
}

.p-link-bottom{
	width:600px;
	margin:0 auto 34px;
}

.p-link-bottom p{
	margin-bottom:10px;
	text-align:right;
}

.p-link-bottom a{
	font-size:21px;
	letter-spacing: 0.14em;
	background: url('../../../../../campaign/furusato/sp/images/campaign/icon_link.png') left center no-repeat;
	padding:5px 0 5px;
	padding-left:30px;
	color:#003377;
}

.top .p-link-banner{
	margin-top:55px;
	margin-bottom:30px;
}

p.notice{
	margin:0 0 20px;
	padding:0 10px;
}

p.fc-red{
	color:#f00;
	padding-bottom:20px;
}

/* topの設定*/
.top .banner_container {
	width: 600px;
}
.top .banner_container.slick-slider .slick-track {
	width: 600px !important;
}
.top #new_arrivals li .article-area  a {
	display: block;
	text-align: center;
}
.top #new_arrivals li .article-area {
	left: 0;
	right: 0;
	margin:0 auto;
}
.top .p-link-banner.p-link-banner2 {
	margin-top: 30px;
}