body,dl,dt,dd,ul,ol,li,
embed,object { 
	margin: 0;
	padding: 0;
	vertical-align: baseline; 
	font-size: 100.01%;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

#article {
	background: #fff;
	padding: 60px;
	height: 1000px;
	margin: 0 auto 60px;
	width: auto;
}
#page-top {
	text-align: right;
	margin-top: 20px;
}
#page-top a {
	color:#666;
	text-decoration: none;
}
#page-top a:hover {
	text-decoration: underline;
}


/* ======================================== */
.nav {
	/*padding: 0 20px;*/
	margin: 0 auto 30px;
	width: auto;
	font-size: 85%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #333;
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: -o-linear-gradient(top, #666, #333);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.nav li {
	list-style: none;
	float: left;
}
.nav li a {
	text-decoration: none;
	color: #fff;
	padding: 8px 7px;
	display: block;
	/* width: 100px; */
}
.nav li a:hover {
	background: #666;
}

/* サブナビゲーション */
.nav li ul {
	display: none;
	position: absolute;
	font-size: 85%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.nav li ul li {
	float: none;
}
.nav li ul li a {
	background: #444;
}
.nav li ul li:last-child a {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
/* ======================================== */




/*	参考
	div class の使用方法
	http://open.shonan.bunkyo.ac.jp/~ohtan/homepage-guide/css-kihon.html

	dl、dt、dd を横並びにする方法
	https://qiita.com/setonao/items/b88a51a67b5a405c8566

	dl要素（dtとdd）を横並びにする方法
	https://sakuragraphica.jp/web_construction/web_html_css/post-421/

	HTMLの表示/非表示を切り替える2つの方法 displayプロパティとvisibilityプロパティ
	https://allabout.co.jp/gm/gc/23973/

	CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！
	https://jajaaan.co.jp/css/css-headline/
*/

#contents {
	/*width:900px;*/
}


body {
	/*padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	50px;
	margin-right:	50px;

	min-width:		700px;
	max-width:		700px;*/
	line-height:	190%;
	letter-spacing:	0.01em;

	/*width: 			70%;*/
	/*margin: 		0 auto;*/
	/*max-width:		900px;*/

	text-align:		center;

	/*background:			url(icelandic_krona_bg.jpg) no-repeat center 0;*/
	/*background-color:	#faf5f5;*/
	color:			#000000;	/* font color */
	font-size:		12pt;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


div#wrapper {  

	padding-left:	15px;
	padding-right:	15px;

	/*width:		900px;*/
	max-width:		900px;
	margin:			0 auto;
	text-align:		left;
	border:			0px solid #FF0000;
	-webkit-text-size-adjust:	100%;
}


/*
	link　→未リンク（まだ訪れていないリンク）色
	visited　→リンク済（訪問済みリンク）色
	active　→リンク中（直前に訪問してリンク中）色
	hover　→マウスが上にあるリンク
*/
a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	color: blue;
	text-decoration: none;
}
a:active {
	color: blue;
	text-decoration: none;
}
a:hover {
	color: indigo;
	text-decoration: none;
}


h1 {
	padding-top:		0px;
	padding-bottom:		0px;
	padding-left:		0px;
	padding-right:		0px;

	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		0px;
	margin-right:		0px;

	display:			inline;	/* 重要：改行しない */
	text-decoration:	none;
	font-weight:		normal;
	font-size:			100%;	/*10pt;*/
}



h2{
	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		5px;
	padding-right:		0px;

	margin-top:			0px;	/* 12px; */
	margin-bottom:		0px;	/* 12px; */
	margin-left:		0px;
	margin-right:		0px;

	text-decoration:	none;
	font-weight:		bold;
	color:				#000000;	/* font color */
	font-size:			16pt;

	border-bottom-width:	10px;		/* 15px; */
	border-bottom-color:	lime;		/* silver */
	border-bottom-style:	groove;		/* groove */

	line-height:	120%;
/*
	toryburch

	text-decoration:	none;
	font-weight:		bold;
	color:				#000000;
	font-size:			16pt;

	border-bottom-width:	15px;
	border-bottom-color:	#ffa24c;
	border-bottom-style:	groove;
*/

/*
	celine

	text-decoration:	none;
	font-weight: 		bold;
	color:				#000000;
	font-size:			16pt;

	border-bottom-width:	15px;
	border-bottom-color:	#ebf6f7;
	border-bottom-style:	groove;
*/
}


h3{
/*
	toryburch

	background:		#ff9533;
	color:			#ffffff;
*/
/*
	celine

	background:		#1e50a2;
	color:			#ffffff;
*/
	background:		limegreen;	/* #eeeeee; */
	color:			#ffffff;	/* font color */

	padding-top:	10px;		/* 3px; */
	padding-bottom:	10px;		/* 2px; */
	padding-left:	15px;		/* 5px; */
	padding-right:	0px;

	margin-top:		35px;
	margin-bottom:	14px;
	margin-left:	0px;
	margin-right:	0px;

	text-decoration:	none;
	font-weight:		bold;
	font-size: 			15pt;
/*
	border-width:		1px;
	border-style:		solid;
	border-color:		#53727d;
*/


/*
	toryburch

	text-decoration:	none;
	font-weight:		bold;
	font-size: 			12pt;

	border-width:		1px;
	border-style:		solid;
	border-color:		#cd5c5c;
*/

/*
	celine

	text-decoration:	none;
	font-weight:		bold;
	font-size: 			12pt;
*/
}


h4{
	border-bottom:	solid 1.5px limegreen;	/* solid 1px #cccccc; */

	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		10px;
	padding-right:		0px;

	margin-top:			30px;
	margin-bottom:		14px;
	margin-left:		0px;
	margin-right:		0px;

	text-decoration:	none;
	font-weight:		bold;
	font-size:			14pt;	/* 12pt; */
}

p {
	margin-top:			14px;
	margin-bottom:		18px;
	margin-left:		12px;
	margin-right:		12px;
}

ul {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		20px;
	margin-right:		0px;
}

li {
	margin-top:			0px;
	margin-bottom:		0.5px;
	margin-left:		0px;
	margin-right:		0px;
}


ol {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		30px;
	margin-right:		0px;
}


dl {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		7px;
	margin-right:		0px;
}

dd {
	margin-top:			0px;
	margin-bottom:		5px;
	margin-left:		0px;
	margin-right:		0px;
}

.bag_spec dt {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		0px;
	margin-right:		0px;
	/* color:				#333333;	font color */
}

.bag_spec dd {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		15px;
	margin-right:		0px;
	/* color:				#333333;	font color */
}

.shop dt {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		0px;
	margin-right:		0px;
	/* color:				#333333;	font color */
}

.shop dd {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		15px;
	margin-right:		0px;
	/* color:				#333333;	font color */
}

table {
	border-style:		solid;
	border-color:		#000000;
	border-width:		1px;
	border-collapse:	collapse;

	padding-top:		0px;
	padding-bottom:		0px;
	padding-left:		0px;
	padding-right:		0px;

	margin-top:			15px;
	margin-bottom:		15px;;
	margin-left:		0px;
	margin-right:		0px;
}

th{
	border-top:		1px solid #000000;
	border-bottom:	1px solid #000000;
	border-left:	1px solid #000000;
	border-right:	1px solid #000000;

	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;

	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	background-color:	whitesmoke;
	color:				#323232;	/* font color */
	text-align:			center;
	font-weight:		normal;
	font-size:			12pt;

	/* 参考 https://csshtml.work/table-break-word/ */
	/* word-break:break-all; */
	word-break:break-word;
}

td{
	border-top:		1px solid #000000;
	border-bottom:	1px solid #000000;
	border-left:	1px solid #000000;
	border-right:	1px solid #000000;

	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;

	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	/*background-color:	#ffffff;*/
	/*color:				#000000;*/	/* font color */
	text-align:			left;
	font-weight:		normal;
	font-size:			12pt;

	/* 参考 https://csshtml.work/table-break-word/ */
	/* word-break:break-all; */
	word-break:break-word;
}

blockquote{
	margin-top:			15px;
	margin-bottom:		15px;
	margin-left:		0px;
	margin-right:		0px;

	padding-top:		1px;
	padding-bottom:		1px;
	padding-left:		0px;
	padding-right:		0px;

	background:			whitesmoke;	/*背景色*/
}

.blockquote_box p {
	margin-top:			14px;
	margin-bottom:		14px;
	margin-left:		12px;
	margin-right:		12px;
}

/*
	CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！
	https://jajaaan.co.jp/css/css-headline/
*/
.box01 {
	position:		relative;
	margin:			2em 0;
	padding-top:	30px;
	padding-bottom:	5px;
	padding-left:	10px;
	padding-right:	5px;
	border:			solid 2px limegreen;
}
.box01 .box-title {
	position:		absolute;
	display:		inline-block;
	top:			-2px;
	left:			-2px;
	padding-top:	5px;
	padding-bottom:	0px;
	padding-left:	9px;
	padding-right:	9px;
	height:			38px;
	line-height:	35px;
	font-size:		20px;
	background:		darkorange;
	color:			#ffffff;
	font-weight:	bold;
}
.box01 p {
	margin-top:		20px;
	margin-bottom:	6px;
	margin-left:	12px;
	margin-right:	12px;
}

.box01 li p {
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	1px;
	margin-right:	7px;
	line-height:	160%;
}

.box01 ul {
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	30px;
	margin-right:	0px;
}

.box01 li {
	margin-top:		0px;
	margin-bottom:	10px;
	margin-left:	0px;
	margin-right:	0px;
}

.box01 ol {
	margin-top:		17px;
	margin-bottom:	0px;
	margin-left:	25px;
	margin-right:	0px;
}

.box01 dl {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		7px;
	margin-right:		0px;
}

.box01 dd {
	margin-top:			0px;
	margin-bottom:		5px;
	margin-left:		0px;
	margin-right:		0px;
}



/*
	吹き出し
	https://pote-chil.com/css-stock/ja/balloon

	<div class="balloon-001">
    枠線付きのシンプルな吹き出し。枠線をコントラストの強い色にすると、より目立たせることができます。
	</div>

*/
/* 左向き */
.balloon_left_001 {
    display: flex;
    align-items: center;
    position: relative;
    /*max-width: 300px;*/
    margin-left: 15px;
    padding: .0em 0em;
    border: 3px solid whitesmoke;
    border-radius: 5px;
    background-color: #fff;
    color: #333333;
}

.balloon_left_001::before,
.balloon_left_001::after {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}

.balloon_left_001::before {
    background-color: whitesmoke;
}

.balloon_left_001::after {
    left: -11px;
    background-color: #fff;
}


/* 右向き */
.balloon_right_001 {
    display: flex;
    align-items: center;
    position: relative;
    /*max-width: 300px;*/
    margin-right: 15px;
    padding: .0em 0em;
    border: 3px solid whitesmoke;
    border-radius: 5px;
    background-color: #fff;
    color: #333333;
}

.balloon_right_001::before,
.balloon_right_001::after {
    position: absolute;
    right: -15px;
    width: 15px;
    height: 30px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}

.balloon_right_001::before {
    background-color: whitesmoke;
}

.balloon_right_001::after {
    right: -11px;
    background-color: #fff;
}


/*
	吹き出し 画像あり
	https://pote-chil.com/css-stock/ja/balloon
	
	<div class="balloon-img-001">
    <!-- お好きなアイコン画像を指定してください -->
    <img src="/css-stock/img/oteto-icon.svg" alt="" />
    <p>これは会話風の吹き出しです。お好きなアイコン画像を指定できます。</p>
	</div>

*/
.balloon-img-001 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
}

.balloon-img-001 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.balloon-img-001 p {
    position: relative;
    max-width: 300px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #333333;
}

.balloon-img-001 p::before {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    background-color: #f2f2f2;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}



/*
strong { font-weight: normal;}
*/


/* ブランド 買取 ボタン */

/* 青いボタン */
    /* 文字サイズを1.4emに指定 */
 
    /* 文字の太さをboldに指定 */
 
    /* 縦方向に10px、
     * 横方向に40pxの余白を指定 */
 
    /* 背景色を濃い青色に指定 */
 
    /* 文字色を白色に指定 */
 
    /* ボーダーをなくす */



/* 11ピンク ボタン */
button.button11 {
   	font-size: 1.4em;
  	font-weight: bold;
 	padding: 10px 40px;
 	background-color: ##ED87C4;
 	color: #fff;
 	border-style: none;
}

/* 12オレンジ ボタン */
button.button12 {
	font-size: 1.4em;
 	font-weight: bold;
	padding: 10px 40px;
	background-color: #EDC187;
	color: #fff;
 	border-style: none;
}

/* 13黄緑 ボタン */
button.button13 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #B3ED87;
	color: #fff;
	border-style: none;
}

/* 14グリーン ボタン */
button.button14 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #87EDC1;
	color: #fff;
	border-style: none;
}

/* 15ブルー ボタン */
button.button15 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #87B3ED;
	color: #fff;
	border-style: none;
}

/* 16紫 ボタン */
button.button16 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #C187ED;
	color: #fff;
	border-style: none;
}

/* 17ピンク ボタン */
button.button17 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #EE87B4;
	color: #fff;
	border-style: none;
}

/* ボタン アニメーション */
#btn_animation .btn {
	width: 90%;
	transform: translate(5%, 0%);
	display: block;
	position: relative;
	text-decoration: none;
	background-color: #0078ba;
	text-align: center;
	overflow: hidden;
}

#btn_animation .btn:hover {
	text-decoration: none;
}

#btn_animation .btn::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #ffffff;
	animation: btn_animation 2.5s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



/* 金色 こんじき #e6b422 */

h6 {
	position: relative;
	padding: 1em 0;
	font-weight:	bold;
	font-size:		12.5pt;
}
h6::before,
h6::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
h6::before {
	top: 0;
	border-top: 2px solid #e6b422;
	border-bottom: 1px solid #e6b422;
}
h6::after {
	bottom: 0;
	border-top: 1px solid #e6b422;
	border-bottom: 2px solid #e6b422;
}



/*
	youtube
*/
/* 動画全体の横幅を指定するためのdiv */
.youtube-wrap-smartphone {
	max-width:	100%;	/* ここに動画の横幅を指定 */
}
.youtube-wrap-pc {
	max-width:	50%;	/* ここに動画の横幅を指定 */
}

/* 動画を囲うdiv */
.youtube {
	position:		relative;
	width:			100%;	/* 横幅は100%で固定 */
	height:			0;		/* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top:	56.25%;	/* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.youtube iframe{
	position:	absolute;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
}