html{
	scroll-behavior:smooth;
}
header {
    background: #0bd;
    display: flex;
}
body {
  margin: 0;
}

section{
	height:100vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.hero{
	background-image:url(../image/sample.jpeg);
	text-align:center;
	padding-top:10px;
	height:25vh;
	margin: 0;
}

.hero_children{
	background-image:url(../image/sample.jpeg);
	text-align:center;
	padding-top:10px;
	height:15vh;
	margin: 0;
}
.title{
	font-family:"Blinker", sans-serif;
	font-weight: 400;
 	font-style: normal;
	font-size:5rem;
	margin-top:4.5rem;
	margin-bottom:1.5rem;
}

.title_children{
	font-family:"Blinker", sans-serif;
	font-weight: 400;
 	font-style: normal;
	font-size:2rem;
	margin-top:2.5rem;
	margin-bottom:1rem;
}

/*
COMMON
================================================ */
p {
    line-height: 1.7;
}
img {
    max-width: 100%;
}
h2 {
    font-size: 3rem;
    margin-bottom: 2rem;
}
h1,
h2 {
    text-align: center;
}
header,
h1,
h2,
.hero-date {
    font-family:"Blinker", sans-serif;
}

/* Layout */
.wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

img.detail{
	height:100px;
}

a{
	text-decoration:none;
	color:#696969;
}

/*
HERO
================================================ */
#hero {
    /* ↓ 省略形だとブラウザーによってうまく表示されない
    background: var(--light-blue) url('../images/hero.jpg') no-repeat center / cover; */
    background-color: var(--light-blue);
    background-image: url('../images/hero.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: screen;
    animation: bg-color 24s infinite;
    height: 100vh;
    display: flex;
    align-items: center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
@keyframes bg-color {
    0% { background-color: var(--light-blue); }
    12.5% { background-color: var(--blue); }
    25% { background-color: var(--purple); }
    37.5% { background-color: var(--pink); }
    50% { background-color: var(--orange); }
    62.5% { background-color: var(--yellow); }
    75% { background-color: var(--light-green); }
    87.5% { background-color: var(--green); }
    100% { background-color: var(--light-blue); }
}
#hero h1 {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
}

#hero_children h1 {
    font-size: 2.5rem;
    margin-bottom: 0rem;
}
.hero-date {
    text-align: center;
    border-top: 3px solid var(--grey);
    border-bottom: 3px solid var(--grey);
    padding: .5rem 0;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

/*==========================================*/
@media (max-width:700px) {
  .title{
	font-size:2rem;
	}
	.container{
		justify-content: center;
		border:solid 0px #333;
		text-align:center;
		display: flex;
		flex-wrap:wrap;
		overflow: hidden;
		margin:20px auto;
	}
	
	/*
	HEADER
	================================================ */
	.header {
	  display: flex;
	  position:fixed;
	  width:100%;
	  justify-content: space-between;
	  align-items: center;
	  padding: 0 20px 0 20px;
	  margin-left:-15px;
	  background: #fff;
	  z-index:1;
	  opacity: 0.5;
	}
	.box{
		width:100%;
		height:8vh;
		background-color:white;
	}

	.logo {
	  font-size: 12px;
	}
	.logomark{
		font-size: 12px;
		background-color:blue;
	}

	/* ここから下がハンバーガーメニューに関するCSS */

	/* チェックボックスを非表示にする */
	.drawer_hidden {
	  display: none;
	}

	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {
	  display: flex;
	  height: 60px;
	  width: 60px;
	  justify-content: center;
	  align-items: center;
	  position: relative;
	  z-index: 100;/* 重なり順を一番上にする */
	  cursor: pointer;
	}

	/* ハンバーガーメニューのアイコン */
	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content: '';
	  display: block;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #333;
	  transition: 0.5s;
	  position: absolute;
	}

	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before {
	  bottom: 8px;
	}

	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after {
	  top: 8px;
	}

	/* アイコンがクリックされたら真ん中の線を透明にする */
	#drawer_input:checked ~ .drawer_open span {
	  background: rgba(255, 255, 255, 0);
	}

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom: 0;
	  transform: rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top: 0;
	  transform: rotate(-45deg);
	}

	/* メニューのデザイン*/
	.nav_content {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 100%; /* メニューを画面の外に飛ばす */
	  z-index: 99;
	  background: #fff;
	  transition: .5s;
	}

	/* メニュー黒ポチを消す */
	.nav_list {
	  list-style: none;
	  font-size:24px;
	}

	a.textnon{
	  text-decoration: none; 
	  font-family:"Blinker", sans-serif;
	  color:white;
	  line-height:200%;
	}

	/* アイコンがクリックされたらメニューを表示 */
	#drawer_input:checked ~ .nav_content {
	  left: 0;/* メニューを画面に入れる */
	  opacity: .6;
	  background-color:black;
	}
	
	.blockdisplay100{
		text-align:left;
		width:100%;
		border-bottom:solid #c0c0c0 1px;
		padding:10px;
	}
	
	#blockdisplay_icon_dtl{
		height:100px;
		border:solid #ff0000 0px; 
		display: flex;
	}
	
	#blockdisplay_icon_dtl_left{
		text-align:center;
		width:40%;
		border:solid #ff0000 0px; 
	}
	#blockdisplay_icon_dtl_right{
		width:60%;
		padding-left:10px;
		border:solid blue 0px; 
		font-size: 1rem;
		line-height: 1.2em;
	}
	#blockdisplay_icon_dtl_rightup{
		width:100%;
		padding-bottom:5px;
		border-bottom:solid silver 1px; 
		margin-bottom:3px;
	}
	#blockdisplay_icon_dtl_rightdown{
		width:100%;
		padding-bottom:5px;
	}
	#blockdisplay_icon_dtl_rightdownstock{
		width:100%;
		padding-bottom:5px;
	}
	#stock{
		text-align:center;
		width:150px;
		height:20px;
		background-color:#87ceeb;
		color:white;
	}
	#outofstock{
		text-align:center;
		width:150px;
		height:20px;
		background-color:#fa8072;
		color:white;
	}
	#blockdisplay_icon_purchase{
		text-align:center;
		margin-top:5px;
		padding-top:5px;
		height:60px;
		width:150px;
		border:solid #ff0000 0px; 
	}

	/*
	smartphone news top
	================================================ */	
	.news{
		text-align: left;
		width:100%;
		padding-left:3px;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 0px; 
		font-size: 1rem;
		display: flex;
	}
	.news_news{
		padding-top:5px;
		text-align:center;
		font-size: 0.6rem;
		width:45px;
		background-color:#87ceeb;
		border-radius: 3px;
	}
	.news_event{
		padding-top:5px;
		text-align:center;
		font-size: 0.6rem;
		width:45px;
		background-color:#fa8072;
		border-radius: 3px;
	}
	.news_date{
		padding-top:3px;
		text-align:left;
		padding-left:5px;
		font-size: 0.8rem;
		width:70px;
	}
	.news_ttl{
		text-align:left;
		padding-left:5px;
		font-size: 1rem;
		width:240px;
	}
	.news_ttlttl{
		width:100%;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:solid #dcdcdc 0px; 
		display: flex;
	}
	.news_pageleft{
		width:10%;
		background-color:#87ceeb;
		height:20px;
		border-bottom:solid #dcdcdc 1px; 
	}
	.news_page{
		text-align:center;
		font-size: 0.8rem;
		width:15%;
		color:#696969;
	}
	.news_pageright{
		width:75%;
		background-color:#87ceeb;
		height:20px;
		border-bottom:solid #dcdcdc 1px; 
	}
	.event_pageleft{
		width:10%;
		background-color:#fa8072;
		height:20px;
		border-bottom:solid #dcdcdc 1px; 
	}
	.event_pageright{
		width:75%;
		background-color:#fa8072;
		height:20px;
		border-bottom:solid #dcdcdc 1px; 
	}
	
	/*
	smartphone detail
	================================================ */
	#detail_photo{
		width:100%;
	}
	.detail_ttl{
		width:100%;
		padding-bottom:2px;
		border-bottom:solid silver 0px; 
		font-size: 1.5rem;
	}
	
	.detail_name{
		text-align: center;
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 1px; 
		font-size: 1rem;
	}
	.detail_stock{
		text-align: center;
		width:100%;
		padding-top:10px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 0px; 
		font-size: 1rem;
	}
	.s_stock{
		text-align:center;
		width:100%;
		height:100%;
		background-color:#87ceeb;
		color:white;
	}
	.s_outofstock{
		text-align:center;
		width:100%;
		height:100%;
		background-color:#fa8072;
		color:white;
	}
	
	/*
	smartphone nws
	================================================ */
	.news_block{
		border:solid red 0px;
		display: flex;
		height:140px;
		padding-left:5px;
		padding-right:5px;
		margin-bottom:10px;
		border-bottom:solid #dcdcdc 1px; 
	}
	.news_block_photo{
		border:solid red 0px;
		width:30%;
		height:100px;
	}
	.news_block_txt{
		border:solid red 0px;
		padding-left:5px;
		width:70%;
	}
	.news_block_ttl{
		text-align:left;
		border-bottom:solid #dcdcdc 1px; 
		height:40px;
		ont-size: 0.8rem;
		line-height:1.2rem;
		font-weight: bold;
	}
	.news_block_content{
		margin-top:3px;
		text-align:left;
		border:solid red 0px;
		height:70px;
		ont-size: 0.7rem;
		line-height:1.1rem;
	}
	.news_block_date{
		margin-top:3px;
		text-align:left;
		border:solid red 0px;
		height:20px;
		ont-size: 0.7rem;
		line-height:1.1rem;
		color:#c0c0c0;
	}
	
	/*smartphone detail
	================================================ */
	.detail_news_photo{
		width:100%;
	}
	.detail_news__ttl{
		padding-left:5px;
		padding-right:5px;
		text-align:left;
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:solid silver 1px; 
		font-size: 1.2rem;
		line-height:1.5rem;
		font-weight: bold;
	}
	.detail_news_comm{
		padding-top:10px;
		padding-left:5px;
		padding-right:5px;
		text-align:left;
		width:100%;
		padding-bottom:2px;
		border-bottom:solid silver 0px; 
		font-size: 1.0rem;
		line-height:1.3rem;
	}	
	/*smartphone contact form
	================================================ */
	
	.container_form{
		justify-content: center;
		border:solid 0px #333;
		text-align:center;
		display: flex;
		border:solid red 0px; 
		overflow: hidden;
		margin:20px auto;
		flex-wrap:wrap;
	}
	.contact_waku{
		padding:0px 10px 0px 10px;
		margin-bottom: 10px;
		border:solid purple 0px; 
		width:80%;
	}
	.contact_waku_txt{
		padding:0px 10px 0px 10px;
		border:solid green 0px; 
		width:80%;
		text-align:left;
		font-size: 0.9rem;
	}
	.contact_this{
		height:30px;
		width:100%;
		border:solid silver 1px; 
	}
	.contact_this_error{
		height:30px;
		width:100%;
		border:solid silver 1px; 
		background-color:#ffc0cb;
	}
	.contact_this_leadonly{
		height:30px;
		width:100%;
		border:solid silver 1px; 
		background-color:#dcdcdc;
	}
	.contact_thistxtare{
		height:200px;
		width:100%;
		border:solid silver 1px; 
	}
	.contact_thistxtare_error{
		height:200px;
		width:100%;
		border:solid silver 1px; 
		background-color:#ffc0cb;
	}
	.contact_thistxtare_leadonly{
		height:200px;
		width:100%;
		border:solid silver 1px; 
		background-color:#dcdcdc;
	}
	.contact_submit{
		height:30px;
		width:100%;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
	
	.contact_submit_halfback{
		height:30px;
		width:45%;
		border:solid silver 0px; 
		background-color:#c0c0c0; 
		margin-right:10px;
	}
	.contact_submit_half{
		height:30px;
		width:45%;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
	.reason_submit{
		height:50px;
		width:100%;
		font-size:1rem;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
}


/*DesktopSize==========================================*/
@media (min-width:600px){
	.container{
		display: flex;
		justify-content: space-evenly;
		margin-bottom:4rem;
		padding: 1rem 2.5rem 2.5rem;
	}
	blockdisplay{
		width:50%;
	}
	.blockdisplay100{
		text-align:left;
		width:45%;
		height:110px;
		border-bottom:solid #c0c0c0 1px;
		padding:10px;
	}
/* Header */
    .btn-menu {
        display: none;
    }
    .main-nav {
        width: 100%;
        position: static;
        display: flex;
    }
    .main-nav li {
        margin: 0 0 0 1.5rem;
    }
  .title{
	font-size:4rem;
	}
	.container{
		justify-content: center;
		border:solid 0px #333;
		text-align:center;
		display: flex;
		flex-wrap:wrap;
		overflow: hidden;
		margin:20px auto;
	}

	/*HEADER
	================================================ */
	.header {
	  display: flex;
	  position:fixed;
	  width:100%;
	  justify-content: space-between;
	  align-items: center;
	  padding: 0 20px 0 20px;
	  margin-left:-15px;
	  background: #fff;
	  z-index:1;
	  opacity: 0.5;
	}
	.box{
		width:100%;
		height:8vh;
		background-color:white;
	}

	.logo {
	  font-size: 12px;
	}
	.logomark {

	}

	/* ここから下がハンバーガーメニューに関するCSS */

	/* チェックボックスを非表示にする */
	.drawer_hidden {
	  display: none;
	}

	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {
	  display: flex;
	  height: 60px;
	  width: 60px;
	  justify-content: center;
	  align-items: center;
	  position: relative;
	  z-index: 100;/* 重なり順を一番上にする */
	  cursor: pointer;
	}

	/* ハンバーガーメニューのアイコン */
	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content: '';
	  display: block;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #333;
	  transition: 0.5s;
	  position: absolute;
	}

	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before {
	  bottom: 8px;
	}

	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after {
	  top: 8px;
	}

	/* アイコンがクリックされたら真ん中の線を透明にする */
	#drawer_input:checked ~ .drawer_open span {
	  background: rgba(255, 255, 255, 0);
	}

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom: 0;
	  transform: rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top: 0;
	  transform: rotate(-45deg);
	}

	/* メニューのデザイン*/
	.nav_content {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 100%; /* メニューを画面の外に飛ばす */
	  z-index: 99;
	  background: #fff;
	  transition: .5s;
	}

	/* メニュー黒ポチを消す */
	.nav_list {
	  list-style: none;
	  font-size:24px;
	}

	a.textnon{
	  text-decoration: none; 
	  font-family:"Blinker", sans-serif;
	  color:white;
	  line-height:200%;
	}

	/* アイコンがクリックされたらメニューを表示 */
	#drawer_input:checked ~ .nav_content {
	  left: 0;/* メニューを画面に入れる */
	  opacity: .6;
	  background-color:black;
	}
	
	#blockdisplay_icon_dtl{
		width:100%;
		height:110px;
		border:solid #ff0000 0px; 
		display: flex;
	}
	
	#blockdisplay_icon_dtl_left{
		text-align:center;
		width:40%;
		border:solid #ff0000 0px; 
	}
	#blockdisplay_icon_dtl_right{
		width:60%;
		padding-left:10px;
		border:solid blue 0px; 
		font-size: 1rem;
		line-height: 1.2em;
	}
	#blockdisplay_icon_dtl_rightup{
		width:100%;
		padding-bottom:5px;
		border-bottom:solid silver 1px; 
		margin-bottom:3px;
	}
	#blockdisplay_icon_dtl_rightdown{
		width:100%;
		padding-bottom:5px;
		height:50px;
		border:solid blue 0px; 
	}
	#blockdisplay_icon_dtl_rightdownstock{
		width:100%;
		padding-bottom:5px;
		height:10px;
		border:solid blue 0px; 
	}
	#stock{
		text-align:center;
		width:100%;
		height:20px;
		background-color:#87ceeb;
		color:white;
	}
	#outofstock{
		text-align:center;
		width:100%;
		height:20px;
		background-color:#fa8072;
		color:white;
	}
	
	/*
	smartphone news top
	================================================ */	
	.news{
		text-align: left;
		width:100%;
		padding-left:3px;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 0px; 
		font-size: 1rem;
		display: flex;
	}
	.news_news{
		padding-top:5px;
		text-align:center;
		font-size: 1rem;
		width:100px;
		background-color:#87ceeb;
		border-radius: 3px;
	}
	.news_event{
		padding-top:5px;
		text-align:center;
		font-size: 1rem;
		width:100px;
		background-color:#fa8072;
		border-radius: 3px;
	}
	.news_date{
		padding-top:3px;
		text-align:left;
		padding-left:5px;
		font-size: 1rem;
		width:100px;
	}
	.news_ttl{
		text-align:left;
		padding-left:5px;
		font-size: 1rem;
		width:600px;
		border-bottom:solid silver 0px; 
	}
	.desktop_width_news{
		width: 800px;
		height:auto;
		text-align:center;
		border-bottom:solid silver 0px; 
	}
	
	/*DESKTOP detail
	================================================ */
	#detail_photo{
		width:60%;
	}
	.detail_ttl{
		width:100%;
		padding-bottom:2px;
		border-bottom:solid silver 0px; 
		font-size: 1.5rem;
	}
	
	.detail_name{
		text-align: center;
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 1px; 
		font-size: 1rem;
	}
	.detail_stock{
		text-align: center;
		width:100%;
		padding-top:10px;
		padding-bottom:5px;
		border-bottom:solid #dcdcdc 0px; 
		font-size: 1rem;
	}
	.s_stock{
		text-align:center;
		width:100%;
		height:100%;
		background-color:#87ceeb;
		color:white;
	}
	.s_outofstock{
		text-align:center;
		width:100%;
		height:100%;
		background-color:#fa8072;
		color:white;
	}
	
	/*
	desktop nws
	================================================ */
	.news_block{
		border:solid red 0px;
		display: flex;
		height:170px;
		padding-left:5px;
		padding-right:5px;
		margin-bottom:30px;
		border-bottom:solid #dcdcdc 1px; 
	}
	.news_block_photo{
		border:solid red 0px;
		width:30%;
		height:100px;
	}
	.news_block_txt{
		border:solid red 0px;
		padding-left:5px;
		width:70%;
	}
	.news_block_ttl{
		text-align:left;
		border-bottom:solid #dcdcdc 1px; 
		height:40px;
		ont-size: 0.8rem;
		line-height:1.2rem;
		font-weight: bold;
	}
	.news_block_content{
		margin-top:3px;
		text-align:left;
		border:solid red 0px;
		height:100px;
		ont-size: 0.7rem;
		line-height:1.4rem;
	}
	.news_block_date{
		margin-top:3px;
		text-align:left;
		border:solid red 0px;
		height:20px;
		ont-size: 0.7rem;
		line-height:1.1rem;
		color:#c0c0c0;
	}
	
	/*desktop detail
	================================================ */
	.detail_news_photo{
		width:60%;
	}
	.detail_news__ttl{
		padding-left:15%;
		padding-right:15%;
		text-align:left;
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:solid silver 1px; 
		font-size: 1.2rem;
		line-height:1.8rem;
		font-weight: bold;
	}
	.detail_news_comm{
		padding-top:10px;
		padding-left:15%;
		padding-right:15%;
		text-align:left;
		width:100%;
		padding-bottom:2px;
		border-bottom:solid silver 0px; 
		font-size: 1.0rem;
		line-height:1.3rem;
	}
	
	/*Desktop contact form
	================================================ */
	
	.container_form{
		justify-content: center;
		border:solid 0px #333;
		text-align:center;
		display: flex;
		border:solid red 0px; 
		overflow: hidden;
		margin:20px auto;
		flex-wrap:wrap;
	}
	.contact_waku{
		padding:0px 10px 0px 10px;
		margin-bottom: 10px;
		border:solid purple 0px; 
		width:80%;
	}
	.contact_waku_txt{
		padding:0px 10px 0px 10px;
		border:solid green 0px; 
		width:80%;
		text-align:left;
		font-size: 0.9rem;
	}
	.contact_this{
		height:30px;
		width:100%;
		border:solid silver 1px; 
	}
	.contact_this_error{
		height:30px;
		width:100%;
		border:solid silver 1px; 
		background-color:#ffc0cb;
	}
	.contact_this_leadonly{
		height:30px;
		width:100%;
		border:solid silver 1px; 
		background-color:#dcdcdc;
	}
	.contact_thistxtare{
		height:200px;
		width:100%;
		border:solid silver 1px; 
	}
	.contact_thistxtare_error{
		height:200px;
		width:100%;
		border:solid silver 1px; 
		background-color:#ffc0cb;
	}
	.contact_thistxtare_leadonly{
		height:200px;
		width:100%;
		border:solid silver 1px; 
		background-color:#dcdcdc;
	}
	.contact_submit{
		height:30px;
		width:100%;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
	
	.contact_submit_halfback{
		height:30px;
		width:45%;
		border:solid silver 0px; 
		background-color:#c0c0c0; 
		margin-right:10px;
	}
	.contact_submit_half{
		height:30px;
		width:45%;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
	.reason_submit{
		height:50px;
		width:100%;
		font-size:1rem;
		border:solid silver 0px; 
		background-color:#87cefa; 
	}
}

	.blockdisplay{
		height:130px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		width : 150px ;
		border-radius:10px;/*丸みを調整*/
		background-color:#f5f5f5;
		margin-bottom:20px;
		font-family:"Blinker", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:1.5rem;
		margin-bottom:1rem;
	}

	.blockdisplay_txt{
		height:90px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		width : 150px ;
		border-radius:10px;/*丸みを調整*/
		background-color:#f5f5f5;
		margin-bottom:20px;
		font-family:"Blinker", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:1.5rem;
		margin-bottom:1rem;
	}

	.blockdisplay_sele_sele{
		height:30px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		width : 150px ;
		border-radius:10px;/*丸みを調整*/
		background-color:#a9a9a9;
		margin-bottom:20px;
		font-family:"Blinker", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:1.5rem;
		margin-bottom:1rem;
		border:0px;
		color:white;
	}

	.blockdisplay_sele{
		height:30px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		width : 150px ;
		border-radius:10px;/*丸みを調整*/
		background-color:#f5f5f5;
		margin-bottom:20px;
		font-family:"Blinker", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:1.5rem;
		margin-bottom:1rem;
		border:0px;
		color:black;
	}


	.blockdisplay_white{
		height:130px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		width : 150px ;
		border-radius:10px;/*丸みを調整*/
		background-color:#ffffff;
		margin-bottom:20px;
		font-family:"Blinker", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:1.5rem;
		margin-bottom:1rem;
	}

	#blockdisplay_icon{
		margin-top:10px;
		padding-top:15px;
		height:60px;
		width:150px;
		border:solid #ff0000 0px; 
	}

	#blockdisplay_icon_purchase{
		text-align:center;
		margin-top:0px;
		padding-top:0px;
		margin-left:auto;
		margin-right:auto;
		height:60px;
		width:150px;
		border:solid #ff0000 0px; 
	}

	#blockdisplay_icon_txt{
		margin-top:10px;
		padding-top:15px;
		height:30px;
		width:150px;
		border:solid #ff0000 0px; 
	}