@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Dela+Gothic+One&family=Luckiest+Guy&family=Mochiy+Pop+One&family=Noto+Sans+JP:wght@100..900&family=Play:wght@400;700&family=Rampart+One&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap');

.font{
    font-family: "Roboto Condensed", sans-serif;
    font-family: "Mochiy Pop One", sans-serif;
    font-family: "Black Ops One", system-ui;
    font-family: "Rampart One", sans-serif;
    font-family: "Tourney", sans-serif;
    font-family: "Dela Gothic One", sans-serif;
    font-family: "Luckiest Guy", cursive;
    font-family: "Play", sans-serif;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.top_cam_slick .slick-prev:before,
.top_cam_slick .slick-next:before {
  color: #E2513A; /* ← 好きな色に */
/*  font-size: 30px;*/
  opacity: 1;
}


html { scroll-behavior: smooth;}
body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	color: #3E3A39;
	overflow-x: hidden;
}
#head_tel_onlySP {
    display: none;
}

.spacer {
    background-color: #3A91E2;
    height: 136px;
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	height: auto;
}
h1,h2,h3,h4,h5,h6,p {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.cl {
	clear: both;
}
a {  
  color: inherit;
	text-decoration: none;
}
a:hover {
      opacity:0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha( opacity=70 )";
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
li{
	margin: 0;
	padding: 0;
}
.hannou_side {
    width: 56px;
    position: fixed;
    z-index: 998;
    top: 40%;
    right: 0;
    background-color: #FFFFFF;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.22);
}
.hannou_side ul li a img {
    width: 100%;
}
.kadomaru6 {
    border-radius: 6px;
}

.hannou_side ul {
    padding: 8px;
}
.hannou_side ul li {
    margin-top: 4px;
    margin-bottom: 4px;
}
.hannou_foot {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    background-color: #F0EEE7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 8px;
    padding-right: 2.3%;
    padding-left: 2.3%;
    padding-bottom: 8px;
    box-sizing: border-box;
    border-top: 3px solid #3E3A39;
    border-right: 3px solid #3E3A39;
    border-left: 3px solid #3E3A39;
    display: flex;
    justify-content: center;
}
.hannou_foot .hannou_telteltel_P {
    font-size: 22px;
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.hannou_foot ul {
    display: flex;
    justify-content: center;
    /* [disabled]background-color: #9E2917; */
    margin-left: 24px;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 16px;
}
.hannou_foot ul li {
    /* [disabled]width: 32.3%; */
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #FFFFFF;
}
.hannou_foot ul .han_24_li {
    background-image: url(../images/24hG.svg);
    background-repeat: no-repeat;
    border-radius: 8px;
    width: 32px;
    background-position: 0% center;
    border-style: none;
    margin-right: 16px;
}


.hannou_foot ul li a{
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
}
.F_H_inst {
    background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
    border-radius: 4px;
    color: white;
}
.F_H_inst a img {
    width: 22px;
    margin-right: 8px;
}
.F_H_inst a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}


.F_H_x {
    border-radius: 4px;
    color: white;
    background-color: #000000;
}
.F_H_x a img {
    width: 22px;
    margin-right: 8px;
}
.F_H_x a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}


.F_H_tel img {
    width: 20px;
    margin-right: 8px;
    padding-bottom: 4px;
}
.F_H_tel {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    background-color: #F5F3EF;
    border-radius: 4px;
    border: 1px solid #3E3A39;
    font-weight: 500;
    padding-left: 16px;
    padding-right: 16px;
}


.F_H_mail {
    background-color: #E2513A;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: 500;
}
.F_H_mail a img {
    width: 22px;
    margin-right: 8px;
}
.F_H_mail a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}



.F_H_line {
    background-color: #00B900;
    border-radius: 4px;
    color: #FFFFFF;
}
.F_H_line a img {
    width: 22px;
    margin-right: 8px;
}
.F_H_line a {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    font-weight: 500;
}
/*
.F_H_line a:hover {
    background-color: #3E3A39;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 4px;
    -ms-filter: "alpha( opacity=100 )";
}
.F_H_mail a:hover {
    background-color: #3E3A39;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 4px;
    -ms-filter: "alpha( opacity=100 )";
}
*/
.F_H_line a:hover,
.F_H_inst a:hover,
.F_H_x a:hover,
.F_H_mail a:hover {
    background-color: #3E3A39;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 4px;
    -ms-filter: "alpha( opacity=100 )";
    filter: alpha(opacity=100);
    /* ↓追加することで、下の色を完全に覆い隠します */
    background-clip: padding-box;
    box-shadow: none;
}
.F_H_line a,
.F_H_mail a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding-top: 6px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
}








#sp_navi{
	display: none;
}
header{
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999;
	
}
#header_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2.3%;
}
#head_logo {
    width: 186px;
	
}
#head_logo a{
    display: block;
	
}
#head_logo img{
    width: 100%;
}
#head_right{
	display: flex;
}
.head_r_contact_wrap {
    background-color: #9E2917;
    display: flex;
    margin-left: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 16px;
    background-image: url(../images/24hhh.svg);
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: auto 12px;
}
.head_r_contact_wrap .uketuke24_head {
    width: 100%;
    background-color: #C99797;
}


#head_line {
    margin-left: 0px;
    background-color: #00B900;
}

#head_tel{
    /* [disabled]padding-top: 32px; */
    display: flex;
    align-items: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
#head_tel_top{
    display: flex;
    align-items: center;
}
#head_tel_top img{
    width: 32px;
    margin-right: 10px;
    display: inline-block;
}
#head_tel_top p{
    font-size: 32px;
    line-height: 1em;
    font-weight: 700;
}
#head_tel_op{
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
    text-align: right;
    margin-top: 4px;
}

#head_mail{

	
}
#head_mail a{
    box-sizing: border-box;
    padding-top: 2px;
    width: 72px;
    height: 72px;
    background-color: #E2513A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#head_mail img{
    width: auto;
    margin-bottom: 8px;
    display: inline-block;
    height: 20px;
}
#head_mail p{
    color: #FBFBF2;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: 500;
}
#head_mail a:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    border: 6px solid #3E3A39;
}


#head_line a{
    box-sizing: border-box;
    padding-top: 2px;
    width: 72px;
    background-color: #00B900;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 10px;
    /*
    padding-left: 6px;
    padding-right: 6px;
*/
    text-align: center;
    line-height: 1.2em;
    font-weight: 500;
    position: relative;
    height: 72px;
}
#head_line a:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    /*    background-color: #959595;*/
    border: 6px solid #3E3A39;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#head_line img{
    width: auto;
    display: block;
    margin-bottom: 6px;
    height: 20px;
}
#head_right #head_line a .twenty4 {
    width: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
}

#head_line p{
	color: #FBFBF2;
	font-size: 11px;
	line-height: 1em;
	font-weight: 600;
}


#head_inst a{
    box-sizing: border-box;
    padding-top: 2px;
    width: 72px;
    height: 72px;
    background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 10px;
    /*
    padding-left: 6px;
    padding-right: 6px;
*/
    text-align: center;
    line-height: 1.2em;
    font-weight: 500;
}
#head_inst a:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    /*    background-color: #959595;*/
    border: 6px solid #3E3A39;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#head_inst img{
    width: auto;
    display: block;
    margin-bottom: 6px;
    height: 20px;
}
#head_inst p{
	color: #FBFBF2;
	font-size: 11px;
	line-height: 1em;
	font-weight: 600;
}



#head_x a{
    box-sizing: border-box;
    padding-top: 2px;
    width: 72px;
    height: 72px;
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 10px;
    /*
    padding-left: 6px;
    padding-right: 6px;
*/
    text-align: center;
    line-height: 1.2em;
    font-weight: 500;
}
#head_x a:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    /*    background-color: #959595;*/
    border: 6px solid #3E3A39;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#head_x img{
    width: auto;
    display: block;
    margin-bottom: 6px;
    height: 20px;
}
#head_x p{
	color: #FBFBF2;
	font-size: 11px;
	line-height: 1em;
	font-weight: 600;
}














#pc_navi{
	background-color: #3E3A39;
}
#pc_navi ul{
    display: flex;
    flex-wrap: wrap;
    /*	width: 80%;*/
    margin-right: 2.3%;
    margin-left: 2.3%;
    justify-content: center;
}
#pc_navi ul li{
    background-size: 11px auto;
    background-position: left center;
    width: 12.5%;
    text-align: center;
    /* [disabled]border-left: 1px solid #999190; */
    height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/cross_wh.svg);
    background-repeat: no-repeat;
    padding-left: 11px;
	
}
#pc_navi ul li:last-child {
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: right center,left center;
    /* [disabled]border-right: 1px solid #999190; */
    padding-right: 11px;
    padding-left: 11px;
    background-image: url(../images/cross_wh.svg),url(../images/cross_wh.svg);
}
#pc_navi ul li a{
    display: flex;
    align-items: center; /* ← 縦中央揃え */
    justify-content: center; /* ← 横中央揃え（必要なら） */
    width: 100%;
    color: #FBFBF2;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    /* [disabled]padding-top: 20px; */
    /* [disabled]padding-bottom: 20px; */
    height: 100%;
}
.gnav li a:hover  {
    background-color: #E2513A;
    color: #FFFFFF;
    opacity:1;
      filter: alpha(opacity=100);
      -ms-filter: "alpha( opacity=100 )";
}

#pc_navi ul li:last-child a{

}
/*ヘッダーここまで*/



/*ここからトップページ*/
.content_wrap{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 7.69%;
    padding-right: 7.69%;
    margin-bottom: 5.38%;
}
.kage-tit{
    line-height: 1em;
    text-align: center;
    margin-bottom: 3.07%;
    position: relative;
    color: #DCD7CACC;
    font-size: 136px;
    font-weight: normal;
    font-family: "Luckiest Guy", cursive;
}
.kage-tit.where{
	font-size: 96px;
}
.kage-tit::after{
	position: absolute;
	content: "秋葉原来店・出張・宅配買取";
	color: #3E3A39;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 48px;
	line-height: 1em;
	font-weight: normal;
    font-family: "Dela Gothic One", sans-serif;
}
.kage-tit.where::after{
	position: absolute;
	content: "実店舗のご案内";
	color: #3E3A39;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 48px;
	line-height: 1em;
	font-weight: normal;
}
.sub-catch p{
	text-align: center;
	font-size: 17px;
	line-height: 1.8em;
	font-weight: 700;
}
.catch p{
	font-size: 21px;
	line-height: 1.7em;
	font-weight: 600;
	text-align: center;
}
.cross-tit{
	background-image: url(../images/cross_ora.svg);
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: center top;
    padding-top: 42px;
}
.cross-tit h2{
    text-align: center;
    font-size: 48px;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 2.3%;
    font-family: "Dela Gothic One", sans-serif;
}
.cross-tit h2 strong {
    font-weight: normal;
    display: inline-block;
}

.cross-tit h2 span{
	display: block;
	margin-top: 8px;
	font-size: 21px;
}
.more_btn{
	text-align: center;
}
.more_btn a{
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	background-color: #E2513A;
	color: #FFFFFF;
	padding: 16px 56px;
	box-shadow: 4px 4px 0px #3E3A39;
	display: inline-block;
}
.mini_btn{
    text-align: center;
    margin-top: auto;
}
.mini_btn a{
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
    background-color: #E2513A;
    color: #FFFFFF;
    padding-top: 14px;
    /* [disabled]padding-right: 72px; */
    /* [disabled]padding-left: 72px; */
    padding-bottom: 14px;
    /* [disabled]padding-right: 72px; */
    box-shadow: 6px 6px 0px #3E3A39;
    display: block;
    background-image: url("../images/wh-btn.svg");
    background-repeat: no-repeat;
    background-position: right 24px top 51.53%;
    background-size: 10px auto;
    -webkit-box-shadow: 6px 6px 0px #3E3A39;
    /* [disabled]width: fit-content; */
    margin-left: auto;
    margin-right: auto;
}
.content_wrap_box{
    background-color: #F0EEE7;
    padding-top: 5.38%;
    padding-bottom: 1px;
}
.content_wrap_box.white {
    background-color: #FFFFFF;
}

.contact{
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 2px solid #3E3A39;
    padding: 5.38% 6.15%;
    border-radius: 8px;
}
.contact .riyousimasen {
    text-align: center;
    font-size: 13px;
}

.contact .conBox_p1 {
    text-align: center;
    margin-top: 3.84%;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 16px;
    color: #920E14;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
}

.contact_t_ue {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.contact_t_tel {
    width: 47.69%;
}
.contact_t_logo {
    width: 40%;
}
.contact_t_tel_img {
    width: 48px;
    margin-right: 16px;
}
.contact_t_tel .contact_t_uketuke {
    text-align: center;
    border-bottom: 2px dotted #3E3A39;
    border-top: 2px dotted #3E3A39;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    margin-top: 24px;
}
.contact_t_tel .contact_t_tel_BIG {
    font-size: 48px;
    font-weight: bold;
}
.contact_t_UL li a {
    text-align: center;
    display: block;
    color: #FFFFFF;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    background-image: url(../images/wh-btn.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px auto;
    /* [disabled]position: relative; */
}
.contact_t_UL li a span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_t_UL li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    background-color: #3E3A39;
    height: 100%;
}



/*
.contact_t_UL li a::before, .contact_t_UL li a::after {
  content: "";
  position: absolute;
  background-color: #0077EB;
  transition: 0.3s;
}

.contact_t_UL li a::before {
  height: 2px;
  width: 0%;
  top: 0;
  left: 0;
}

.contact_t_UL li a::after {
  height: 0%;
  width: 2px;
  bottom: 0;
  right: 0;
}

.contact_t_UL li a:hover::before {
  width: 100%;
}

.contact_t_UL li a:hover::after {
  height: 100%;
}
*/











.contact h2{
	text-align: center;
	font-size: 36px;
    line-height: 1em;
    font-weight: 750;
	margin-bottom: 3.84%;
}
.contact_t_sita {
    margin-top: 3.84%;
}
.contact_t_sita .contact_t_UL li:nth-child(1) {
    background-color: #00B900;
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.80);
    box-shadow: 5px 5px rgba(0,0,0,0.80);
}
.contact_t_sita .contact_t_UL li:nth-child(2) {
    background-color: #E2513A;
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.80);
    box-shadow: 5px 5px rgba(0,0,0,0.80);
}
/*
.contact_t_sita .contact_t_UL .concon_mail {
    background-color: #E2513A;
    border-style: none;
}
*/
.concon_line a img {
    width: 32px;
    margin-right: 16px;
}
.concon_mail a img {
    width: 32px;
    margin-right: 16px;
}
.PPPageTop {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    line-height: 32px;
}
.PPPageTop a {
    padding: 8px;
    display: block;
    background-color: rgba(255,255,255,0.83);
    margin: 0px;
    line-height: 1;
}

.PPPageTop a .pageTop {
    width: 16px;
}










.contact ul{
	box-sizing: border-box;
	display: flex;
}
.contact ul li{
	box-sizing: border-box;
	width: 47.69%;
	margin-right:4.62%;
	display: flex;
	flex-direction: column;
	
}
.contact ul li:last-child{
	margin-right: 0;
}
.conta_li_ue{
	box-sizing: border-box;
	height: 100%;
}
.conta_logo{
	box-sizing: border-box;
	width: 90%;
}
.conta_logo img{
	box-sizing: border-box;
	width: 100%;
}
.conta_btn{
	box-sizing: border-box;
	margin-top: 8.46%;
}
.conta_btn a{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #E2513A;
    padding: 16px 28px;
    box-shadow: 5px 5px 0px #3E3A39;
    background-image: url("../images/wh-btn.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 10px auto;
    text-align: center;
    justify-content: center;
}
.conta_btn_ico{
	box-sizing: border-box;
	width: 10%;
	display: inline-block;
	margin-right: 10px;
}
.contact ul li:last-child .conta_btn_ico{
	width: 9.23%;
}
.conta_btn_ico img{
	box-sizing: border-box;
	width: 100%;
}
.conta_btn p{
	box-sizing: border-box;
	font-size: 19px;
    font-weight: 600;
    line-height: 1.3em;
    color: #FFFFFF;	
}
.conta_tel_ue{
	box-sizing: border-box;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
}
.conta_tel_img{
	box-sizing: border-box;
	width: 13.84%;
	margin-right: 8px;
}
.conta_tel_img img{
	box-sizing: border-box;
	width: 100%;
}
.conta_tel_ue a{
	box-sizing: border-box;
	font-size: 48px;
    line-height: 1.1em;
    font-weight: 700;
}
.conta_tel_sita{
	box-sizing: border-box;
	text-align: center;
	font-size: 22px;
	line-height: 1.3em;
	font-weight: 600;
	border-top: dotted 2px #3E3A39;
	border-bottom: dotted 2px #3E3A39;
	padding-top: 8px;
	padding-bottom: 9px;
}
.no-link{
	pointer-events: none; 
}
.inline-b{
	display: inline-block;
}

/*ここからフッター*/
footer{
    background-color: #3E3A39;
    padding-top: 4.61%;
    padding-right: 6.92%;
    padding-left: 6.92%;
    /* [disabled]padding-bottom: 6.92%; */
    /* [disabled]padding-bottom: 6.92%; */
}
.hannou_foot_SPSP {
    display: none;
}

#foot_logo{
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	margin-bottom: 4.61%;
}
#foot_logo img{
	width: 100%;
}
#foot_add{
	text-align: center;
    line-height: 1.7em;
    font-weight: 500;
    font-size: 15px;
	color: #FFFFFF;
}
.title_wrap {
/*     background-image: url(../images/titleBG.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5.38% 2.3%;
    display: flex;
    justify-content: center;
	

}
.page_title {
    background-color: #E2513A;
    -webkit-box-shadow: 8px 8px #3E3A39;
    box-shadow: 8px 8px #3E3A39;
    padding-top: 16px;
    padding-right: 104px;
    padding-left: 104px;
    padding-bottom: 16px;
    border-radius: 8px;
    width: fit-content;
    background-image: url(../images/logo3.svg),url(../images/logo3.svg);
    background-repeat: no-repeat;
    background-position: 6% center,94% center;
    background-size: 40px auto;
}
.page_title .h1h1_abc {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Black Ops One";
}


.title_wrap h1 {
    color: #FFFFFF;
    font-size: 40px;
    background: linear-gradient(90deg, #fff 0% 100%);
    background-repeat: no-repeat;
    background-size: 96px 2px;
    background-position: center bottom;
    margin-bottom: 8px;
    padding-bottom: 16px;
    text-shadow: 2px 2px #3E3A39;
}
.area_wrap2 .area2_inner {
    padding: 5.38%;
    background-color: rgba(226,81,58,0.75);
}
.area_wrap2 {
    background-image: url(../images/bgbg1.png);
}
#area2-1_inner {
    border-radius: 16px;
    background-color: #FFFFFF;
    padding: 3.84%;
    border: 3px solid #3E3A39;
}
#area2-1_flex {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.area2-1-L {
    width: 67.46%;
}
.area21-LL {
    width: 228px;
    flex-shrink: 0; /* 縮まないようにする */
    flex-grow: 0;   /* 伸びないようにする */
    margin-right: 4.61%;
}

.area21_RR {
    flex-grow: 1;  /* 残りのスペースを取る */
    flex-basis: 0; /* 初期サイズを0にして均等配分 */
}



.area2-1_map {
    width: 28.46%;
}
.area2-1_map img {
    width: 100%;
}
.area2-1_text {
    display: flex;
    align-items: center;
}
.area21_RR h3 {
    font-size: 24px;
}
.area21_RR h3 strong {
    display: block;
    background-color: #F0EEE7;
    text-align: center;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}


.area21_ban {
    width: 100%;
}
.kaitori_way {
    padding-top: 3.84%;
    padding-right: 5.38%;
    padding-left: 5.38%;
    padding-bottom: 3.84%;
    background-image: url(../images/S__25427972_0_R.jpg);
    background-size: cover;
}
.kaitori_way_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.kaitori_way_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kaitori_way_each {
    background-color: #FFFFFF;
    width: 31.53%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3.07%;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.kitr_way_BT a {
    background-color: #3E3A39;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding-top: 16px;
    border-radius: 6px;
    padding-bottom: 16px;
    -webkit-box-shadow: 3px 3px #E2513A;
    box-shadow: 3px 3px #E2513A;
    background-image: url(../images/arro_ore.svg);
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 16px auto;
}
.kitr_way_BT {
    margin-top: 24px;
}


.kaitori_way_each h3 {
    color: #920E14;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
    text-align: center;
    margin-bottom: 16px;
    border-bottom: 3px solid #920E14;
    font-size: 26px;
}
.way_map_img {
    padding: 32px;
    background-color: #F0EEE7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 16px;
}
.foot_navi_wrap {
    color: #FFFFFF;
    margin-bottom: 3.84%;
}
.foot_navi_wrap ul li {
    font-size: 15px;
    width: 18.46%;
    margin-right: 1.92%;
    margin-bottom: 8px;

}
.foot_navi_wrap ul li:nth-child(5n) {
    margin-right: 0px;
}
.foot_navi_wrap ul {
    display: flex;
    flex-wrap: wrap;
}
.foot_navi_wrap a {
    color: #FFFFFF;
}
.foot_navi_wrap h3 {
    margin-bottom: 16px;
    margin-top: 16px;
    font-size: 18px;
}
.foot_navi_wrap .F_navi1_UL li h3 {
    margin-top: 0px;
}

.foot_navi_wrap h3 a {
    border-bottom: 1px dashed #FFFFFF;
    padding-bottom: 4px;
}
.foot_navi_wrap .F_navi1_UL li {
    font-size: 18px;
    width: auto;
    line-height: 18px;
}
.hannou_foot p .hannou_teltel_img {
    width: 24px;
    margin-right: 8px;
    margin-bottom: 2px;
}

.mokuji .mokuji_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.mokuji {
    padding-left: 5.38%;
    padding-right: 5.38%;
    padding-top: 24px;
    padding-bottom: 24px;
}
/*
.mokuji_inner h2 {
    text-align: center;
}
*/

    .mokuji h2 {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1;
    justify-content: center;
    }




    .material-symbols-outlined {
      margin-left: 8px;
      transition: transform 0.3s ease;
    }


.mokuji_inner ul li {
    width: 31.53%;
    margin-right: 2.69%;
    margin-top: 8px;
    margin-bottom: 8px;
}
.mokuji_inner ul li:nth-child(3n) {
    margin-right: 0px;
}
    .mokuji.open .material-symbols-outlined {
      transform: rotate(180deg);
    }
.mokuji_list_wrap {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}

.mokuji.open .mokuji_list_wrap {
    max-height: 1000px; /* 大きめにしておく */
    opacity: 1;
    margin-top: 24px;
}

/* ulそのものはflexでOK */
.mokuji_list_wrap ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: decimal;
    padding-left: 20px;
}
#L1{
    margin-top: -208px;
    padding-top: 208px;
    z-index: 100;
    position: relative;
}
#L2{
    margin-top: -208px;
    padding-top: 208px;
}
#L3{
    margin-top: -168px;
    padding-top: 168px;
}
#L4{
    margin-top: -108px;
    padding-top: 108px;
}
#L5{
    margin-top: -168px;
    padding-top: 168px;
}
#L6{
    margin-top: -208px;
    padding-top: 208px;
}
.none {
    display: none;
}
.blog_UL {
    display: flex;
    flex-wrap: wrap;
}
.blog_UL.blog_column3 li {
    width: 31.53%;
    margin-right: 2.69%;
    margin-bottom: 2.69%;
}
.blog_UL  li h3 {
    color: #E2513A;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 16px;
}
.blog_UL li p {
    font-size: 14px;
    line-height: 1.5em;
}


.blog_UL.blog_column3 li:nth-child(3n) {
    margin-right: 0px;
}
.top_cate_icon_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
/*
    grid-template-columns: repeat(12, 1fr);
  gap: 16px;
*/
}
.top_cate_icon_wrap ul li {
    text-align: center;
    width: 56px;
    margin-right: 8px;
    margin-left: 8px;
}
.top_cate_icon_wrap ul li:nth-child(12){
 margin-right: 0px;   
}
.top_cate_icon_wrap ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #FFFFFF;
    aspect-ratio: 1 / 1;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 6px rgba(0,0,0,0.45);
}
.top_cate_icon_wrap ul li a p {
    font-size: 10px;
    margin-top: 4px;
    /* [disabled]color: #9E2917; */
    font-family: "Play", sans-serif;
    font-weight: 600;
}
.br_ib {
    display: inline-block;
}


.top_cate_icon_wrap ul li a img {
    width: 24px;
}
.top_action1 {
    background-color: #920e14;
    padding-top: 3.84%;
    padding-bottom: 3.84%;
}
.top_action1 a {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 88px;
    padding-right: 88px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-radius: 100px;
    background-color: #FFFFFF;
    display: block;
    font-size: 32px;
    -webkit-box-shadow: 4px 4px #E2513A;
    box-shadow: 4px 4px #E2513A;
    border: 3px solid #E2513A;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 43.52%,rgba(205,205,205,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 43.52%,rgba(205,205,205,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 43.52%,rgba(205,205,205,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 43.52%,rgba(205,205,205,1.00) 100%);
    color: #9E2917;
    font-weight: 600;
    text-shadow: 1px 1px rgba(255,255,255,1.00);
    animation: float 1.5s ease-in-out infinite;
}
@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}

.kaitori_way .kaitori_way_inner .three_way_kaitori_h2 {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    margin-bottom: 3.84%;
    font-family: "Mochiy Pop One", sans-serif;
/*    color: #E2513A;*/
    font-weight: normal;
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.three_way_kaitori_h2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #E2513A;
}



.top_kaitori_kyoka {
    padding: 5.38%;
    background-color: #920E14;
    background-image: -webkit-linear-gradient(148deg,rgba(146,14,20,1.00) 0%,rgba(98,9,13,1.00) 40.41%,rgba(140,13,19,1.00) 66.53%,rgba(146,14,20,1.00) 100%);
    background-image: -moz-linear-gradient(148deg,rgba(146,14,20,1.00) 0%,rgba(98,9,13,1.00) 40.41%,rgba(140,13,19,1.00) 66.53%,rgba(146,14,20,1.00) 100%);
    background-image: -o-linear-gradient(148deg,rgba(146,14,20,1.00) 0%,rgba(98,9,13,1.00) 40.41%,rgba(140,13,19,1.00) 66.53%,rgba(146,14,20,1.00) 100%);
    background-image: linear-gradient(302deg,rgba(146,14,20,1.00) 0%,rgba(98,9,13,1.00) 40.41%,rgba(140,13,19,1.00) 66.53%,rgba(146,14,20,1.00) 100%);
}
.top_KTR_KYK_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.top_KTR_KYK_inner .memo {
    color: rgba(255,255,255,1.00);
    margin-top: 16px;
}

.ktrkyk_p1 {
    margin-top: 3.07%;
    margin-bottom: 5.38%;
    text-align: center;
    color: #FFFFFF;
}
.top_KTR_KYK_inner .ktrkyk_p1 p {
    font-size: 24px;
    line-height: 1.6em;
}


.top_KTR_KYK_inner h2 {
    color: #FFFFFF;
    text-align: center;
    font-size: 56px;
    font-family: "Dela Gothic One", sans-serif;
    font-weight: normal;
    background-image: url(../images/cross_wh.svg),url(../images/cross_wh.svg);
    background-repeat: no-repeat;
    background-position: left center,right center;
    background-size: 40px auto;
    width: fit-content;
    padding-left: 64px;
    padding-right: 64px;
    padding-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, #fff 0% 100%);
    background-repeat: no-repeat;
    background-size: 56px 3px;
    background-position: center bottom;
    text-shadow: 1px 1px rgba(0,0,0,0.54);

}


.top_KTR_KYK_inner ul {
    display: flex;
    flex-wrap: wrap;
}
.top_KTR_KYK_inner ul li {
    border-radius: 24px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 23.84%;
    margin-right: 8px;
/*    margin-right: 1.53%;*/
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.50);
    box-shadow: 1px 1px 6px rgba(0,0,0,0.50);
}
.top_KTR_KYK_inner ul li a {
    padding: 5.38%;
    display: block;
}
.top_KTR_KYK_inner ul li a .ktrkyk_kakaku {
    color: #920E14;
    font-size: 16px;
}
.top_KTR_KYK_inner ul li a .ktrkyk_kakaku strong {
    font-size: 22px;
    margin-left: 6px;
}
.top_KTR_KYK_inner ul li a h3 {
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}
ul li a .ktrkyk_maker {
    font-size: 13px;
    color: #515151;
}


.kyoka_slider {
  position: relative; /* これが大事 */
}

.kyoka_slider .slick-prev,
.kyoka_slider .slick-next {
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.kyoka_slider .slick-prev {
  left: -40px; /* ←ここで左に出す */
}

.kyoka_slider .slick-next {
  right: -40px; /* ←ここで右に出す */
}

.ktrkyk_genre {
    color: #FFFFFF;
    background-color: #E2513A;
    width: fit-content;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    border-radius: 24px;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 6px;
}


.top_KTR_KYK_inner ul li img {
    border-radius: 16px;
    width: 100%;
    margin-bottom: 5.38%;
}


.kyoka_slider_wrap {
  position: relative;
  padding: 20px 0;
}