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

       body {
            margin: 0;
			 font-family: "Yu Gothic Bold", "Meiryo UI", "Arial Black", "Arial Bold", "Meiryo", "Yu Gothic", sans-serif;
            font-weight: 900;
        }
        .link-container {
            width: 100%;
            min-height: 490px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            position: relative;
            overflow: hidden;
        }
        .background {
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.6);
            background-size: cover;
            background-position: center center;
            filter: blur(10px);
	border:none;
	outline:none;
        }
        .content {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            overflow-y: auto;
            width: 100%;
            padding: 10px 0 30px;
        }
.overlay {
	width: 90%;
	/* background-color: transparent !important; */
	padding: 10px;
	/* border-radius: 0 !important; */
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
	backdrop-filter: none !important;
	background-color: rgba(255,255,255,0.3);
	border-radius: 10px;
}
.list{

display:block;

width:92%;

margin:0 auto;

}
.link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 8px auto;
	padding: 14px 20px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background-color: rgba(0,0,0,0.52);
	border-radius: 10px;
	float: none;
	gap: 18px;
	font-size: 1.3em;
}

.link img{

width:60px;
height:60px;

border-radius:10px;

display:block;

margin:0;

flex:0 0 60px;

}

.btn-copy{

display:block;

text-align:center;

margin:10px 0 4px;

}

       .logo-container{
  display:flex;
  flex-wrap:nowrap;          /* ←折り返し禁止 */
  justify-content:center;
  align-items:center;
  gap:10px;
}
        .logo_main {
            display: none;
        }
        .logo_main img {
           max-width:60px;
max-height:60px;

width:auto;
height:auto;

        }
.logo{

width:70px;
height:70px;

display:flex;
align-items:center;
justify-content:center;

}
.sp {
  display: none;  
}
#logo_box{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
#logo_box .logo:nth-of-type(1) {
  display: none;  
}
#logo_box .logo:nth-of-type(2) {
  display: none;  
}
        .logo img {
            width: 50px;
            height: 50px;
            border-radius: 10px;
        }
		


			.btn-copy:before {
			  margin-right: 1rem;

			  content: '＼';
			}

			.btn-copy:after {
			  margin-left: 1rem;

			  content: '／';
			}
.bottom-links{
  display:block;
  width:100%;
  margin:16px auto 0;   /* ←マイナスをやめる */
  padding:0;
  clear:both;           /* ←float残ってても保険で解除 */
	background:none;
	margin-top:20px;
	width:100%;
}

.bottom-links iframe{
  display:block;
  width:100%;
  max-width:700px;      /* ←ボタン列と同じくらいにしたい場合 */
  height:160px;
  margin:0 auto;
}
        .bottom-links img {
            width: 90%;
            max-width: 330px;
            height: auto;
            border-radius: 10px;
            margin: 10px auto;
        }

/* =========================
   iframe時だけ反応（共通）
   ========================= */
/* iframe内：詳細リンク非表示（URL変更してもOKな方式） */
body.in-iframe .link--detail{
  display:none !important;
}

/* 既定（パターン2：スマホ比率など）＝1列 */
body.in-iframe .list{
  display:block;
  width:92%;
  margin:0 auto;
}
body.in-iframe .link{
  font-size: 100%;
  margin:8px 0;
}
.btn-copy{
 display: none;
}

/* パターン1：高さが短いiframe（例：240×490系/埋め込みで高さが小さい時）＝2×2 */
@media (max-height: 420px){
  body.in-iframe .list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    width:96%;
    margin:0 auto;
    grid-auto-flow:row dense;
  }

  /* 説明文は2列ぶち抜き */
  body.in-iframe .btn-copy{
    grid-column:1 / -1;
    text-align:center;
    margin:6px 0 2px;
  }

  /* 2列時は少し詰める（崩れ防止） */
  body.in-iframe .link{
    margin:0;
    padding:10px 10px;
    gap:10px;
    font-size:1.5em;
	  display:flex;
align-items:center;
  }


/* テキストだけ中央 */
.link-text{

flex:1;              /* ←余白全部使う */
text-align:center;   /* ←中央 */

}
  body.in-iframe .link img{
    width:44px;
    height:44px;
    flex:0 0 44px;
  }
}