@charset "UTF-8";

/* usedpc-event.css */
/* 中古パソコン販売会のご案内 に適用 */

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

section{
	margin-bottom:20px;
}

/* メインブロック 左右の余白 */
.main_block{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

main p{	
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 見出し (h1) */
main h1{
	font-size:100%;
}

/* h1 イメージ */
.event_img{
	width:100%;
	height:auto;
	border-radius:0px;
}

/* 中古パソコン販売会 イメージ */
.more_tablet{
	display:none;	/* 非表示 */
}

/* 見出し (h2) */
main h2{
	margin:10px 0;
	padding:0;
	font-size:120%;
	padding: 0.5em;/*文字周りの余白*/
	background: #e4f5e4;/*背景色*/
	border-bottom: solid 3px #006400;/*下線*/
}

/* 見出し (h3) */
main h3{
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:110%;
	border-bottom: solid 2px #5BB431;
}

/* リストタグ 行間 */
main li{
	margin: 0;
	margin-bottom: -5px;
}

/* 販売会の様子 */
.vanue_image_x3{
	display:flex;
	flex-direction:column;
	gap:10px 0px;
	margin-bottom:10px;
}

/* 販売会の様子 イメージ */
.vanue_img{
	width:100%;
	height:auto;
}

/* 販売会の様子 概要 */
.venue_overview{
	padding:10px;
	background:#5BB431;
	color:snow;	
}

/* 販売会概要 */
.sale_overview{
	margin-top:10px;
	padding:10px;
	background:#5BB431;
	color:snow;
}

/* メーカー */
.maker{
	display:flex;
	flex-direction:column;
	background-color:#ffffff;
	border-radius:5px;
	gap:10px 0px;
	margin:5px;
	padding:10px;
}

/* リストタグ */
main ul{
	margin:15px;
	padding-left:10px;
}

/* リストタグ */
main li{
	line-height:2;
}

/* メーカー一覧 */
.maker_list{
	display:flex;
	margin-left:5px;
	margin-right:5px;
	padding-top:15px;
	padding-bottom:15px;
}

/* メーカー名 */
.maker_name{
	margin:0px 15px;
}

/* メーカー イメージ */
.maker_img{
	width:100%;
	height:auto;
	border-radius:0;
}

/* メーカー 画像 */
.maker_name figure{
	margin:0;
	padding:0;
}

/* メーカー 読み方 */
.maker_name figcaption{
	margin:0;
	padding:0;
	margin-top:5px;
	text-align:center;
	font-size:80%;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 販売会日程 */
.schedule{
	display:flex;
	flex-direction:column;
	row-gap:10px;
}

/* とき・ところ */
.day{
	padding:10px;
	border:1px solid #5BB431;
	display:flex;
	flex-direction:column;
	row-gap:20px;
}

/* とき */
.location_day p{
	background-color:#F8F194;
	color:#218016;
	padding:10px;
	font-size:130%;
}

/* ところ */
.location_address p{
	background-color:#F8F194;
	color:#218016;
	padding:10px;
	font-size:130%;
}

/* 会場 */
.location{
	font-size:120%;
	font-weight:bold;
	background:#5BB431;
	color:snow;
	padding:5px;
}

/* fontawesome */
.location i{
	color:snow;
}

/* Googleマップ */
iframe{
	width:100%;
	height:auto;
	aspect-ratio:4 / 3;
}

/* 臨時休業 */
.close span{
	color:red;
	font-weight:bold;
}

/* ラインアップ */
.lineup_block{
	display:flex;
	flex-direction:column;
	row-gap:10px;
}

.lineup_point{
	font-size:80%;
	text-align:right;
	margin-bottom:10px;
}

/* ラインアップの一例 */
.example{
	position:relative;
	padding:10px;
	border:1px solid #5BB431;
	padding-bottom:50px;
}

/* マシン詳細 */
.machine_block{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

/* マシン 画像 */
.machine_img{
	max-width:100%;
	height:auto;
}

/* マシン イメージ */
.machine_image{
	flex-basis:30%;
}

/* マシンスペック */
.machine_spec{
	flex-basis:65%;
}

/* マシンスペック リストタグ */
.fa-ul{
	margin:0;
	margin-left:26px;
}

/* fontawesome */
main i{
	color:#5BB431;
}

/* マシン概要 */
.machine_overview{
	margin-bottom:10px;
}

/* ラインアップの例 商品価格 右下に表示*/
.example_price{
	text-align:right;
	position:absolute;
	bottom:10px;
	right:10px;
}

/* ラインアップの例 商品価格(税込) */
.tax_in{
	font-weight:bold;
	font-style:italic;
	color:red;
	font-size:120%;
	line-height:0.1;
	padding:3px;
}

/* ラインアップの例 商品価格(税別) */
.without_tax{
	font-size:60%;
	line-height:0.1;
	font-style:italic;
}

/* ラインアップ 補足 */
.lineup_supplement{
	margin-top:10px;
	padding:10px;
	background:#5BB431;
	color:snow;
}

/* 保証期間 */
.warranty{
	margin-top:10px;
	padding:10px;
	border:1px solid #5BB431;
}

/* 中古iPhone販売 横並び */
.used_iphone{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px;
	border:1px solid #5BB431;
}

/* 中古iPhone販売 画像 */
.used_iphone_img{
	max-width:100%;
	height:auto;
}

/* 中古iPhone販売 イメージ */
.used_iphone_image{
	flex-basis:30%;
}

/* 中古iPhone販売 概要 */
.used_iphone_overview{
	flex-basis:65%;
}

/* お支払い方法 */
.payment{
	margin-top:10px;
	padding:10px;
	border:1px solid #5BB431;
}

/* よくある質問 */
.faq{
	margin-top:10px;
	padding:10px;
	border:1px solid #5BB431;
}

/* Q and A */
dl.faq_list dt:before,dl.faq_list dd:before{
	margin-right:4px;
}

dl.faq_list dt:before{
	content:"Q.";
	color:#5BB550;
}

dl.faq_list dd:before{
	content:"A.";
	color:#FF4040;
}

dl.faq_list dt{
	padding-left:1.4em;
	text-indent:-1.4em;
}

dl.faq_list dd{
	margin-left:0px;
	margin-top:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:1.4em;
	text-indent:-1.4em;
}

dl.faq_list dd:last-child{
	border-bottom:0px;
}

/* セールスポイント */
.sellingpoint_block{
	display:flex;
	flex-direction:column;
	row-gap:20px;
}

/* セールスポイント 横並び */
.sellingpoint{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px;
	border:1px solid #5BB431;
}

/* セールスポイント イメージ */
.sellingpoint_image{
	flex-basis:30%;
}

/* セールスポイント 画像 */
.sellingpoint_img{
	max-width:100%;
	height:auto;
}

/* セールスポイント 概要 */
.sellingpoint_overview{
	flex-basis:65%;
}

/* 価格 */
.price{
	font-weight:bold;
	color:red;
	font-style:italic;
}

/* 土曜日 */
.saturday{
	color:blue;
}

/* 日曜・祝日 */
.sunday{
	color:red;
}

/* 店舗一覧 */
.shoplist{
	display:flex;
	flex-direction:column;
	row-gap:20px;
}

/* 店舗案内 */
.shop{
	padding:10px;
	border:1px solid #5BB431;
}

/* 主催者 概要 */
.organize_overview{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #5BB431;
}

/* 店舗画像 アクセス */
.shop_block{
	display:flex;
	justify-content:space-between;
}

/* 店舗 イメージ */
.shop_image{
	flex-basis:30%;
}

/* 店舗画像 */
.shop_img{
	max-width:100%;
	height:auto;
}

/* 店舗 アクセス */
.shop_access{
	flex-basis:65%;
}

/* 主催者 補足 */
.organize_supplement{
	margin-top:10px;
	padding:10px;
	background:#5BB431;
	color:snow;
}

/* サービス一覧 */
.service_list{
	display:flex;
	flex-direction:column;
	row-gap:20px;
}

/* サービス */
.service{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px;
	border:1px solid #5BB431;
}

/* 店舗 イメージ */
.service_image{
	flex-basis:30%;
}

/* サービス 画像 */
.service_img{
	max-width:100%;
	height:auto;
}

/* サービス 概要 */
.service_overview{
	flex-basis:65%;
}

/* サービス 補足 */
.service_supplement{
	margin-top:10px;
	padding:10px;
	background:#5BB431;
	color:snow;
}

/* 古物商許可 */
.license{
	text-align:center;
	margin:10px 0;
	padding:10px;
	border:1px solid #5BB431;
}

/* プライバシーポリシー */
.privacy{
	display:flex;
	justify-content:center;
	align-items:center;
	list-style:none;
}

/* プライバシーポリシー */
.privacy li {
	padding:0 10px;
	display:inline; /* 横並びにさせる */
	border-left: 1px solid #515254; /* 区切り線 */
}

.privacy li:first-child {
	border:none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}

/* VIT-SHOP ロゴ */
.vitshop_image{
	text-align:center;
	margin-bottom:10px;
}

/* VIT-SHOP ロゴ 画像 */
.vitshop_img{
	max-width:50%;
	height:auto;
}

/* 続きを読む Start */
.more{
	position: relative;
}

.more p{
	display: -webkit-box;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 開く前に見せたい行数を指定 */
}

.more:has(:checked) p {
	display: block;
}

.more p::after{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(180deg, hsla(0, 0%, 0%, 0) 0, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, 0) 0, #5bb431);
	content: '';
}

.more:has(:checked) p::after{
	content: none;
}

.more label{
	display: flex;
	align-items: center;
	gap: 0 4px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	padding: .2em 1em;
	border-radius: 25px;
	background-color: #F9F396;
	color: #5bb431;
	font-size: 100%;
}

.more label:hover{
	border:1px solid #5bb431;
	background-color: #fff;
	color: #5bb431;
	cursor: pointer;
}

.more:has(:checked) label{
	display: none;	
}

.more label::after {
	display: inline-block;
	width: 10px;
	height: 5px;
	background-color: #5bb431;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
}

.more label:hover::after{
	background-color: #5bb431;
}

.more input {
	display: none;
}
/* 続きを読む End */

/* ------------------------------------ */
/* ▼タブレット用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media print, screen and (min-width: 600px) {

section{
	margin-bottom:30px;
}

/* メインブロック 左右の余白 */
.main_block{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

/* 中古パソコン販売会 イメージ */
.only_sp{
	display:none; /* 非表示 */
}

.more_tablet{
	display:block; /* 表示 */
}

/* 見出し (h2) */
main h2{

}

/* 見出し (h3) */
main h3{

}

.vanue_image_x3{
	flex-direction: row; /* 横並び */
	justify-content:space-between;
	margin-bottom:10px;
}

.vanue_image{
	flex-basis:30%;
}

/* 販売会の様子 概要 */
.sale_overview{
	padding:10px;
}

/* 販売会概要 */
.sale_overview{
	padding:10px;
}

/* メーカー 一覧 */
.maker_list{
	display:flex;
	justify-content:space-between;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

/* メーカーロゴ */
.maker_name{
	flex-basis:28%;
}

/* メーカー 読み方 */
.maker_name figcaption{
	margin-top:10px;
}

/* 開催日程 */
.schedule{
	flex-direction:row;
	justify-content:space-between;
}

/* とき・ところ・場所 */
.day{
	padding:10px;
	flex-basis:48%;
}

/* ラインアップ 横並び */
.lineup_block{
	flex-direction:row;
	justify-content:space-between;
	row-gap:0px;
}

/* ラインアップの一例 */
.example{
	padding:10px;
	flex-basis:30%;
	padding-bottom:70px;
}

/* マシン詳細 */
.machine_block{
	flex-direction:column;
	row-gap:20px;
}

/* マシンスペック */
.machine_spec{
	width:100%;
}

/* ラインアップの例 商品価格(税込) */
.tax_in{
	font-size:150%;
}

/* ラインアップの例 商品価格(税別) */
.without_tax{
	font-size:80%;
}

/* ラインアップの例 商品価格 右下に表示*/
.example_price{
	bottom:10px;
	right:10px;
}

/* ラインアップ 補足 */
.lineup_supplement{
	padding:10px;
}

/* セールスポイント一覧 横並び */
.sellingpoint_block{
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
}

/* セールスポイント 項目 画像 縦並び*/
.sellingpoint{
	flex-direction:column;
	padding:10px;
	flex-basis:30%;
}

/* セールスポイント イメージ */
.sellingpoint_image{
	margin-bottom:10px;
}

/* セールスポイント イメージ */
.sellingpoint_overview{
	flex-basis:100%;
}

/* 保証期間 */
.warranty{
	padding:10px;
}

/* お支払い方法 */
.payment{
	padding:10px;
}

/* よくある質問 */
.faq{
	padding:10px;
}

/* 主催者 概要 */
.organize_overview{
	padding:10px;
}

/* 店舗一覧 横並び */
.shoplist{
	flex-direction:row;
	justify-content:space-between;
	row-gap:0px;
}

/* 店舗画像 アクセス */
.shop_block{
	flex-direction:column;
	row-gap:10px;
}

/* 店舗情報 */
.shop{
	padding:10px;
	flex-basis:30%;
}

/* 主催者 概要 */
.organize_soverview{
	padding:10px;
}

/* 主催者 補足 */
.organize_supplement{
	padding:10px;
}

/* サービス一覧 横並び */
.service_list{
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:stretch;
}

/* サービス */
.service{
	padding:10px;
	flex-basis:49%;
}

/* サービス 補足 */
.service_supplement{
	padding:10px;
}

/* 古物商許可 */
.license{
	padding:20px;
}

}/* for Tablet design End */

/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media print, screen and (min-width: 1024px) {

section{
	margin-bottom:40px;
}

/* メーカー */
.maker{	
	border-radius:15px;
}

/* 店舗画像 アクセス */
.service{
	flex-direction:column;
	row-gap:10px;
}

/* サービス */
.service{
	padding:20px;
	flex-basis:24%;
}

}/* for PC design END */

/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media print, screen and (min-width: 1280px) {

.main_block{
	border:1px solid #A9A9A9;
	padding-left:20px;
	padding-right:20px;
}

}/*for PC design END */


/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン（ワイドモニタ対応） */
/* ------------------------------------ */
@media print, screen and (min-width: 1366px) {

/* 見出し (h2) */
main h2{

}

/* 見出し (h3) */
main h3{

}

/* 販売会概要 */
.sale_overview{
	padding:20px;
}

/* 販売会の様子 概要 */
.venue_overview{
	padding:20px;
}

/* とき・ところ・場所 */
.day{
	padding:20px;
}

/* ラインアップの一例 */
.example{
	padding:20px;
	padding-bottom:70px;
}

/* ラインアップの例 商品価格(税込) */
.tax_in{
	font-size:160%;
}

/* ラインアップの例 商品価格 右下に表示*/
.example_price{
	bottom:20px;
	right:20px;
}

/* ラインアップ 補足 */
.lineup_supplement{
	padding:20px;
}

/* 保証期間 */
.warranty{
	padding:20px;
}

/* 中古iPhone販売 */
.used_iphone{
	padding:20px;
}

/* お支払い方法 */
.payment{
	padding:20px;
}

/* よくある質問 */
.faq{
	padding:20px;
}

/* セールスポイント 項目 画像 縦並び*/
.sellingpoint{
	padding:20px;
}

/* 主催者 概要 */
.organize_overview{
	padding:20px;
}

/* 主催者 補足 */
.organize_supplement{
	padding:20px;
}

/* 店舗情報 */
.shop{
	padding:20px;
}

/* サービス 補足 */
.service_supplement{
	padding:20px;
}

}/* for PC design(wide) END */