@charset "UTF-8";
/* CSS Document */

body{
background: linear-gradient(to right, #fefbde 0%, #fefbde 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
}
.sp_back{
display: none;
}

h2{
background-image: url("../image/00_10_link/00_10.png");
}
.overseas {
    width:100%;
    margin:50px auto;
}

.overseas h3,
.shop_institution h3{
font-weight: 100;
font-size: 30px;
color: #009fe8;
text-align: center;
margin: 0px auto 30px auto;
}
.overseas strong,
.shop_institution strong{
background: linear-gradient(transparent 70%, #ffed00 0%);
}

.overseas nav {
    width:1020px;
    margin:30px auto;
}

.overseas nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.overseas nav li {
    margin:0px 5px 30px 5px;
}
.overseas nav li a {
    background-repeat: no-repeat;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
    width:496px;
    display: block;
}

.overseas nav li p {
    text-align: center;
  font-size : 17px;
  line-height : 28px;
  color : #333;
  margin-top:10px;
}

.overseas nav li p span {
    font-size:14px;
  line-height : 10px;
}

.overseas nav .oslink01 {
    background-image: url("../image/link/link_os_01.png");
    height:254px;
}

.overseas nav .oslink02 {
    background-image: url("../image/link/link_os_02.png");
    height:254px;
}

.overseas nav .oslink03 {
    background-image: url("../image/link/link_os_03.png");
    height:46px;
    margin-top:30px;
}
.overseas nav .oslink04 {
    background-image: url("../image/link/link_os_04.png");
    height:83px;
    margin-top:20px;
}

.overseas nav .oslink05 {
    background-image: url("../image/link/link_os_05.png");
    height:140px;
}

.overseas nav .oslink06 {
    background-image: url("../image/link/link_os_06.png");
    height:77px;
    margin-top:30px;
}



.shop_institution  {
    width:100%;
    margin:50px 0px;
}


.shop_institution nav {
    width:920px;
    margin:30px auto;
}

.shop_institution nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.shop_institution nav li {
    margin:0px 5px 30px 0px;
}

.shop_institution nav li a {
    display: block;
    background-repeat: no-repeat;
    width:447px;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.shop_institution  nav li p {
    text-align: center;
  font-size : 18px;
  line-height : 26px;
  color : #524A3F;
  margin:10px auto 0px auto;
  
  width:400px;
  letter-spacing: -1px;
}

.shop_institution  nav li p span {
    font-size: 15px;
}

.shop_institution nav .silink01 {
    background-image: url("../image/link/link_si_01.png");
    height:83px;
}

.shop_institution nav .silink02 {
    background-image: url("../image/link/link_si_02.png");
    height:128px;
}

.shop_institution nav .silink03 {
    background-image: url("../image/link/link_si_03.png");
    height:87px;
}

.shop_institution nav .silink04 {
    background-image: url("../image/link/link_si_04.png");
    height:87px;
    margin-top:30px;
}

.shop_institution nav .silink05 {
    background-image: url("../image/link/link_si_05.png");
    height:103px;
    margin-top:30px;
}

.shop_institution nav .silink06 {
    background-image: url("../image/link/link_si_06.png");
    height:78px;
    margin-top:30px;
}

.shop_institution nav .silink07 {
    background-image: url("../image/link/link_si_07.png");
    height:72px;
    margin-top:30px;
}

.shop_institution nav .silink08 {
    background-image: url("../image/link/link_si_08.png");
    height:145px;
}

.shop_institution nav .silink09 {
    background-image: url("../image/link/link_si_09.png");
    height:67px;
}
.shop_institution nav .silink10 {
    background-image: url("../image/link/link_si_10.png");
    height:62px;
    margin-top:30px;
}

.shop_institution nav .silink11 {
    background-image: url("../image/link/link_si_11.png");
    height:67px;
    margin-top:30px;
}
.shop_institution nav .silink12 {
    background-image: url("../image/link/link_si_12.png");
    height:76px;
    margin-top:40px;
}
.shop_institution nav .silink13 {
    background-image: url("../image/link/link_si_13.png");
    height:41px;
    margin-top:20px;
}

/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){
body{
background: linear-gradient(to right, #fefbde 0%, #fefbde 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 100%);
}
.sp_back{
display: block;
width: 100%;
height: 80px;
background-color: #ffffff;
position: absolute;
}

h2{
background-image: url("../image/00_10_link/00_10_sp.png");
}

.overseas {
    width:100%;
    margin:30px 0px;
}


.overseas nav {
    width:90%;
    margin:20px auto;
}

.overseas nav ul {
    list-style: none;
    display: block;
}
.overseas nav li {
    margin:10px auto 30px auto;
}
.overseas nav li a {
background-size: 100%;
width:100%;
}

.overseas nav li p {
    text-align: center;
  font-size : 14px;
  line-height : 20px;
  color : #524A3F;
  margin-top:10px;
}

.overseas nav li p span {
    font-size:12px;
  line-height : 8px;
}

.overseas nav .oslink01 {
    background-image: url("../image/link/link_os_01.png");
    height:0px;
    padding-top:51%;
}

.overseas nav .oslink02 {
    background-image: url("../image/link/link_os_02.png");
    height:0px;
    padding-top:51%;
}

.overseas nav .oslink03 {
    background-image: url("../image/link/link_os_03.png");
    height:0px;
    padding-top:10%;
}
.overseas nav .oslink04 {
    background-image: url("../image/link/link_os_04.png");
    height:0px;
    padding-top:16%;
}

.overseas nav .oslink05 {
    background-image: url("../image/link/link_os_05.png");
    height:0px;
    padding-top: 28%;
}

.overseas nav .oslink06 {
    background-image: url("../image/link/link_os_06.png");
    height:0px;
    padding-top: 16%;
}



.shop_institution  {
    width:100%;
    margin:60px auto 30px auto;
    padding-bottom: 40px;
}


.shop_institution nav {
    width:90%;
    margin:20px auto;
}

.shop_institution nav ul {
    list-style: none;
    display: block;
}

.shop_institution nav li {
    margin:0px 5px 30px 0px;
}

.shop_institution nav li a {
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100%
}

.shop_institution  nav li p {
    text-align: center;
  font-size : 14px;
  line-height : 20px;
  color : #524A3F;
  margin:10px auto 0px auto;
  width:90%;
  letter-spacing: -1px;
}

.shop_institution  nav li p span {
    font-size: 12px;
}

.shop_institution nav .silink01 {
    background-image: url("../image/link/link_si_01.png");
    height:0px;
    padding-top: 20%;
}

.shop_institution nav .silink02 {
    background-image: url("../image/link/link_si_02.png");
    height:0px;
    padding-top: 28%;
}

.shop_institution nav .silink03 {
    background-image: url("../image/link/link_si_03.png");
    height:0px;
    padding-top: 19%;
}

.shop_institution nav .silink04 {
    background-image: url("../image/link/link_si_04.png");
    height:0px;
    padding-top: 19%;
}

.shop_institution nav .silink05 {
    background-image: url("../image/link/link_si_05.png");
    height:0px;
    padding-top: 24%;
}

.shop_institution nav .silink06 {
    background-image: url("../image/link/link_si_06.png");
    height:0px;
    padding-top: 17%;
}

.shop_institution nav .silink07 {
    background-image: url("../image/link/link_si_07.png");
    height:0px;
    padding-top: 17%;
}

.shop_institution nav .silink08 {
    background-image: url("../image/link/link_si_08.png");
    height:0px;
    padding-top: 33%;
}

.shop_institution nav .silink09 {
    background-image: url("../image/link/link_si_09.png");
    height:0px;
    padding-top: 14%;
}
.shop_institution nav .silink10 {
    background-image: url("../image/link/link_si_10.png");
    height:0px;
    padding-top: 14%;
}

.shop_institution nav .silink11 {
    background-image: url("../image/link/link_si_11.png");
    height:0px;
    padding-top: 14%;
}
.shop_institution nav .silink12 {
    background-image: url("../image/link/link_si_12.png");
    height:0px;
    padding-top: 17%;
}
.shop_institution nav .silink13 {
    background-image: url("../image/link/link_si_13.png");
    height:0px;
    padding-top: 10%;
}

}