/* LINK BTN
------------------------------------------------------- */
/* sp
------------------------------------------------------- */
/* LINK BTN
------------------------------------------------------- */
/* 昇順 よもやいらない？*/
ul.gift_linkbtn:after {content: '';display: block;clear: both;height:0}
ul.gift_linkbtn { /zoom: 1; } /* IE */
ul.gift_linkbtn {text-align: center}
ul.gift_linkbtn{margin: 0 0 10px;}
ul.gift_linkbtn li {border:1px solid #dfbf9f;height: 150px;line-height: 2.5em;position: relative;overflow: hidden}
ul.gift_linkbtn li {width:50%;float: left}
ul.gift_linkbtn li a{display: block;cursor: pointer}
ul.gift_linkbtn li a:hover{opacity: 0.6;text-decoration: none}
ul.gift_linkbtn li img{position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: auto;overflow: hidden}
ul.gift_linkbtn li h1,ul.gift_linkbtn li h1+p{font-family: 'Noto Sans JP', 'Libre Baskerville', serif;font-weight: bold;color:#701a09}
ul.gift_linkbtn li h1,ul.gift_linkbtn li h1+p{font-size: 0.9em;z-index: 2; position: relative;margin:0;text-shadow: 1px 1px #FFF}
ul.gift_linkbtn li h1+p{font-size: 1.4em;text-align: center;text-shadow: 1px 1px #FFF;line-height: 1.2em;
    width: 100%;position: absolute;z-index: 2;margin: 0;padding: 0;margin-top:-10px;}
ul.gift_linkbtn li p{font-size:1em;line-height: 1.5em;z-index: 2; position: relative;display: none}

/* 降順 h1→pの順番*/
ul.gift_linkbtn_do:after {content: '';display: block;clear: both;height:0}
ul.gift_linkbtn_do { /zoom: 1; } /* IE */
ul.gift_linkbtn_do {text-align: center}
ul.gift_linkbtn_do{margin: 0 0 20px;}
ul.gift_linkbtn_do li {border:1px solid #dfbf9f;height: 150px;line-height: 2.5em;position: relative;overflow: hidden}
ul.gift_linkbtn_do li {width:50%;float: left}
ul.gift_linkbtn_do li a{display: block;cursor: pointer}
ul.gift_linkbtn_do li a:hover{opacity: 0.6;text-decoration: none}
ul.gift_linkbtn_do li img{position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: auto;overflow: hidden}
ul.gift_linkbtn_do li h1,ul.gift_linkbtn_do li h1+p,ul.gift_linkbtn_do li h2{font-family:'Libre Baskerville', serif;font-weight: bold;color:#701a09}
ul.gift_linkbtn_do li h1+p{font-size: 0.8em;z-index: 2; position: relative;text-shadow: 1px 1px #FFF;display: block;}
ul.gift_linkbtn_do li h1+p{top:10px;}
ul.gift_linkbtn_do li p{line-height: 1.2em;}

ul.gift_linkbtn_do li h2{font-size: 0.8em;z-index: 2; position: relative;text-shadow: 1px 1px #FFF;margin:10px auto 0;}
ul.gift_linkbtn_do li h1{font-size: 1.1em;text-align: center;text-shadow: 1px 1px #FFF;line-height: 1.2em;
    width: 100%;position: absolute;z-index: 2;margin: 0;padding: 0;margin-top:30px;letter-spacing: -1px;}

ul.gift_linkbtn_do li.shop_2line h1 {margin-top:40px}

/* 降順 説明文*/
ul.gift_linkbtn_do li p.linkbtn_des{display: none}

ul.gift_linkbtn_do li p.read_link {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    display: block;
    padding: 5px;
    background: rgba(255,255,255,0.5);
    font-weight: bold;
    color: #cc0000;
    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;
    z-index: 3;
}

ul.gift_linkbtn_do.linkbtn_img100 li img{top: 80%;left: 50%;width: 100%;height: auto;}
ul.gift_linkbtn_do li.linkbtn_img100 img{top: 80%;left: 50%;width: 100%;height: auto;}

/* 延長・遅れてごめんね */
ul.gift_linkbtn_do li h1+p span{color:red}
ul.gift_linkbtn_do li h1.okurete_ttl {margin-top: 45px}

/* ランキング */
ul.gift_linkbtn_do li.linkbtn_rank{width: 100%;}
ul.gift_linkbtn_do li.linkbtn_rank h1,
ul.gift_linkbtn_do li.linkbtn_rank h1+p{text-align: right;padding-right: 10px}
ul.gift_linkbtn_do li.linkbtn_rank img {top: 100%;width: 80%;left:30%;}
ul.gift_linkbtn_do li.linkbtn_rank h1 {font-size: 1.3em;}

/* ワイド版 */
ul.gift_linkbtn_do li.linkbtn_wide{width: 100%;}
ul.gift_linkbtn_do li.linkbtn_wide h1,
ul.gift_linkbtn_do li.linkbtn_wide h1+p,
ul.gift_linkbtn_do li.linkbtn_wide h2{text-align: right;padding-right: 10px}
ul.gift_linkbtn_do li.linkbtn_wide img {top: 100%;width: 80%;left:30%;}
ul.gift_linkbtn_do li.linkbtn_wide h1 {font-size: 1.3em;}

/* xmas_linkbtn */
ul.gift_linkbtn_do li.lladro img{top: 90%;}
ul.gift_linkbtn_do li.tbc img {width: 100%;}

/* color */
ul li.yellow01{background: #fff7e3}
ul li.yellow02{background: #FFFFE6}
ul li.pink01{background: #ffe6e6}
ul li.pink02{background: #ffdddd}
ul li.pink03{background: #fae0eb}
ul li.pink04{background: #fff6f6}
ul li.purple01{background: #f6e3f7}
ul li.green01{background: #E9F8F0}
ul li.blue01{background: #E9F4FC}
ul li.nude01{background: #ffefd6}
ul li.orange01{background: #fce4d8}
ul li.linkbtn_rank{background:url(/image/xmas/xmasrankback.png) no-repeat right top;background-size: 100%}
/* /LINK BTN
------------------------------------------------------- */

ul.gift_linkbtn_do.mother_special li.beams p,
ul.gift_linkbtn_do.mother_special li.moon_dust p {display: none;}
ul.gift_linkbtn_do.mother_special li.beams h1,
ul.gift_linkbtn_do.mother_special li.moon_dust h1 {margin-top: 40px;}
ul.gift_linkbtn_do.mother_special li.beams h1 span{display: none;}

ul.gift_linkbtn_do.mother_special li img.mother_special_logo{position:absolute;top:15%;left:50%;}
ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo{width:99%;}
ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{width:60%;}


/* pc
------------------------------------------------------- */
@media screen and (min-width:641px), print{

/* LINK BTN 02_170410
------------------------------------------------------- */
.gift_linkbtn{text-align: center}
ul.gift_linkbtn {margin: 0 auto;text-align: center}
ul.gift_linkbtn {margin: 40px 0 40px}
ul.gift_linkbtn li {height:200px;display: inline-block}
ul.gift_linkbtn li p{display:block;margin-top:0px}
ul.gift_linkbtn li h1{font-size: 1.1em}
ul.gift_linkbtn li h2{font-size: 1.5em;margin: 60px 0 0;line-height:1.2em}

/* 降順 */
.gift_linkbtn_do{text-align: center;}
ul.gift_linkbtn_do {margin: 0 auto;text-align: center}
ul.gift_linkbtn_do {margin: 40px 0 40px}
ul.gift_linkbtn_do li {height:200px;display: inline-block}
ul.gift_linkbtn_do li p{display:block;margin-top:0px}
ul.gift_linkbtn_do li img{top: 70%}

/* 画像下げる */
ul.gift_linkbtn_do.linkbtn_imgtop85 li img{top: 85%}

/* ランキング */
ul.gift_linkbtn_do li.linkbtn_rank{width: 100%;}
ul.gift_linkbtn_do li.linkbtn_rank h1,
ul.gift_linkbtn_do li.linkbtn_rank h1+p,
ul.gift_linkbtn_do li.linkbtn_rank h2{text-align: center;padding-right: 0}
ul.gift_linkbtn_do li.linkbtn_rank img {top: 80%;width: 90%;left:50%;}
ul li.linkbtn_rank {background: url(/image/xmas/xmasrankback.png) no-repeat right top;background-size: 140%;}

/* ランキング画像なしワイド */
ul.gift_linkbtn_do li.linkbtn_wide{width: 100%;}
ul.gift_linkbtn_do li.linkbtn_wide h1,
ul.gift_linkbtn_do li.linkbtn_wide h1+p,
ul.gift_linkbtn_do li.linkbtn_wide h2{text-align: center;padding-right: 0}
ul.gift_linkbtn_do li.linkbtn_wide img {top: 80%;width: 90%;left:50%;}

ul.gift_linkbtn_do li h1 {font-size: 1.3em;margin: 32px 0 0;line-height: 1.2em}
ul.gift_linkbtn_do li h1+p {font-size: 1em;}
ul.gift_linkbtn_do li h2{font-size: 1em;}

ul.gift_linkbtn_do.over10 li h1 {font-size: 1.2em;}
ul.gift_linkbtn_do.over11 li h1 {font-size: 1.1em;}
ul.gift_linkbtn_do.over11 li h1+p {font-size: .9em;}
ul.gift_linkbtn_do li h1+p.linkbtn_entyou {font-size: .8em;}

ul.gift_linkbtn_do li.shop_2line h2 br{display:none;}
ul.gift_linkbtn_do li.shop_2line h2{font-size: .8em;}
ul.gift_linkbtn_do li.shop_2line h1{margin-top:25px;}

.linkbtn6 ul.gift_linkbtn_do li h2 {font-size: .8em}

/* リンクボタンの数_昇順 */
.linkbtn2 ul.gift_linkbtn li {width:200px}
.linkbtn2 ul.gift_linkbtn {width:400px;,margin:0 auto;}
.linkbtn3 ul.gift_linkbtn li {width:200px}
.linkbtn3 ul.gift_linkbtn {margin-left: 158px/* 268px */}
.linkbtn4 ul.gift_linkbtn li {width:200px}
.linkbtn5 ul.gift_linkbtn li {width:200px}
.linkbtn6 ul.gift_linkbtn li {width:20%}

/* リンクボタンの数_降順 */
ul.gift_linkbtn_do{margin:40px auto;}
.linkbtn2 ul.gift_linkbtn_do li {width:200px;}
.linkbtn2 ul.gift_linkbtn_do {width:400px;}
.linkbtn3 ul.gift_linkbtn_do li {width:200px;}
.linkbtn3 ul.gift_linkbtn_do {width:600px;}
.linkbtn4 ul.gift_linkbtn_do li {width:200px;}
.linkbtn4 ul.gift_linkbtn_do {width:800px;}
.linkbtn5 ul.gift_linkbtn_do li {width:200px;}
.linkbtn6 ul.gift_linkbtn_do li {width:16.6%;height: 168px}
.linkbtn6 ul.gift_linkbtn_do li h1{font-size: 1.2em;margin: 25px auto 0;}
.linkbtn6 ul.gift_linkbtn_do li h2{font-size: .9em;}
.linkbtn6 ul.gift_linkbtn_do li img {top: 85%;}

.linkbtn4 ul.gift_linkbtn_do.mother_special li.beams,
.linkbtn4 ul.gift_linkbtn_do.mother_special li.moon_dust{width:400px;height: 122px}

/* mother */
ul.gift_linkbtn_do.mother_special li h1 {text-align: center;}
ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo,
ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{height:15%;width:auto;position:absolute;top:20%;z-index:3;}

ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo{left:38%;}
ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{left:15%;}
ul.gift_linkbtn_do.mother_special li img.mother_special_img{width:50%;top:52%;left:77%;}

ul.gift_linkbtn_do.mother_special li p.mother_special_des {
    width:65%;
    display: block;
    font-size: .8em;
    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;
    margin-top: 80px;
    margin-left:10px;
    z-index: 2;
    position: relative;
    text-align: left;
}

ul.gift_linkbtn_do.mother_special li.beams h1, ul.gift_linkbtn_do.mother_special li.moon_dust h1 {margin-top: 0;}

ul.gift_linkbtn_do.mother_special li.beams h1,
ul.gift_linkbtn_do.mother_special li.moon_dust h1{margin: 0;text-align:left;position: absolute;top:40px;left:10px;line-height:1em;}s


ul.gift_linkbtn_do.mother_special li.beams h1 span {display: block;}
ul.gift_linkbtn_do.mother_special li.beams h1 span{font-size:.8em;line-height: .5em}

ul.gift_linkbtn_do.mother_special li.beams h1 span:before{content: "\A" ;white-space: pre ;}

/* 説明文があるもの */
ul.gift_linkbtn_do.linkbtn_des_box li h1{margin: 25px 0 0;}
ul.gift_linkbtn_do.linkbtn_des_box li img{top: 85%}
ul.gift_linkbtn_do li p.linkbtn_des{display: block;font-size:.8em;text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;margin-top:35px;z-index: 2;position: relative;}


/* 2列 */
ul.gift_linkbtn_do li.shop_2line h2 br{display: none;}

/* xmas */
ul.gift_linkbtn_do li.lladro img{top: 80%;}
.xmas ul.gift_linkbtn_do li h1{margin:30px auto 0;}

/* /LINK BTN
------------------------------------------------------- */
}

/* for flick
------------------------------------------------------- */
@media screen and (max-width: 640px), print{
/* //for flick
------------------------------------------------------- */
}

@media screen and (max-width:320px), print{/*iphone5*/
.xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.75em;margin-top: 5px;line-height: 1.1}
}

@media screen and (min-width: 321px) and (max-width: 375px) , print{/*iphone6*/
br.display_pc{display: none}
br.iphone5_mode{display:none}
br.iphone6_mode{display:block}
.xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.6em;line-height: 1.1}
}

@media screen and (min-width: 376px) and (max-width: 414px), print{/*iphone6PLUS*/
ul.gift_linkbtn_do li.shop_2line h2 br{display:none;}
ul.gift_linkbtn_do li.shop_2line h1 {margin-top:20px;}
br.display_pc{display: none}
br.iphone5_mode{display:none}
.xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.75em;line-height: 1.1}
}
