* { 
    margin: 0px; 
    padding: 0px;
}

body {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
	overflow:hidden;
	overflow-y:auto;
	color: #333;
	letter-spacing: 1.3px;
}

.background {
	width: 100% !important;
	height: 100% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size:cover !important;
	background-attachment:inherit !important;
	position:fixed !important;
}

a, a:link {
	color: #F33;
	text-decoration: none;
}

a:hover {
	color: #06F;
}

ul {
	margin: 50px 0 50px 50px;
}

li {
	line-height: 1.5;
	padding-bottom: 10px;
	font-weight: bold;
}

@media screen and (max-width: 768px){
ul {
	margin: 15px 0 15px 0;
}

li {
	padding: 0 5px 10px 0;
}}

/* リスト枠 */
.ul {
    padding: 15px 40px 5px 50px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	display: inline-block;
}

@media screen and (max-width: 768px){
	.ul {
	width: 90%;
    padding: 15px 0 5px 10%;
}}

/* 仕切りボーダー */
hr {
	width: 100%;
	margin: 15px 0 15px 0;
	border: #F00 solid 1px;
	padding: 0;
}

/* ハーフ */
.half {
	width: 45%;
	margin: 10px 1% 10px;
	float: left;
}

@media screen and (max-width: 768px){
.half {
    width: 94%;
    height: auto;
    overflow: hidden;
    float: inherit;
}}

/* 見出し */
h2 {
	color: #fff;
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	font-weight: bold;
	text-align: center;
	line-height: 2.3;
	margin: 10px 0;
} 

h3 {
	position: relative;
	line-height: 2.5;
	text-align: center;
}

h3:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-size: 1em;
	left: 0;
	top: 0;
	color: #5ab9ff;
}

/* 文章 */
.text {
    color: #fff;
    font-size: 150%;
    line-height: 1.5;
    font-weight: bold;
    text-shadow: #333 1px 1px 1px;
    border: #fff 3px solid;
    border-radius: 8px;
    padding: 7px;
    margin: 15px 0;
    background: #ff42d7;
    clear: both;
}

@media screen and (max-width: 768px){
.text {
    font-size: 120%;
}}

/* ヘッダー */
header {
	width: 100%;
    height: auto;
    padding: 1% 0 0;
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
    overflow: hidden;
}

.header_logo{
	width: 17%;
	height: auto;
	float: left;
}

@media screen and (max-width: 768px){
.header_logo{
	width: 40%;
	height:auto;
	margin-bottom: -3%;
}}

@media screen and (min-width:481px) and (max-width:768px){
.header_logo{
	width: 33%;
	height:auto;
	margin-bottom: -3%;
}}

.header_banner{
	width: 42%;
	height: auto;
	float: left;
	padding-left:30px;
}

.header_contact{
    width: 7%;
    height: auto;
    float: left;
    padding-right: 0.5%;
}

.header_button{
    width: 6.5%;
    height: auto;
    float: right;
    padding-right: 0.5%;
}

@media screen and (max-width: 768px){
.header_button{
    width: 12%;
    height: auto;
    float: right;
    padding-right: 3px;
    padding-top: 5px;
}}

/* スライダー上部 */
.lp_ppc {
	width: 100%;
	height: 750px;
}

@media screen and (max-width: 480px){
.lp_ppc {
	height: 200px;
}}

@media screen and (min-width:481px) and (max-width:768px){
.lp_ppc {
	height: 580px;
}}

@media screen and (min-width:769px) and (max-width:1024px){
.lp_ppc {
	height: 720px;
}}

.lp_ppc_img {
    width: 1000px;
    height: auto;
    margin: -30px auto 0;
    z-index: -1;
}

@media screen and (max-width: 480px){
.lp_ppc_img {
    width: 95%;
    max-width: 300px;
    margin: 0 auto;
    overflow: hidden;
}}

@media screen and (min-width:481px) and (max-width:768px){
.lp_ppc_img {
    width: 95%;
	max-width: 650px;
    margin: 0 auto;
	overflow: hidden;
}}

@media screen and (min-width:769px) and (max-width:1024px){
.lp_ppc_img {
    width: 95%;
	max-width: 800px;
    margin: 0 auto;
	overflow: hidden;
}}

.lp_ppc_img2 {
    width: 1200px;
    height: auto;
    margin: -600px auto 0;
}

@media screen and (max-width: 480px){
.lp_ppc_img2 {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    padding: 0 5px 0;
    margin: -100px auto 0;
	overflow: hidden;
}}

@media screen and (min-width:481px) and (max-width:768px){
.lp_ppc_img2 {
    width: 100%;
    max-width: 630px;
    padding: 0 5px 0;
    margin: -210px auto 0;
    overflow: hidden;
}}

@media screen and (min-width:769px) and (max-width:1024px){
.lp_ppc_img2 {
    width: 100%;
    max-width: 900px;
    padding: 0 5px 0;
    margin: -250px auto 0;
	overflow: hidden;
}}

/* コンテンツ継ぎ目 */
.contents_top {
	background: url(../images/contents_top_pc.png) bottom -1px center / cover no-repeat;
	width: 100%;
	height:200px;
}

@media screen and (max-width: 768px){
.contents_top {
	background: url(../images/contents_top_sp.png) bottom -1px center / cover no-repeat;
	width: 100%;
	height:100px;
}}


/* コンテンツ枠 */
.contents {
	background: #00d8ff;
	width: 100%;
	height:100%;
}

@media screen and (min-width: 769px){
.contents p {
	padding-left: 20px;
}}

/* コンテンツ */
.main {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
    padding: 50px 0 30px 0;
}

/* カテゴリー */
.category {
    width: 31.33%;
    margin: 0 1%;
    float: left;
}

/* RSS */
.rss {
    padding: 1.5%;
    background: #ff42d7;
    border-radius: 15px;
}

@media screen and (max-width: 767px){
.rss {
	border-radius: inherit;
}}

.rss.half a:link,.rss.half p {
    color: #fff;
}

.rss_rss_details {
	float: left;
}

.rss_details p {
    line-height: 1.5;
}

@media screen and (max-width: 767px){
.rss_details p {
    font-size: 12px;
	line-height: 1.3;
}}

.rss_img {
	object-fit: cover;
  	float: left;
    margin: 0 4% 0 0;
}

@media screen and (max-width: 767px){
.rss_img {
    padding: 2%;
}}

/* 見出しイラスト */
.heading_illustration {
    width: 300px;
    margin: 0 auto;
}

/* 注意事項 */
.text_notes {
    color: #666;
    font-size: 110%;
    line-height: 1.4;
    border: #ed1e77 3px solid;
    border-radius: 8px;
    padding: 7px;
    margin: 15px 0;
    background: #ffffff;
    clear: both;
}
@media screen and (max-width: 768px){
.text_notes {
    font-size: 85%;
}}

/* 宅配買取受付フォーム */
#delivery_entry{
    border: #ed1e78 10px solid;
    width: 98%;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 767px){
#delivery_entry{
    border: #ed1e78 5px solid;
    width: 97%;
}}


/* マップ */
.map {
	width: 100%;
	height: auto;
	background: #fff;
    margin-bottom: -8px;
}

/* フッター */
footer {
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	color: #fff;
	text-align:right;
	padding: 15px 100px 15px 0;
	height: 225px;
	letter-spacing: 0;
}

@media screen and (max-width: 1024px){
footer {
	text-align: center;
	padding: 5px 15px 5px 0;
	font-size: 12px;
	height: 90px;
}}

@media screen and (max-width: 767px){
.footer_margin {
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	height: 11vh;
}}

@media screen and (min-width:768px) and (max-width:1024px){
.footer_margin {
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	height: 13vh;
}}

footer a,footer a:link {
	color: #fff;
	text-decoration: none;
}

.info {
	text-align:left;
    padding-left: 100px;
}

@media screen and (max-width: 768px){
.info {
	text-align: center;
	font-size: 12px;
	padding: 0;
}}

/* youtube埋め込み */
.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin: 50px 0 50px;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* cssアニメーション */
.pulse {
  animation: pulse_6619 2s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_6619 {
  0% { transform: scale(1.1) }
  50% { transform: scale(0.8) }
  100% { transform: scale(1.1) }
}

.spin {
  animation: spin_1658 5s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes spin_1658 {
  0% { transform:rotate(0deg) }
  100% { transform:rotate(359deg) }
}

.bounce {
  animation: bounce_7743 1.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_7743 {
  0% { transform:translateY(0) }
  12.5% { transform:translateY(0) }
  25% { transform:translateY(0) }
  50% { transform:translateY(-15px) }
  62.5% { transform:translateY(0) }
  75% { transform:translateY(-15px) }
  100% { transform:translateY(0) }
}

.bounce2 {
  animation: bounce2_7743 1.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce2_7743 {
  0% { transform:translateY(0) }
  12.5% { transform:translateY(0) }
  25% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  62.5% { transform:translateY(-15px) }
  75% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

/* ローディング */
#loading {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	position: absolute;
	top: 70%;
	left: 50%;
	-webkit-transform : translate(-50%,-150%);
	transform : translate(-50%,-150%);
}

@media only screen and (max-width:768px) {
#loading {
	width: 150px;
	height: 150px;
	top: 45%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}}

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
    background: linear-gradient(-45deg, #c500ad, #ffd3d3);
	z-index: 999;
}

/* プログレスバー */
#progress {
    width: 30%;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 62%;
    left: 50%;
    position: absolute;
}

@media only screen and (max-width:768px) {
#progress {
    width: 60%;
    top: 60%;
}}

#progressBar_frame {
    height: 10px;
    width: 101%;
    border: #333 3px solid;
    border-radius: 5px;
    margin-left: -1%;
}

#progressBar {
    height: 5px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: -39px;
}

#progressTxt {
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

/* ヘッダーフローティング */
@media only screen and (max-width:767px) {
#header_floating {
    width: 100%;
	overflow: hidden;
	padding-top:5px;
    position: fixed;
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	z-index: 1;
	top: -500px;
}}

@media only screen and (min-width:768px) and (max-width:1024px) {
#header_floating {
    width: 100%;
	padding-top:5px;
    position: fixed;
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
	z-index: 1;
	top: -500px;
}}

.header_floating {
	width: 100%;
}

.delivery_sp {
	color: #fff;
    width: 95%;
	margin: 0 auto;
	padding-top: 3px;
}

/* フッターフローティング */
#footer_floating {
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
    position: fixed;
    background: linear-gradient(-45deg, #c500ad, #ff3fbb);
}

.footer_floating {
	width: 100%;
}

.contact_sp {
    width: 90%;
    margin: 0 auto;
}

.button_sp {
    width: 18%;
    padding: 0 1%;
	float: left;
}

.contact_pc {
    width: 1200px;
    margin: 0 auto;
}

.delivery_pc {
	color: #fff;
    width: 55%;
	float: left;
}

.button_pc {
    width: 8.5%;
	float: right;
}