@charset "utf-8";
@media print,screen and (min-width: 769px) {
/* 専門店用テンプレートcss
----------------------------------------------------*/
#senmon_copy{font-size: 14px;}
.senmon{margin-top: 40px;}
.senmon p{font-size: 16px;}
.senmon a:link {font-size: 16px;}
.senmon img{
    display: block;
    margin: 0 auto;
}

.senmon .item_name{margin-top: 10px}
.senmon .senmon_price {
    color: #E22;
    font-weight: bold;
    margin-top: 10px;
}

.senmon .senmon_price span{
    font-size: 186%;
    letter-spacing: -1px;
    font-style: italic;
    line-height: 1em;
    font-family: "Arial Black",Tahoma,Helvetica,San-serif;
}

.senmon h2 span{
	background:url("../img/icon/icon_top_season.jpg") no-repeat scroll left center;
	line-height:1.6;
	display:block;
	padding-left:40px;
}

#free_block01 #main_item{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    margin-top: 20px;
}

#free_block01 .wide_column{
    width: 420px;
}

#free_block01 .wide_column a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
    border: 1px solid #ccc;
    overflow: hidden;
}

#free_block01 .wide_column p{margin-top: 10px;}

#free_block01 .narrow_column{
    width: 480px;
}

#free_block01 .narrow_column .item_box{
    margin-bottom: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

#free_block01 .narrow_column .item_box a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 200px;
    width: 200px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: hidden;
}

#free_block01 .narrow_column .item_box p{
    width: 260px;
}

#free_block02 ul{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

#free_block02 ul li{
    width: 290px;
    margin-top: 20px;
}

#free_block02 ul li a{
    display: block;
    margin-bottom: 10px;
}

#free_block02 ul li a img{
    margin: 0;
	width:100%;
}

#free_block10 ul{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

#free_block10 ul li{
    width: 350px;
    margin-top: 20px;
}

#free_block10 ul li a{
    display: block;
    margin-bottom: 10px;
}

#free_block10 ul li a img{
    margin: 0;
	width:100%;
}

#free_block03 > p,
#free_block04 > p{
    margin: 20px 0;
}

#free_block03 .item_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;  
}

#free_block03 .item_list .item_box{
    width: 210px;
    margin-bottom: 40px;
}

#free_block03 .item_list .item_box a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 210px;
    width: 210px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: hidden;
}

#free_block04 .item_detail_list,
#free_block07 .item_detail_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

#free_block04 .item_detail_list dl{
    width: 298px;
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between; 
}

#free_block07 .item_detail_list dl{
    width: 298px;
    margin-bottom: 16px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between; 
}

#free_block04 .item_detail_list dt,
#free_block07 .item_detail_list dt{
    width: 90px;
    border: 1px solid #ccc;
    box-sizing: content-box;
}

#free_block04 .item_detail_list dt a,
#free_block07 .item_detail_list dt a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 90px;
    text-align: center;
    overflow: hidden;
}

#free_block04 .item_detail_list dd{
    width: 194px;
}

#free_block07 .item_detail_list dd{
    width: 200px;
}

#free_block04 .item_detail_list dd p,
#free_block07 .item_detail_list dd p{
    font-size: 12px;
}

#free_block04 .item_detail_list dd p:first-of-type{
    font-size:16px;
    margin-bottom:4px;
}

#free_block07 .item_detail_list{
    margin-top: 20px;
}

#free_block07 .item_detail_list.reverse dl{
    flex-direction:row-reverse; 
    -webkit-flex-direction:row-reverse; 
}

#free_block07 .item_detail_list dl:nth-of-type(2n+1){
    border-left: 6px solid #FF9400;
}

#free_block07 .item_detail_list dl:nth-of-type(2n){
    border-left: 6px solid #fffe00;
}

#free_block07 .item_detail_list dd p{padding: 8px 0 8px 8px;}
#free_block07 .item_detail_list dd p:first-of-type{   
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0 8px 8px;
}

#free_block07 .item_detail_list dl:nth-of-type(2n+1) p:first-of-type{
    border-bottom: 4px solid #FF9400;
}

#free_block07 .item_detail_list dl:nth-of-type(2n) p:first-of-type{
    border-bottom: 4px solid #fffe00;
}

#free_block_ranking .ranking_block{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    margin-top: 20px;
}

#free_block_ranking .icon_rank{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: sub;
}

#free_block_ranking .icon_rank svg{
    width: 100%;
    height: 100%;
}

#free_block_ranking .wide_column{
    width: 420px;
}

#free_block_ranking .wide_column .rank{
    font-size:18px;
    display: inline-block;
}

#free_block_ranking .wide_column .rank{font-size: 24px}

#free_block_ranking .wide_column .icon_rank{
    width: 30px; 
    height: 30px;
}

#free_block_ranking .wide_column .rank svg{
    fill:#e0ca00;
}

#free_block_ranking .wide_column a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 420px;
    text-align: center;
    border: 1px solid #ccc;
    margin-top: 20px;
    overflow: hidden;
}

#free_block_ranking .wide_column p{
    font-size: 20px;
    display: inline-block;
    margin-left: 4px;
}

#free_block_ranking .narrow_column{
    width: 480px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between; 
}

#free_block_ranking .narrow_column .rank_box{
    margin-bottom: 40px;
    width: 220px;
}

#free_block_ranking .narrow_column .rank_box .rank{margin-bottom: 10px;font-size:18px;}

#free_block_ranking .narrow_column .rank_box:first-of-type svg{
    fill:#b0aeac;
}

#free_block_ranking .narrow_column .rank_box:nth-of-type(2) svg{
    fill:#592400;
}

#free_block_ranking .narrow_column .rank_box svg{
    fill:#0071CE;
}

#free_block_ranking .narrow_column .rank_box p{margin-top: 10px;font-size: 16px;}

#free_block_ranking .narrow_column .rank_box a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 220px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: hidden;
}

#free_block_ranking .narrow_column .item_box p{
    width: 260px;
}

#free_block06 .three_column,
#free_block06 .five_column{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    margin-top: 20px;
}

#free_block06 .three_column dl{
    width: 290px;
    margin-bottom: 20px;
}
#free_block06 .three_column dl dt a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 290px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: hidden;
}


#free_block06 .three_column dl p:last-child{color: #333;margin-top: 10px}

#free_block06 .five_column dl{
    width: 170px;
    margin-bottom: 20px;
}

#free_block06 .five_column dl dt a{
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 170px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: content-box;
    overflow: hidden;
}
}
@media screen and (max-width: 768px) {
/* 専門店用テンプレートcss
----------------------------------------------------*/
#senmon_copy{font-size: 14px;}
.senmon p{font-size: 14px;}


}