@charset "utf-8";
/* CSS Document */

#tny_guide a:hover{transition: 0.2s;}


/*確認用CSS_リリース時には不要*/
#tny_guide .youkaku{
    font-weight:bold;
    color: #c00;
}
/*確認用CSS_リリース時には不要*/



/*ページ内アンカーの調整*/
    html {
        scroll-padding-top: 130px;
        scroll-behavior: smooth;
    }
    @media screen and (max-width: 768px) {
        html {
            scroll-padding-top: 50px;
        }
    }
/*ページ内アンカーの調整*/


@media screen and (min-width: 768px) {#tny_guide .sp_ver{    display: none;}}
@media screen and (max-width: 768px) {#tny_guide .pc_ver{    display: none;}}

#tny_guide{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino#tny_guide #issue>div>div Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif!important;}




#tny_guide #privacypolicy,
#tny_guide #contract,
#tny_guide #faq,
#tny_guide #members,
#tny_guide #operation-environment,
#tny_guide #return,
#tny_guide #shipping,
#tny_guide #specifictradelaw,
#tny_guide #beginners,
#tny_guide #gift,
#tny_guide #gift-howto,
#tny_guide #index,
#tny_guide #issue,
#tny_guide #item,
#tny_guide #members,
#tny_guide #order,
#tny_guide #payment,
#tny_guide #step_select,
#tny_guide #step_confirm,
#tny_guide #step_express,
#tny_guide #step_login,
#tny_guide #step_purpose,
#tny_guide #step_complete,
#tny_guide #security

{
    display: flex;
    flex-direction: column;
    gap:1rem;
    }


#tny_guide #privacypolicy .tny_contents,
#tny_guide #contract .tny_contents,
#tny_guide #faq .tny_contents,
#tny_guide #members .tny_contents,
#tny_guide #operation-environment .tny_contents,
#tny_guide #return .tny_contents,
#tny_guide #shipping .tny_contents,
#tny_guide #specifictradelaw .tny_contents,
#tny_guide #beginners .tny_contents,
#tny_guide #gift .tny_contents,
#tny_guide #gift-howto .tny_contents,
#tny_guide #index .tny_contents,
#tny_guide #issue .tny_contents,
#tny_guide #item .tny_contents,
#tny_guide #members .tny_contents,
#tny_guide #order .tny_contents,
#tny_guide #payment .tny_contents,
#tny_guide #step_select .tny_contents,
#tny_guide #step_confirm .tny_contents,
#tny_guide #step_express .tny_contents,
#tny_guide #step_login .tny_contents,
#tny_guide #step_purpose .tny_contents,
#tny_guide #step_complete .tny_contents,
#tny_guide #security .tny_contents

{
    display: flex;
    flex-direction: column;
    gap:1rem;
    }


#tny_guide #privacypolicy .tny_wrapper,
#tny_guide #contract .tny_wrapper,
#tny_guide #faq .tny_wrapper,
#tny_guide #members .tny_wrapper,
#tny_guide #operation-environment .tny_wrapper,
#tny_guide #return .tny_wrapper,
#tny_guide #shipping .tny_wrapper,
#tny_guide #specifictradelaw .tny_wrapper,
#tny_guide #beginners .tny_wrapper,
#tny_guide #gift .tny_wrapper,
#tny_guide #gift-howto .tny_wrapper,
#tny_guide #index .tny_wrapper,
#tny_guide #issue .tny_wrapper,
#tny_guide #item .tny_wrapper,
#tny_guide #members .tny_wrapper,
#tny_guide #order .tny_wrapper,
#tny_guide #payment .tny_wrapper,
#tny_guide #step_select .tny_wrapper,
#tny_guide #step_confirm .tny_wrapper,
#tny_guide #step_express .tny_wrapper,
#tny_guide #step_login .tny_wrapper,
#tny_guide #step_purpose .tny_wrapper,
#tny_guide #step_complete .tny_wrapper,
#tny_guide #security .tny_wrapper
{
    display: flex;
    flex-direction: column;
    gap:1rem;
    }

#tny_guide #privacypolicy .tny_wrapper div,
#tny_guide #contract .tny_wrapper div,
#tny_guide #faq .tny_wrapper div,
#tny_guide #members .tny_wrapper div,
#tny_guide #operation-environment .tny_wrapper div,
#tny_guide #return .tny_wrapper div,
#tny_guide #shipping .tny_wrapper div,
#tny_guide #specifictradelaw .tny_wrapper div,
#tny_guide #beginners .tny_wrapper div,
#tny_guide #gift .tny_wrapper div,
#tny_guide #gift-howto .tny_wrapper div,
#tny_guide #index .tny_wrapper div,
#tny_guide #issue .tny_wrapper div,
#tny_guide #item .tny_wrapper div,
#tny_guide #members .tny_wrapper div,
#tny_guide #order .tny_wrapper div,
#tny_guide #payment .tny_wrapper div,
#tny_guide #security .tny_wrapper div
/*#tny_guide #step_select .tny_wrapper div,
#tny_guide #step_confirm .tny_wrapper div,
#tny_guide #step_login .tny_wrapper div,
#tny_guide #step_complete .tny_wrapper div
#tny_guide #step_express .tny_wrapper div,
#tny_guide #step_purpose .tny_wrapper div*/
{
    display: flex;
    flex-direction: column;
    gap:1rem;
    }






#tny_guide .accordion-button:not(.collapsed){
    color:#000;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: unset;line-height: normal;}

#tny_guide p{	line-height: normal;margin-bottom: unset;}




#tny_guide a{	text-decoration: none;}
#tny_guide a:hover{	opacity: 0.7;color: #000;}
#tny_guide a.none{	pointer-events: none;}
#tny_guide a.none::after {
    content: unset;
}
#tny_guide a::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f105";
    text-decoration: none;
    padding-left: 0.7em;
    padding-right: 0em;
}
#tny_guide a.l_left::after {
    content: "";
}
#tny_guide a.l_left {
    text-decoration: none!important;
    width: fit-content;
}


#tny_guide .hr_solid1{border-top:1px solid #000;}
#tny_guide .hr_solid2{border-top:2px solid #000;}
#tny_guide .hr_solid3{border-top:3px solid #000;}



/*index_link*/
#tny_guide .index_link{

    display: flex;
    flex-direction: column;
    width: fit-content;
    gap:0!important;

    align-self: center;
    flex-direction:row!important;
    margin-bottom: 6rem;
}
/*
#tny_guide .index_link li{

    flex: 1;
}
*/


#tny_guide .index_link li:first-child a{
    border-left: #ccc 1px solid; 

}
#tny_guide .index_link a{
    border-right: #ccc 1px solid; 
    padding: 0.5rem 1.5rem;
    width: 10rem;
}

#tny_guide .index_link a::after,
#tny_guide .index_link a::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;

}

#tny_guide .index_link a:hover{
    background: #ccc;
}

#tny_guide .index_link>div{
    line-height: 2rem;
}
/*index_link*/

/*outside_link*/
#tny_guide .index_link .outside_link a::after{
        content: "\f105";

    padding-left: 0.7em;
    padding-right: 0em;   
    padding-bottom: 0.5rem;
}
/*outside_link*/

/*inside_link*/
#tny_guide .index_link .inside_link a{
    position: relative;
     padding: 0.5rem 2.5rem 0.5rem 2rem; 
    min-width: 9rem;
    width: fit-content;
}
#tny_guide .index_link .inside_link a::after{
    content: "\f105";
    transform: rotate(90deg);
    width: 1rem;
    position: absolute;
    right: 1rem;
    padding-left: 0;
    top: 0.5rem;
}
/*inside_link*/


@media screen and (max-width: 768px) {
#tny_guide .index_link{
    flex-wrap: wrap!important;
}
#tny_guide .index_link li{
    flex-basis: 50%;
}
#tny_guide .index_link li:nth-child(2n+1) a{
    border-left: #ccc 1px solid;
}
    #tny_guide .index_link li a{
    width: 100%!important;
    display: inline-block;
}
    
#tny_guide .index_link .inside_link a{
    position: relative;
     padding: 0.5rem 1.5rem; 
    min-width: 9rem;
    width: fit-content;
}

}


/*return_link*/
#tny_guide .return_link{

    background: #ccc; 
    padding: 0.5rem 1rem;
    border-radius: 4px;
}
/*
#tny_guide .return_link a::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;

    content: "\f060";
    padding-left: 0;
    padding-right:  0.5rem;
    padding-bottom: 0.5rem;
    width: 1rem;
    
}
*/
#tny_guide .return_link a::after{
    content: unset;
}
#tny_guide .return_link a:hover{
    border-bottom: 1px solid transparent;
}
/*return_link*/







/*外部リンク*/
#tny_guide .external a::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f24d";
    text-decoration: none;
    padding-right: 0.7em;
}
/*外部リンク*/

/*別の窓*/
#tny_guide .separate a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f24d";
    font-weight: 900;
    text-decoration: none;
    padding-left: 0.7em;
    padding-right: 0.3em;
}
/*別の窓*/


/*同じ窓*/
#tny_guide a.identical:before {
    font-family: "Font Awesome 5 Free";
    content: "\f24d";
    font-weight: 900;
    text-decoration: none;
    padding-left: 0.7em;
    padding-right: 0.3em;
}
/*同じ窓*/


#tny_guide .bottomline_title{
        margin: 2rem 0 5rem;
}



#tny_guide a:has(img):after{	content: none;}

#tny_guide .accordion-item{background: transparent; border: unset;}
#tny_guide .accordion-button{box-shadow:unset;background: transparent;    border: unset;padding: 2rem;    width: 100%;display: flex;    align-items: center;}
#tny_guide img{	max-width: 100%;}


#tny_guide h2,#tny_guide h3,#tny_guide h4,#tny_guide h5,#tny_guide h6{	font-size:1rem; font-weight: bold;}

/*
{	font-size:1.5rem; font-weight: bold;}
{	}
{	}
{	}
{	font-size:1rem; font-weight: bold;}
{	font-size:1rem; font-weight: bold;}
*/



/*font_awesome関連*/
#tny_guide .f_awesome{
    position: relative;
    font-size: 2rem;
    line-height: 2rem;
}
#tny_guide .f_awesome::after,
#tny_guide .f_awesome::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#tny_guide .icon_mypage::before {    content: "\f7e7";}
#tny_guide .icon_cart::before {    content: "\f07a";}
#tny_guide .icon_mail::before {    content: "\f0e0";}
#tny_guide .icon_home::before {    content: "\f015";}


#tny_guide .icon_members::after{    content: "\F2BD";}
#tny_guide .icon_noshi::after{    content: "\f06b";}
#tny_guide .icon_customer::after{    content: "\f4ad";  transform: scaleX(-1);}
#tny_guide .icon_truck::after{    content: "\f0d1";  transform: scaleX(-1);}
#tny_guide .icon_truck_exp::after{    content: "\f48b";}
#tny_guide .icon_express::after{    content: "\e0dc";}
#tny_guide .icon_my_home::after{    content: "\f015";}
#tny_guide .icon_one_address::after{    content: "\e065";}
#tny_guide .icon_yen::after{    content: "\e5d0";}
#tny_guide .icon_pay::after{    content: "\e5d0";}


#tny_guide .icon_plural_address::after{
    content: "\e3af";
    font-size: 1.5rem;
    font-weight: 600;
    left: 1.5rem;
    top: 0.25rem;
}
#tny_guide .icon_plural_address::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;
    position: absolute;
    content: "\e3af";
    font-size: 1.5rem;
    font-weight: 600;
        top: -0.5rem;
    left: -1.5rem;
    right: 0;
}
#tny_guide .icon_plural_address{
    line-height: 2rem;
}

/*font_awesome関連*/



/*flex関連*/
#tny_guide .d-flex{
    display: flex;
    flex-direction: row!important;
    gap: 1rem;
}

#tny_guide .flex1{flex:1;}
#tny_guide .flex2{flex:2;}
#tny_guide .flex3{flex:3;}
#tny_guide .flex4{flex:4;}
#tny_guide .flex5{flex:5;}
#tny_guide .flex6{flex:6;}

@media screen and (max-width: 768px) {
#tny_guide .d-flex{
    flex-direction: column!important;
}
#tny_guide .row_imp{
    flex-direction: row!important;
}
    
}
/*flex関連*/



/*tny-title*/
#tny_guide .tny-title{	font-size:2.6rem; font-weight: bold;}
@media screen and (max-width: 768px) {
#tny_guide .tny-title{	font-size:1.8rem; font-weight: bold;}
}
/*tny-title*/

/*lr_line_title*/
#tny_guide .lr_line_title{
/*    margin: 6rem 0 3rem;*/
    padding-left: unset;
    position: relative;
    text-align: center;
    font-size:1rem;
    font-weight: bold;
}

#tny_guide .lr_line_title:before {
  border-top: 1px solid #ccc;
    content: "";
    width: 6rem;
    display: inline-block;
    margin: 0.3rem 1rem;
}
#tny_guide .lr_line_title:after {
  border-top: 1px solid #ccc;
    content: "";
    width: 6rem;
    display: inline-block;
    margin: 0.3rem 1rem;
}
@media screen and (max-width: 768px) {
    #tny_guide #privacypolicy .lr_line_title:before,#tny_guide #privacypolicy .lr_line_title:after {
        content: none;
    }
}
/*lr_line_title*/

/*leftline_title*/
#tny_guide .leftline_title {
	font-weight: bold;
/*    margin-bottom: 2.5rem;*/
    padding-left: 1rem;
    border-left: 2px solid;
    color: #333;
    font-size:1.25rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
	#tny_guide .leftline_title {
/*    margin-bottom: 2rem;*/
}
}

/*leftline_title*/

/*bottomline_title*/
#tny_guide .bottomline_title {
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
/*    margin: 2rem 0 5rem;*/
}
#tny_guide .bottomline_title::before {
    position: absolute;
    border-bottom: 2px solid #000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    content: '';
}
/*bottomline_title*/

/*box_title*/
#tny_guide .box_title{
    border: #ccc 1px solid;
    width: auto;
    padding: 1rem 1.25rem;
    font-size:1rem;
    font-weight: bold;
    background: #fff;
/*    margin-bottom: 1rem;*/
}
#tny_guide div:has(.box_title){
/*    margin-bottom: 3rem;*/
}
/*box_title*/


/*circle_bk_title*/
#tny_guide .circle_bk_title{
    background: #333;
    color: #fff;
    padding: 0.75rem 2rem;
    width: fit-content;
    margin: auto;
/*    margin-top: 3rem;*/
    border-radius: 100px;
/*    margin-bottom: 2rem;*/
    text-align: center;
}
/*circle_bk_title*/



#tny_guide .f_small{	font-size:0.75rem;}
#tny_guide .f_biggest{	font-size:3rem;}
#tny_guide .f_bold{	font-weight: bold;}
#tny_guide .f_red{	color: #c00;}
#tny_guide .f_black{	color: #000!important;}

@media screen and (max-width: 768px){
#tny_guide .f_biggest{	font-size:1.5rem;}
}
    #tny_guide .gap1{	gap:1rem;}

/*
#tny_guide .guide_con{	margin-top:10rem;}
#tny_guide .guide_con:first-child{	margin-top:unset;}
*/


#tny_guide .box-shadow{
    -webkit-box-shadow: 0 1px 3px 0 #ccc;
    -moz-box-shadow: 0 1px 3px 0 #ccc;
    box-shadow: 0 1px 3px 0 #ccc;
}
#tny_guide .screen-s img{
    -webkit-box-shadow: 0 1px 3px 0 #ccc;
    -moz-box-shadow: 0 1px 3px 0 #ccc;
    box-shadow: 0 1px 3px 0 #ccc;
}

/*container*/
#tny_guide .container {
	max-width: 1100px;
	padding-top: 120px;
	margin-bottom: 120px;
}
#tny_guide .container>p{
	text-align: center;
}
/*container*/



#tny_guide dt:first-of-type, #tny_guide dd:first-of-type {
    border-top: 1px solid #ddd;
}

#tny_guide .bg_list {
    background-color: #f6f6f6!important;
}

/*bg_gray*/
#tny_guide .bg_gray {
	background-color: #f6f6f6;
	padding: 2.5rem;
}
#tny_guide .bg_gray *:last-child {
	margin-bottom: unset;
}
/*bg_gray*/


/*ol*/
#tny_guide ol{
    list-style: decimal!important;
/*    margin: 1rem 0;*/
    margin-left: 2rem;
    margin-right: 1.5rem;
}
@media screen and (max-width: 768px){
#tny_guide ol{
    list-style: decimal!important;
/*    margin: 0.5rem 0;*/
    margin-left: 1.5rem;
    margin-right: 0.5rem;
}

}
/*ol*/

/*ul*/
#tny_guide ul.dott{
    list-style: outside;
/*    margin: 1rem 0;*/
    margin-left: 0.5rem;
}
#tny_guide ul.dott li{
    display: list-item;
}
#tny_guide ul.abc{
    list-style-type: lower-alpha!important;
    list-style: outside;
    margin: 1rem 0;
    margin-left: 1.5rem;
}

/*ul*/
/*dl*/
#tny_guide dl{
width: 100%;
    margin: auto;
}


/*dl*/

/*table*/
#tny_guide dt {
    border-bottom: 1px solid #ddd;
    padding: 1.5rem;
    font-weight: 600;
}
#tny_guide dd {
    border-bottom: 1px solid #ddd;
    padding: 1.5rem;
    margin-bottom: 0;
}
/*table*/

/*border-box*/
#tny_guide .border-box {
    width: 70%;
    padding: 2rem;
    border: 1px #ccc solid;
    margin: auto;
}
@media screen and (max-width: 768px){
#tny_guide .border-box {
    width: 90%;
    padding: 1.5rem;
}
}
/*border-box*/

/*accordion*/
#tny_guide .accordion-item {
/*    margin-bottom: 1rem;*/
/*
    display:flex;
	flex-direction:column;
	gap:1rem;
*/
}
/*
#tny_guide .accordion-body {
    padding-top: 2rem;
    padding-bottom: 3rem;
}
*/
#tny_guide .accordion-button:not(.collapsed)::after {
    background-image: unset;
    transform: rotate(-90deg);
}

#tny_guide .accordion-button::after{
	position: absolute;
    right: 2.5rem;
    color: #ccc;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f105";
    text-decoration: none;
    background-image: unset;
    transform: rotate(90deg);
    padding: unset;
    font-size: 1.75rem;
    transition-duration: 300ms;
}
#tny_guide .accordion-header{
    border: #ccc 1px solid;
    background: #fff;
    position: relative;
}

#tny_guide .nav-item a::after {
    display: none;
}
#tny_guide .nav {
    flex-direction: row;
}
/*accordion*/

/*card_solid_box*/
#tny_guide .card_solid_box>div>div{border: #ccc solid 1px;border-top: 3px #333 solid;padding: 1rem;}
#tny_guide .gap1>div{	gap:1rem;flex: 1;}
#tny_guide .card_solid_box>div>div>a{align-items: center;	display: flex;}
#tny_guide .card_solid_box>div>div a:first-child:after,#tny_guide .card_solid_box>div>div>div:first-child:after{	margin-left: auto;}
#tny_guide .card_solid_box>div>div a:nth-child(2),#tny_guide .card_solid_box>div>div>div:nth-child(2){
    border-top: 1px solid #ccc;
    /* margin-top: 1rem; */
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#tny_guide .card_solid_box>div>div a:last-child,#tny_guide .card_solid_box>div>div>div:last-child{margin-bottom: unset;}
/*card_solid_box*/

/*tx_indent*/
#tny_guide .tx_indent{
    text-indent:1em;
    line-height: 1.5rem;
    color: #666;
}

/*tx_indent*/

/*gray_btn*/
#tny_guide .gray_btn {
	text-align: end;
    display: block!important;
/*    margin-bottom: 1rem;*/
}
#tny_guide .gray_btn a {
    background-color: #efefef;
    border-radius: 9999px;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-size: 1.0rem;
    text-align: center;
}

/*gray_btn*/

/*black_btn*/
#tny_guide .black_btn {
	text-align: end;
    display: block!important;
/*    margin-bottom: 1rem;*/
}
#tny_guide .black_btn a {
    background-color: #000;
    color: #fff!important;
    border-radius: 9999px;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-size: 1.0rem;
    text-align: center;
}

/*black_btn*/

/*return_top_btn*/
#tny_guide .return_top_btn{
    border-radius: 4px;
    font-size: 1.0rem;
/*    font-weight: bold;*/
    margin-bottom: 150px;
    text-align: center;
} 

#tny_guide .return_top_btn a{
    background: #fff;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 0.5rem 1rem;

} 

/*
#tny_guide .return_top_btn a::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    text-decoration: none;

    content: "\f060";
    padding-left: 0;
    padding-right:  0.5rem;
    padding-bottom: 0.5rem;
    width: 1rem;
    
}
*/
#tny_guide .return_top_btn a::after{
    content: unset;
}

/*return_top_btn*/

/*改訂履歴*/
#tny_guide .signature,
#tny_guide .revision_history{
/*    margin: 2rem 0;*/
    text-align-last: end;
}
#tny_guide .revision_history ul{
    display: unset;
}

@media screen and (max-width: 768px){
#tny_guide .signature li,
    #tny_guide .revision_history li {
    margin-bottom: unset!important;
}

}
/*改訂履歴*/



#tny_guide .tny_contents{
/*	margin-bottom: 4rem;*/
}



#tny_guide .dotted-left{
  border-left:1px dotted #ccc;
}
#tny_guide .dotted-left-w{
  border-left:2px dotted #fff;
}
#tny_guide .solid-left{
  border-left:1px solid #ccc;
}
#tny_guide .solid-left-w{
  border-left:2px solid #fff;
}


#tny_guide .dotted-top{
  border-top:1px dotted #ccc;
}
#tny_guide .dotted-top-w{
  border-top:2px dotted #fff;
}
#tny_guide .solid-top{
  border-top:1px solid #ccc;
}
#tny_guide .solid-top-w{
  border-top:2px solid #fff;
}

/*※annotation※*/
#tny_guide .attention{
    border: 2px solid #c00;
    color: #c00;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
    font-size: 1.5rem;

    margin: 0 1rem;
    gap:0!important;
}
#tny_guide .annotation>p{
    margin-bottom: unset;
}
/*※annotation※*/

/*banner*/
#tny_guide .left_bnr a{
   width: fit-content;
    margin-left: auto;
}
/*banner*/


#tny_guide .circle_bk{
    background: #333;
    color: #fff;
    padding: 0.75rem 2rem;
    width: fit-content;
    margin: auto;
    border-radius: 100px;
    margin-bottom: 2rem;
}



@media screen and (max-width: 768px) {
/*
#tny_guide h2{	font-size:2rem; font-weight: bold;}
#tny_guide h3{	font-size:1.5rem; font-weight: bold;}
#tny_guide h4{	font-size:1.25rem; font-weight: bold;}
#tny_guide h5{	font-size:1rem; font-weight: bold;}
*/
    
    
	#tny_guide .bg_gray {
	padding: 2rem;
	padding-bottom: 4rem;
	}
    
    
	#tny_guide .leftline_title {
/*    margin-bottom: 2rem;*/
}
	#tny_guide .container {
		padding-top: 80px;
		margin-bottom: 80px;
	}
	#tny_guide .container>p {
    text-align: left;
	width: 80%;
    margin: auto;
}
}





/* ----------------------------------------------------------------------------------

 個別)セキュリティーについて#security

 ---------------------------------------------------------------------------------- */

#tny_guide #security .tny_contents {
    gap: 3rem !important;
}

#tny_guide #security>div {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
#tny_guide #security .security_link{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#tny_guide #security ul.dott {
    margin-left: 1.5rem;
}
#tny_guide #payment .disp_fl_row{
    flex-direction:row!important;
}
/* ----------------------------------------------------------------------------------

 個別)推奨環境#operation_environment

 ---------------------------------------------------------------------------------- */
#tny_guide #operation-environment .tny_contents{
    gap:3rem;
}
#tny_guide #operation-environment .tny_contents>div{
    display: flex;
    flex-direction: column;
    gap:2rem;
}
#tny_guide #operation-environment #oe1{}
#tny_guide #operation-environment #oe2{}
#tny_guide #operation-environment #oe3{}

/* ----------------------------------------------------------------------------------

 個別)お支払い方法#payment

 ---------------------------------------------------------------------------------- */

#tny_guide #payment>div,
#tny_guide #payment .tny_wrapper>div,
#tny_guide #payment .tny_wrapper>div>div{
    display: flex;
    flex-direction: column;
    gap:1rem;
}
#tny_guide #payment .gray_btn{
    display: block!important;
}

#tny_guide #payment tr{
    border-bottom: 1px solid #e6e6e6;
}
#tny_guide #payment .tny_wrapper>div{
    gap:2rem;
}
#tny_guide #payment>div{
    gap:6rem;
}
#tny_guide #payment .tny_contents,
#tny_guide #payment .tny_wrapper{
    gap:3rem;
}

#tny_guide #payment ul.dott{
        margin-left: 1.5rem;
}



#tny_guide #payment ul ul{
    padding: 0.5rem 0;
}
#tny_guide #payment .table th{
    width: 20%;
    text-align: center;
    background: #ccc;
}
#tny_guide #payment .table td{
    width: 20%;
    text-align: center;
}

#tny_guide #payment .box_title{
/*    margin:3rem 0 1rem;*/
}
#tny_guide #payment .dott_box{
    padding: 1rem;
    border: 1px solid #ccc;
}

#tny_guide #payment h3 + p {
/*    margin-top: 1rem;*/
}

#tny_guide #payment .table img{max-width: 80px;width: 100%;}
#tny_guide #payment .security_cord {
    padding: 1rem 5rem;
    background: #fff;
    width: fit-content;
    margin: auto;
    text-align: center;
}
#tny_guide #payment .security_cord .d-flex {
    justify-content: center;
}
#tny_guide #payment span {
    color: #c00;
    font-size: 0.75rem;
}
#tny_guide #payment ul ul {
    margin: 0 1rem;
}
#tny_guide #payment h4 {
    display: block;
    text-align: center;
}#tny_guide #payment h4.f_red {
    border: 2px solid #c00;
    padding: 0.5rem;
    background: #fff;
}
#tny_guide #payment .annotation {
    margin: unset;
    gap:0!important;
}

#tny_guide #payment .disp_fl_row{
    flex-direction:row!important;
}

@media screen and (max-width: 768px) {
#tny_guide #payment .security_cord .d-flex {
    flex-direction: column;
}
#tny_guide #payment .table th{
    font-size: 0.75rem;
    padding: 0.25rem;
    }
    
}

/* ----------------------------------------------------------------------------------

 個別)返品交換・キャンセル・変更#return

 ---------------------------------------------------------------------------------- */
#tny_guide #return .tny_contents>div,
#tny_guide #return .list_text{
    display: flex;
    flex-direction: column;
}

#tny_guide #return .tny_contents{
    gap: 6rem;
}


#tny_guide #return .tny_contents>div,
#tny_guide #return #policy01 .tny_wrapper,
#tny_guide #return #policy02 .tny_wrapper,
#tny_guide #return #policy03 .tny_wrapper
{
    gap:3rem;
}

#tny_guide #return .tny_wrapper .list_text{
    gap:2rem;
}

#tny_guide #return ul.dott{
    margin-left: 1rem;
}



#tny_guide #return span{
    display: inline-block;
}

#tny_guide #return .box_title + div{
    margin: 0 1rem;
}

#tny_guide #return ul.dott {
    margin-left: unset;
    padding-left: 3rem;
}

@media screen and (max-width: 768px) {
#tny_guide #return .bg_gray {
    padding: 2rem;
}
    #tny_guide .gray_btn a {
        padding: 0.5rem 2rem;
        text-align: left;
    }
}

/* ----------------------------------------------------------------------------------

 個別)プライバシーポリシー

 ---------------------------------------------------------------------------------- */

/*
@media screen and (min-width: 767px) {
#tny_guide #privacypolicy ul *{
    padding-left: 1rem;
}
}
*/

#tny_guide #privacypolicy>div,
#tny_guide #privacypolicy ol,
#tny_guide #privacypolicy ul,
#tny_guide #privacypolicy dd,
#tny_guide #privacypolicy .list_text{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }

#tny_guide #privacypolicy .text_intro,
#tny_guide #privacypolicy .text_outro{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    }

#tny_guide #privacypolicy>div{    gap: 6rem;    }
#tny_guide #privacypolicy .tny_contents{    gap: 3rem;    }
#tny_guide #privacypolicy .tny_wrapper{    gap: 6rem;    }
#tny_guide #privacypolicy .tny_wrapper .tny_wrapper{    gap: 1rem;    }
#tny_guide #privacypolicy ul{    gap: 6rem;    }

#tny_guide #privacypolicy ul li{    gap: 3rem;}

#tny_guide #privacypolicy .revision_history{
    gap:unset;
}

#tny_guide #privacypolicy #pp1-1 .list_text,
#tny_guide #privacypolicy #pp1-4 .list_text{
    gap:unset;
}


#tny_guide #privacypolicy .tny_contents ul>li{
    display: flex;
    flex-direction: column;
    gap: 3rem;
    }
#tny_guide #privacypolicy .list_text ul{
    gap: 2rem;
    }

#tny_guide #privacypolicy #pp2-2 ol,
#tny_guide #privacypolicy #pp2-5 ol{
    gap: unset;
    }

#tny_guide #privacypolicy .list_text ul>li{
    gap: 1rem;
    }


#tny_guide #privacypolicy a{
    text-decoration:underline;
    }

#tny_guide #privacypolicy a::after{
    content:none;
    }




#tny_guide #privacypolicy #pp1-1{}
#tny_guide #privacypolicy #pp1-2{}
#tny_guide #privacypolicy #pp1-3{}
#tny_guide #privacypolicy #pp1-4{}
#tny_guide #privacypolicy #pp1-5{}

#tny_guide #privacypolicy #pp2-1{}
#tny_guide #privacypolicy #pp2-2{}
#tny_guide #privacypolicy #pp2-3{}
#tny_guide #privacypolicy #pp2-4{}
#tny_guide #privacypolicy #pp2-5{}
#tny_guide #privacypolicy #pp2-6{}
#tny_guide #privacypolicy #pp2-7{}
#tny_guide #privacypolicy #pp2-8{}
#tny_guide #privacypolicy #pp2-9{}
#tny_guide #privacypolicy #pp2-10{}




#tny_guide #privacypolicy dt,
#tny_guide #privacypolicy dd{
    padding: 1.5rem 1rem;
}
#tny_guide #privacypolicy .tny_flex_col div{
    display: flex;
    flex-direction: column;
    gap: 1rem;

}


#tny_guide #privacypolicy .p_mark{
    background: #fff;
    padding: 1rem;
/*    margin-bottom: 2rem;*/
    gap: 1rem;
    flex-direction: row!important;
}
#tny_guide #privacypolicy .p_mark p{
    align-self: center;
    margin-bottom: unset;
}
#tny_guide #privacypolicy .p_mark a{
    display: flex;
}
#tny_guide #privacypolicy .p_mark a img{
    margin: auto;
}

#privacypolicy .p_mark img{
    max-width: 80px;
}
#tny_guide #privacypolicy .catch:before {
  margin-right: 1rem;
}
#tny_guide #privacypolicy .catch:after {
  margin-left: 1rem;
}

#tny_guide #privacypolicy h7{
    margin: 0 0 1rem;
    display: block;
}
#tny_guide #privacypolicy ul.dott{
/*    margin: 1rem 0;*/
    gap:unset;
}

#tny_guide #privacypolicy dt,
#tny_guide #privacypolicy dd{
    border-bottom: 2px solid #f6f6f6;
}
#tny_guide #privacypolicy dt{
    border-right: 2px solid #f6f6f6;
    color: #000;
    font-weight: normal;
    background: #fff;
}

#tny_guide #privacypolicy dd,
#tny_guide #privacypolicy .bg_list{
    background-color: #fff!important;    
}
#tny_guide #privacypolicy .table_title{
    background-color: #ccc!important;
    text-align: center;
    font-weight: bold;
    
}
#tny_guide #privacypolicy .consultation{
    background-color: #fff;
    text-align: center;
    padding: 1rem;
    width: 70%;
    margin: auto;
}
#tny_guide #privacypolicy span{
    display: inline-block;
}
@media screen and (max-width: 768px) {
    #tny_guide #privacypolicy .consultation {

    width: 90%;
}
    
#tny_guide #privacypolicy dt,
#tny_guide #privacypolicy dd{
        padding: 1.5rem 0.75rem;
}
    
    #tny_guide #privacypolicy .tny_wrapper{
        gap:3rem;
    }
    #tny_guide #privacypolicy ul{
        gap:3rem;
    }
    #tny_guide #privacypolicy .tny_contents ul>li{
        gap:2rem;
    }

}


/* ----------------------------------------------------------------------------------

 個別)送料・配送・受取について

 ---------------------------------------------------------------------------------- */
#tny_guide #shipping>div,
#tny_guide #shipping #eachdelivery,
#tny_guide #shipping #eachdelivery ol,
#tny_guide #shipping #eachdelivery dt,
#tny_guide #shipping #eachdelivery dd,
#tny_guide #shipping #fee #transfer,
#tny_guide #shipping #receive .tny_wrapper>div,
#tny_guide #shipping #receive,
#tny_guide #shipping #delivery,
#tny_guide #shipping #delivery .tny_wrapper>div,
#tny_guide #shipping #fee_postage,
#tny_guide #shipping #fee_example,
#tny_guide #shipping .tny_contents>div,
#tny_guide #shipping ol li{
    display: flex;
    flex-direction: column;
    gap:1rem;

}



#tny_guide #shipping .tny_contents{
    gap:3rem!important;
}
#tny_guide #shipping #fee_postage,
#tny_guide #shipping #fee_example{
    gap:3rem;
}
#tny_guide #shipping>div{
    gap:6rem;
}
#tny_guide #shipping .tny_contents>div.tny_wrapper{
    gap:3rem;
}

#tny_guide #shipping .anchor{text-decoration: underline;}
#tny_guide #shipping .anchor::after{content: "";padding-left:unset;}

#tny_guide #shipping #receive a:after{
    content: unset;
}

#tny_guide #shipping #receive a{
    text-decoration: underline;
}

#tny_guide #shipping #eachdelivery dt{
    gap: 1rem;
    justify-content: center;
    align-items: center;
}


#tny_guide #shipping #eachdelivery ol li{
    display: list-item;
}

#tny_guide #shipping .dott{
    margin-left: 1.5rem;
}
#tny_guide #shipping #fee .table_title{
    background-color: #ccc!important;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#tny_guide #shipping #fee .table_title_bk{
    background-color: #000!important;
    color: #fff!important;
    padding: 0.5rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 0.75rem;
}
#tny_guide #shipping #fee dd,#tny_guide #shipping #fee dt {
    padding: 1rem 0.5rem;
    color: #000;
    font-weight: unset;
    background-color: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#tny_guide #shipping #fee dd {
    text-align: center;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#tny_guide #shipping #fee .attention{
/*    margin: 3rem 0 1rem;*/
}
#tny_guide #shipping #fee #fee_example>div{
    flex-direction: row;
}
#tny_guide #shipping #fee #fee_example .disp_fl_rowcol{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}



#tny_guide #shipping span{
display: inline-block;
}
#tny_guide #shipping #receive{
margin-bottom: 3rem;
}
#tny_guide #shipping #receive ol{
    width: fit-content;
    margin: auto;
    padding: 2rem 3rem;
    background: #f6f6f6;
}

@media screen and (max-width: 768px) {
#tny_guide #shipping #fee #fee_example .disp_fl_rowcol{
    flex-direction: column;
}
    #tny_guide #shipping #fee #fee_example>div {
    text-align: left;
/*    padding: 1rem;*/
}
    #tny_guide #shipping .attention{
        padding: 1rem 0;
    }
    #tny_guide #shipping #eachdelivery dt{
        padding:0; 
    }
}

/* ----------------------------------------------------------------------------------

 個別)商品について

 ---------------------------------------------------------------------------------- */

#tny_guide #item .tny_contents{
    gap:3rem;
}


#tny_guide #item>div{
  display: flex;
    flex-direction: column;
  gap:6rem;
}
#tny_guide #item li{
  display: flex;
  gap:1rem;

}
#tny_guide #item #mark>.tny_wrapper>div {
    flex-direction: row;
    gap: 2rem;
    padding: 2rem;
    width: 100%;
    justify-content: center;
}
#tny_guide #item #mark dl {
    margin: unset;
    align-self: flex-start;
}



#tny_guide #item #mark dd,
#tny_guide #item #mark dt{
    height: 5rem;
    padding: unset;
        display: flex;
        border-bottom: 2px solid #fff;
    
}
#tny_guide #item #mark dd *,
#tny_guide #item #mark dt *{
    margin: auto;
    margin-left: unset;
}

#tny_guide dt:first-of-type, 
#tny_guide dd:first-of-type{
    border-top:unset;
}

#tny_guide #item #wrapping .border-box {
    flex-direction: row;
    width: fit-content;
    display: flex;
    gap: 2rem;
    justify-content: space-around;
}
#tny_guide #item #wrapping .border-box>div {
    display: flex;
  flex-direction: column;
  gap:1rem;
}
#tny_guide #item img {
    max-width: 200px;
  margin: auto;
}
#tny_guide #item .icon{
  margin: auto 0;
    white-space: nowrap;
}
/*
#tny_guide #item #mark>div p{
  margin-bottom: 0;
}
*/
#tny_guide #item .solid-top-w{
  margin-bottom: 1rem;
}
#tny_guide #item .screen-s img{
  max-width: 100%;
}
#tny_guide #item .d-flex{
  gap:2rem;
}
#tny_guide #item .d-flex div{
  flex:1;
}
#tny_guide #item .d-flex div:nth-child(2){
  flex:2;
}
#tny_guide #page>div{
  border: 1px solid #ccc;
  padding: 2rem;
}
#tny_guide #price span{
  color: #c00;
  font-size: 0.75rem;
}

@media screen and (max-width: 768px) {

    #tny_guide #item #mark>.tny_wrapper>div{
        flex-direction: column;
        gap:0;
    }
    #item #wrapping>div>div{
        flex-wrap: wrap;
    }
#tny_guide #item img {
    max-width: 150px;
}
#tny_guide #item .d-flex {
    flex-direction: column!important;
}
#tny_guide #item .screen-s {
    text-align: center;
}
#tny_guide #item #mark dd,
#tny_guide #item #mark dt{
    height: 3.5rem;
    }
#tny_guide #item #mark .h_auto{
    height: auto;
    }
    
}

/* ----------------------------------------------------------------------------------

 個別)ご注文について

 ---------------------------------------------------------------------------------- */

#tny_guide #order>div{
    display: flex;
    flex-direction: column;
    gap:6rem;
}
#tny_guide #order .tny_contents{
    gap:3rem;
}
#tny_guide #order .tny_wrapper{
    display: flex;
    flex-direction: column;
    gap:2rem;
}
#tny_guide #order #attention ul,
#tny_guide #order .annotation div,
#tny_guide #order .annotation{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #order .annotation .gray_btn{
    display: block;
}



#tny_guide #order .c-stepper__item {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 4rem;

  &:before {
    border-radius: 50%;
    background-color: #ccc;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;
    font-size: 1.3rem;
    color: #fff;
    padding: 10px;
    height: 45px;
  }

  &:not(:last-child) {
    &:after {
      content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 8px;
    z-index: -1;
    transform: translate(20px);
    width: 2px;
    background-color: #ccc;
    }
  }
}

#tny_guide #order #flow .c-stepper__item .d-flex {gap:1rem;}
#tny_guide #order #flow .c-stepper__item i:before {
    border-radius: 50%;
    background-color: #ccc;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    text-decoration: none;
    font-size: 1.3rem;
    color: #fff;
    padding: 10px;
    height: 45px;
font-style: normal;}

#tny_guide #order #flow .icon_cart::before {    content: "\f07a";}
#tny_guide #order #flow .icon_mail::before {    content: "\f0e0";}
#tny_guide #order #flow .icon_home::before {    content: "\f015";}


#tny_guide #order .c-stepper__title {
  font-weight: bold;
/*  font-size: clamp(1rem, 4vw, 1.25rem);*/
/*  margin-bottom: clamp(0.85rem, 2vmax, 1rem);*/
    padding-top: 0.5rem;
}

#tny_guide #order .c-stepper__desc {
  color: grey;
    margin-bottom: unset;
/*  font-size: clamp(0.85rem, 2vmax, 1rem);*/
}

#tny_guide #order .c-stepper__content {
  max-width: 700px;
    display: flex;
    flex-direction: column;
    gap:1rem;
}

/*** Non-demo CSS ***/

#tny_guide #order #flow .tny_wrapper {
  max-width: 1100px;
  margin: auto;
    padding: 2rem;
    border:#ccc 1px solid;
}

#tny_guide #order .c-stepper__item:last-child {
    padding-bottom: unset;
}

#tny_guide #order body {
  padding: 1rem;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

#tny_guide #order .annotation{
    background: #f6f6f6;
    padding: 2rem;
}

#tny_guide #order .annotation>.gray_btn a{
    background: #fff;
}
#tny_guide #order .screen-s{
    gap:1rem;
}
#tny_guide #order .screen-s div{
    flex:1;
}

#tny_guide #order #flow .annotation .gray_btn>a{
    background: #fff;
}

#tny_guide #order .gray_btn{
    display: block;
}
#tny_guide #order .tny_wrapper>div{
    gap:1rem;
}




@media screen and (max-width: 768px) {

#tny_guide #order ol {
    margin-left: 1rem;
    margin-right: 1rem;
}
#tny_guide #order .c-stepper{
    margin-left: unset;
    margin-right: unset;
}
    }


/* ----------------------------------------------------------------------------------

 個別)納品書・領収書・インボイスについて

 ---------------------------------------------------------------------------------- */

#tny_guide #issue>div{
	display: flex;
    flex-direction: column;
    gap:1rem;
}
#tny_guide #issue>div{
    gap:6rem;
}
#tny_guide #issue .tny_contents,
#tny_guide #issue #invoice .tny_wrapper,
#tny_guide #issue #recipt .tny_wrapper{
    gap:3rem;
}
#tny_guide #issue .d-flex>div{
    flex:1;
    align-self: flex-start;
}

#tny_guide #issue ul.dott{
    margin-left: unset;
    padding-left: 3rem;
}
#tny_guide #issue .accordion-header{
    padding: 1.5rem;
    width: 100%;
}
#tny_guide #issue .accordion-body{
	margin-top: 2rem;
	background: #f6f6f6;
}
#tny_guide #issue .bg_gray {
	border: unset;
    background: #f6f6f6;
        width: 100%;
}
#tny_guide #issue .border-box .gray_btn {
	text-align: center;
}
#tny_guide #issue #recipt>div>div:first-child {
	margin-bottom: 2rem;
}

#tny_guide #issue #invoice .dott {
	font-weight: bold;
}
#tny_guide #issue #invoice .screen-s {
	width: 80%;
    margin: auto;
}
#tny_guide #issue #invoice .d-flex {
	gap:3rem;
}
#tny_guide #issue #invoice .bg_gray {
	width: unset;
    text-align: center;
/*    padding: 1rem;*/
}
#tny_guide #issue #invoice .bg_gray a {
	background: #fff;
}

#tny_guide #issue #invoice #incompatible ul>li {
	padding: 1.5rem 0;
}

#tny_guide #issue #invoice .vertical_line {
	flex: unset;
    height: auto;
    align-self: stretch;
    border-left: 1px dotted #ccc;
}

#tny_guide #issue .icon_fa{
    position: relative;
}
#tny_guide #issue .icon_fa:after {
    content: "\f2ec";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: -0.5rem;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    text-align: center;
    /* color: #ccc; */
}

#tny_guide #issue span {
	display: inline-block;
}
@media screen and (max-width: 768px){
    #tny_guide #issue .d-flex{
    flex-direction: column!important;
}
    #tny_guide #issue #invoice .vertical_line {
    display: none;
    border-left: unset;

}

}

/* ----------------------------------------------------------------------------------

 個別)オンラインショップ会員について

 ---------------------------------------------------------------------------------- */

#tny_guide #members .screen-s{
}

#tny_guide #members .text_intro,
#tny_guide #members>div,
#tny_guide #members ul{
    display: flex;
    flex-direction: column;
    gap:1rem;
}
#tny_guide #members .tny_contents{
    gap:3rem;
}
#tny_guide #members .d-flex{
/*    margin: 2rem 0;*/
    gap:2rem;
}
#tny_guide #members .d-flex div{
    flex:1;
    margin: auto;
}
#tny_guide #members .d-flex>div>img{
    padding:1rem;
}
#tny_guide #members>div{gap:6rem;}
@media screen and (max-width: 768px){
    #tny_guide #members .d-flex{
    flex-direction: column;
}
}


/* ----------------------------------------------------------------------------------

 個別)初めての方へ

 ---------------------------------------------------------------------------------- */

#tny_guide #beginners>div,
#tny_guide #beginners .text_intro{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#tny_guide #beginners>div{gap:6rem;}
#tny_guide #beginners h2{
    font-size: 1.5rem;
/*    color: #fff;*/
    margin: auto 0;
}

#tny_guide #beginners .hr_solid2{
    border-color: #f2f2f2;
}

#tny_guide #beginners .icon{
    margin:0 0.25rem;
    background:rgba(255,255,255,0.8)!important;
}

#tny_guide #beginners .f_awesome{
/*    color: #fff;*/
    width: 2rem;
/*    line-height: 3rem;*/
}
#tny_guide #beginners .card_solid_box>div>div{
    padding: unset;
}
#tny_guide #beginners .box>div:first-child{
    display: flex;
    gap: 0.5rem;
}

#tny_guide #beginners .tny_contents{
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 0 1rem;
    border-top: unset;
}
#tny_guide #beginners .card_solid_box>div>div>*:first-child,
#tny_guide #beginners .card_solid_box>div>div>*:last-child{
    padding: 1rem;
}
#tny_guide #beginners .card_solid_box>div>div>*:first-child{

    margin: 0 1rem;
    display: flex;
    flex-direction: row;
    min-height: 5rem;
    align-self: center;
    width: -webkit-fill-available;
    border-bottom: 1px solid #ccc;
}


#tny_guide #beginners .tny_contents{
    flex-direction: column;
}
#tny_guide #beginners .box{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1!important;
    
}
#tny_guide #beginners .box>div:nth-child(2){
    margin-top: 1rem;
}
#tny_guide #beginners .box>div:last-child{
    margin-bottom: 1rem;
}

#tny_guide #beginners .d-flex{
    gap: 4rem;
}
#tny_guide #beginners .box_title6{
    border: unset;
    padding: 1rem 0;
}

#tny_guide #beginners a{
	font-weight: bold;
}
#tny_guide #beginners span{
	font-weight: bold;
}
#tny_guide #beginners .tny_contents>div {
    flex: 1!important;
}
#tny_guide #beginners div:has(>a) {
	text-align: center;
	margin: auto 0 0;
}




#tny_guide #beginners .border_red{
    padding: 1rem!important;
    border: 3px solid #C00;
}

#tny_guide #beginners .bg_gray{
/*    margin: 1rem 0!important;*/
    padding: 1rem!important;
}

#tny_guide #beginners dt,
#tny_guide #beginners dd{
    padding: 0.5rem;
}
#tny_guide #beginners dl{
    gap:0!important;
}
#tny_guide #beginners dl>*:nth-child(2){
    border-left: #ccc 1px solid;
}
#tny_guide #beginners dl:first-child dt{
    /*background: #000;*/
    color: #fff;
}
#tny_guide #beginners div:has(>dl){
    border: #ccc 1px solid;
    border-bottom: unset;
}



@media screen and (max-width: 768px){
#tny_guide #beginners .d-flex {
    flex-direction: column;
	}
#tny_guide #beginners .box {
    text-align: left;
	}
}



/* ----------------------------------------------------------------------------------

 個別)のし・ギフトシールについて

 ---------------------------------------------------------------------------------- */
#tny_guide #gift h2{
    font-size: 1.5rem;
}

#tny_guide #gift span{
    display: inline-block;
}

#tny_guide #gift span{display: inline-block;}

#tny_guide #gift .accordion-body,
#tny_guide #gift .accordion,
#tny_guide #gift>div,
#tny_guide #gift #gift_noshi,
#tny_guide #gift #gift_noshi_tab>div,
#tny_guide #gift #gift_seal,
#tny_guide #gift #gift_noshi_tab>div,
#tny_guide #gift #subject_item,
#tny_guide #gift #gift_seal_list>div,
#tny_guide #gift .border-box,
#tny_guide #gift .border-box>div,
#tny_guide #gift ul li>div,
#tny_guide #gift .text_intro,
#tny_guide #gift .seal_sample .accordion-body,
#tny_guide #gift .tab-pane>div>div{
    display: flex;
    flex-direction: column;
    gap:1rem;
}
#tny_guide #gift>div{
    gap:6rem;
}
#tny_guide #gift #subject_item,
#tny_guide #gift #gift_seal_list,
#tny_guide #gift #gift_noshi_tab>div,
#tny_guide #gift #gift_noshi_tab{
    gap:3rem;
}
#tny_guide #gift .d-flex{
    gap: 2%;
    row-gap: 1rem;
}
#tny_guide #gift .nav-item{
    flex: 1;
    text-align: center;
}
#tny_guide #gift .nav-tabs .nav-link{
    border-radius: 10px 10px 0px 0px;
    padding: 0.8rem;
    background: #f6f6f6;
    border: 4px #fff solid;
    display: flex;
    text-align: center;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#tny_guide #gift .nav-tabs .nav-link.active{
    background: #000;
    color: #fff;
    border: unset;
}
#tny_guide #gift .nav-item{
    border: unset;
    border-bottom: 8px solid #000;
}

#tny_guide #gift ul{
    flex-wrap: wrap;
}
#tny_guide #gift #gift_noshi ul li,
#tny_guide #gift #gift_seal ul li{
    background: #fff;
    padding: 0.75rem;
    display: flex;
    gap: 1rem;
}
#tny_guide #gift #gift_noshi ul li,
#tny_guide #gift #gift_seal ul li{
    flex-basis: 32%;
}
#tny_guide #gift ul li img{
    max-width: 120px;
    -webkit-box-shadow: 0 1px 3px 0 #ccc;
    -moz-box-shadow: 0 1px 3px 0 #ccc;
    box-shadow: 0 1px 3px 0 #ccc;
}
#tny_guide #gift .accordion-body{
    padding: 3rem 0rem;
}
#tny_guide #gift button,#tny_guide #gift button::after{
    color: #000;
}
#tny_guide #gift .screen-s div{
    flex: 1;
}
#tny_guide #gift .bg_gray{
    padding: 3rem 2rem;
}
#tny_guide #gift ul li>div{
    font-size: 0.8rem;
    gap:0.5rem;
}
 
#tny_guide #gift ul li>div img{
    margin: auto;
}
/*
#tny_guide .accordion-button::after{
    top: 1.25rem;
}
*/

#tny_guide #gift .accordion-button{padding: 1.5rem;}




#tny_guide #gift #gift_seal .accordion-header{
    box-shadow: unset;
    padding: 1.5rem 2rem;
    width: 100%;
}
#tny_guide #gift #gift_seal .border-box {
    flex-direction: row;
    width: fit-content;
    gap: 2rem;
    justify-content: space-around;
    border: unset;
    background: #fff;
    flex-wrap: wrap;
}

#tny_guide #gift #gift_seal .border-box img{
    max-width: 200px;
    margin: auto;
}
#tny_guide #gift #gift_seal .seal_sample p{
    text-align: end;
    
}

@media screen and (max-width: 768px) {
    #tny_guide #gift .d-flex{
        flex-direction: column!important;
    }
    #tny_guide #gift .border-box{
        width: unset;
    }
    #tny_guide #gift #gift_seal .border-box img {
    max-width: 150px;
}
    #tny_guide #gift h2{
    font-size: 1rem;
    }
}

/* ----------------------------------------------------------------------------------

 個別)のし・ギフトシールの指定方法

 ---------------------------------------------------------------------------------- */

#tny_guide #gift-howto span{
    display: inline-block;
}


#tny_guide #gift-howto .tny_contents>div,
#tny_guide #gift-howto .tny_contents>div>div{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #gift-howto .tny_contents>div,
#tny_guide #gift-howto .tny_contents{
    gap:6rem;
}
#tny_guide #gift-howto .tny_contents .tny_wrapper,
#tny_guide #gift-howto .tny_contents>div>div {
    gap:3rem;
}


#tny_guide #gift-howto .tny_contents .tny_wrapper>div {
    gap:2rem;
}

#tny_guide #gift-howto .text_intro {
    gap:1rem!important;
}

#tny_guide #gift-howto .text_intro div {
    gap:0!important;
}



#tny_guide #gift-howto .page_link {
    padding: 3rem 0 6rem ;
    gap:1rem!important;
}
/*

#tny_guide #gift-howto .text_intro p{
    text-align: center;
}
*/
#tny_guide #gift-howto .d-flex>div {
    flex:1;
}


#tny_guide #gift-howto .icon_fa{
    position: relative;
    font-size: 1rem;
}

#tny_guide #gift-howto .icon_fa:after{

    content:"\f2ec";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: -0.5rem;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    text-align: center;
/*    color: #ccc;*/

}
    

#tny_guide #gift-howto {}



#tny_guide #gift-howto .nav-item{
    flex: 1;
    text-align: center;
}
#tny_guide #gift-howto .nav-tabs .nav-link{
    border-radius: 10px 10px 0px 0px;
    padding: 0.8rem;
    background: #f6f6f6;
    border: 4px #fff solid;
    display: flex;
    text-align: center;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#tny_guide #gift-howto .nav-tabs .nav-link.active{
    background: #000;
    color: #fff;
    border: unset;
}
#tny_guide #gift-howto .nav-item{
    border: unset;
    border-bottom: 8px solid #000;
}

#tny_guide #gift-howto h2 {
    font-size: 1.5rem;
}


@media screen and (max-width: 768px) {
    #tny_guide #gift-howto .d-flex{
        flex-direction: column!important;
    }
    
}
/* ----------------------------------------------------------------------------------

 個別)特定商取引法に基づく表記

 ---------------------------------------------------------------------------------- */

#tny_guide #specifictradelaw dd,
#tny_guide #specifictradelaw .list_text{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }


#tny_guide #specifictradelaw dl{padding: 0 6px;}
#tny_guide #specifictradelaw dd>div{margin-bottom: 0;}
#tny_guide #specifictradelaw span{display: inline-block;}


@media screen and (max-width: 768px) {

}
/* ----------------------------------------------------------------------------------

 個別)利用規約#contract

 ---------------------------------------------------------------------------------- */

#tny_guide #contract .list_text,
#tny_guide #contract .tny_contents>ul,
#tny_guide #contract .list_text>ol,
#tny_guide #contract .tny_contents>ul>li{
    display: flex;
    flex-direction: column;
}
#tny_guide #contract #co18 ol,
#tny_guide #contract #co20 ol,
#tny_guide #contract #co21 ol{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #contract .tny_contents{
    gap:3rem;
    }

#tny_guide #contract .list_text{
    gap:1rem;
    }

#tny_guide #contract .tny_contents>ul{
    gap:3rem;
    }

#tny_guide #contract .tny_contents>ul>li{
    gap:2rem;
    }


#tny_guide #contract #co1{}
#tny_guide #contract #co2{}
#tny_guide #contract #co3{}
#tny_guide #contract #co4{}
#tny_guide #contract #co5{}
#tny_guide #contract #co6{}
#tny_guide #contract #co7{}
#tny_guide #contract #co8{}
#tny_guide #contract #co9{}
#tny_guide #contract #co10{}
#tny_guide #contract #co11{}
#tny_guide #contract #co12{}
#tny_guide #contract #co13{}
#tny_guide #contract #co14{}
#tny_guide #contract #co15{}
#tny_guide #contract #co16{}
#tny_guide #contract #co17{}
#tny_guide #contract #co18{}
#tny_guide #contract #co19{}
#tny_guide #contract #co20{}
#tny_guide #contract #co21{}
#tny_guide #contract #co22{}
#tny_guide #contract #co23{}



#tny_guide #contract ol>li>ul{
    list-style: inside;
    list-style-position: outside;
    margin: 1rem 0;
    margin-left: 0.5rem;
    margin-right: 0.5rem;  
}
#tny_guide #contract h2 {
	font-weight: bold;
/*	margin: 2rem 0 1rem;*/
}
#tny_guide #contract a {
	text-decoration: underline;
}
#tny_guide #contract a:after {
	content: "";
    padding-left: unset;
}

@media screen and (max-width: 768px) {

	#tny_guide #contract li {
/*	margin-bottom: 1rem;*/
}
}
/* ----------------------------------------------------------------------------------

 個別)ご利用ガイドトップ

 ---------------------------------------------------------------------------------- */
#tny_guide #guide_top h2{	font-size:1.25rem;}
#tny_guide #guide_top a:hover{
    color: #c00;
    opacity: 1;
}

#tny_guide #guide_top h2{
    margin-bottom: unset;
    display: inline;
}

#tny_guide #guide_top .card_solid_box>div>div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#tny_guide #guide_top .card_solid_box>div{
    flex-direction:column!important;
}
#tny_guide #guide_top .card_solid_box>div>div a:nth-child(2),
#tny_guide #guide_top .card_solid_box>div>div>div:nth-child(2){
    gap:0;
    flex-direction: row;
}
#tny_guide #guide_top a.pp:last-child::after{
    padding-top: 1.7rem;
}

@media screen and (max-width: 768px) {
	#tny_guide #guide_top .d-flex{
		flex-direction: column;
	}
    #tny_guide a::after {
    margin: auto;
    margin-right: 0;
}

}
/* ----------------------------------------------------------------------------------

 個別)よくあるご質問

------------------------------------------------ */
#tny_guide #faq .accordion-item{border: unset;background: #fff;}

#tny_guide #faq .speech>div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#tny_guide #faq .accordion{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
#tny_guide #faq .accordion-header{
	border:unset;
    background: unset;
    padding:  unset;
    position:  relative;
}
#tny_guide #faq .accordion-collapse{
/*    padding: 0 2rem;*/
}
#tny_guide #faq .accordion-button{
    padding: 0;
}
#tny_guide #faq .accordion-button::after{
    right: 2rem;
    top: 1.25rem;
}
#tny_guide #faq span{
	display: inline-block;
}

#tny_guide #faq .nav {
    flex-wrap: nowrap;
}
#tny_guide #faq .tab-content .q,#tny_guide #faq .tab-content .a {
    flex-wrap: nowrap;
	display: flex;
/*	margin-bottom: 2rem;*/
    width: 100%;
    position: relative;
}
#tny_guide #faq .tab-content .circle-icon {
    flex:1;
	max-width: 80px;
	align-self: flex-end;
    margin: 0 auto;
}
#tny_guide #faq .tab-content .circle-icon img{
	border-radius: 1000px;
    background: #fff;
}



#tny_guide #faq .tab-content .speech{
    flex:6;
	padding: 1.5rem;
    background: #fff;
    border-radius: 4px;
    flex-direction: column;
	gap:1rem;
	position: relative;
	display: inline-flex;
}
/*

#tny_guide #faq .tab-content .q .speech:before{
	content: "";
    position: absolute;
    bottom: 30px;
    left: -20px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 10px solid #fff;
}
*/
/*
#tny_guide #faq .tab-content .a .speech:before{
	content: "";
    position: absolute;
    bottom: 30px;
    right: -20px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
}
*/

#tny_guide #faq h2 {
    margin-bottom: unset;
/*	margin: auto;*/
    font-size: 0.75rem;
}
#tny_guide #faq h3 {
    font-size: 1.5rem;
}
#tny_guide #faq .q,#tny_guide #faq .a {
    gap:1rem;
}
#tny_guide #faq .a {
    flex-direction: row-reverse;
}
#tny_guide #faq .a .speech,#tny_guide #faq .a .circle-icon {
    border-top: 0.25rem dotted #fafafa;
    padding: 3rem;
}


#tny_guide #faq h3 {
	text-align: center;	
	position: relative;
	padding-bottom: 1rem;
    margin: 2rem 0 5rem;
}
#tny_guide #faq h3::before {
    position: absolute;
    border-bottom: 2px solid #000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    content: '';
}
#tny_guide #faq .nav-item a {
    text-align: center;
    height: 100%;
    display: flex;
    padding: 1rem 0.25rem;
    margin: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #000;
    border-radius: 10px 10px 0 0;
    background: #f6f6f6;
    border: #fff 4px solid;
}
#tny_guide #faq .nav-item .box_title {
    margin: auto;
}
#tny_guide #faq .nav-tabs  {
    border-bottom: #000 4px solid;
}
#tny_guide #faq .nav-tabs .nav-link.active {
    border: unset;
	background: #000;
    color: #fff;
}
#tny_guide #faq .bg_gray {
	padding: 2.5rem 2.5rem 4rem;
}	
/*
#tny_guide #faq .tab-pane {
	display: flex;
    flex-direction: column;
    gap: 5rem;
}	
*/
#tny_guide #faq #faq07 .bg_gray {
	padding: 1rem;
    width: 80%;
    margin: auto;
    text-align: center;
}	
#tny_guide #faq #faq07 .d-flex {
	align-self: center;
}	


@media screen and (max-width: 768px) {
#tny_guide #faq .tab-content .circle-icon {
    margin: auto 0;
}
	#tny_guide #faq .nav-item {
    width: 25%;
	}
	#tny_guide #faq .bg_gray {
    padding: unset;
    padding-bottom: 5rem;
    padding-top: 2rem;
	}	
	#tny_guide #faq .tab-content .a {
    flex-direction: column-reverse;
        gap:2rem;
	}
	#tny_guide #faq .nav {
    flex-wrap: wrap;
    padding-bottom: 2rem;
        
	}
	#tny_guide #faq .q .speech {
    padding: 1.5rem 1rem;
    padding-right: 3rem;
	}
	#tny_guide #faq .accordion-button::after {
    right: 1.5rem;
	}
    #tny_guide #faq .nav-tabs{
        border-bottom: unset;
    }
/*
    #tny_guide #faq .tab-content .a .speech:before {
        border-left: unset;
    content: "";
    position: absolute;
    bottom: -20px;
    right: 30px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
*/
#tny_guide #faq .nav-item a {
        border: 2px #fff solid;
    border-radius: 0;
        padding: 1rem 0;
}
    #tny_guide #faq .accordion{
        padding: 0 0.5rem;
    }
}
@keyframes fadeIn {
 from {
  opacity: 0; }
 to {
  opacity: 1;
 }
}

#tny_guide #faq div.active {
	animation: fadeIn 0.1s ease-in-out;
}	
	


























/* ----------------------------------------------------------------------------------
 個別)お買い物手順　0.マップ#step_top
------------------------------------------------ */

#tny_guide #step_top #step_map .list_wrapper,
#tny_guide #step_top .tny_wrapper>div.text_intro,
#tny_guide #step_top #step_map,
#tny_guide #step_top #step_contents,
#tny_guide #step_top #step_contents ul,
#tny_guide #step_top #step_intro .list_wrapper,
#tny_guide #step_top #step_intro ul li,
#tny_guide #step_top #step_intro>div>div,
/*#tny_guide #step_top #step_intro ul,*/
#tny_guide #step_top #step_intro,
#tny_guide #step_top #step_intro>div,
#tny_guide #step_top .tny_contents,
#tny_guide #step_top .tny_wrapper{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


#tny_guide #step_top .tny_wrapper{
    gap: 6rem;
}




#tny_guide #step_top #step_map .list_wrapper,
#tny_guide #step_top #step_map,
#tny_guide #step_top #step_intro,
#tny_guide #step_top #step_contents{
    gap: 3rem;
}


#tny_guide #step_top .tny_contents,
#tny_guide #step_top #step_intro .list_wrapper .d-flex,
#tny_guide #step_top #step_intro .list_wrapper,
#tny_guide #step_top #step_intro>div>div,
#tny_guide #step_top #step_intro>div{
    gap: 2rem;
}





#tny_guide #step_top .text_intro>ul>li{
    flex: 1;
}

#tny_guide #step_top .text_intro>ul>li .gray_btn{
    width: auto;
}

#tny_guide #step_top　.leftline_title{
    margin-left: 2rem;
}


#tny_guide #step_top #step_intro .list_wrapper li{
    display: list-item;
}
#tny_guide #step_top #step_intro .list_wrapper ul.dott{
    margin-left: 1.5rem;
}

#tny_guide #step_top .gray_btn{
    width: fit-content;
    margin-left: auto;
}

#tny_guide #step_top #step_intro .gray_btn a{
    background: #000;
    color: #fff;
}

#tny_guide #step_top .tx_gray{
    color: #ccc!important;
}


#tny_guide #step_top .list_wrapper .f_awesome{
    margin-left: 3rem;
}

#tny_guide #step_top .list_wrapper .f_awesome::after{
    left:-3.5rem;
    font-size: 2rem;
}

#tny_guide #step_top .list_wrapper .icon_plural_address::after{
    left:-2rem;
    font-size: 1.5rem;
}

#tny_guide #step_top .accordion-body{
    padding: 1rem;
}



#tny_guide #step_top #step_map .accordion-body .icon_plural_address::before{
    left: -4rem;
}

#tny_guide #step_top #step_map .accordion-body .icon_plural_address::after{
    left: -2.5rem;
}



/*4つの方法紹介step_intro*/

#tny_guide #step_top #step_intro ul li{
/*    padding: 1rem;*/
/*    border: #ccc solid 1px;*/
    flex:1;

}

#tny_guide #step #step_top .nav-tabs .nav-link{
    border-radius:unset;
}
#tny_guide #step #step_top .nav-tabs{
    border-bottom:unset;
}



#tny_guide #step_top #step_intro p{
    align-self: center;
}
#tny_guide #step_top #step_intro>div:last-child{
    gap:0;
}


/*

#tny_guide #step_top #step_intro li:has(.f_awesome) h5{
    padding: 0.75rem 1rem;
}
*/

#tny_guide #step_top #step_intro li:has(.icon_express) h5{
    padding: 0.75rem 1rem;
    background: #c00;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}




#tny_guide #step_top #step_intro .step-tab{
    gap:1rem!important;
}

#tny_guide #step_top #step_intro .nav-tabs{
    gap:1rem!important;
}

#tny_guide #step_top #step_intro .list_wrapper .d-flex>*{
    flex:1;
}
#tny_guide #step_top #step_intro .list_wrapper .d-flex>*:first-child{
    flex:2;
}

#tny_guide #step_top #step_intro .accordion-body .icon_plural_address::before{
    left: -4rem;
}

#tny_guide #step_top #step_intro .accordion-body .icon_plural_address::after{
    left: -2.5rem;
}



/*4つの方法紹介step_intro*/



/*目次step_contents*/
#tny_guide #step_top #step_contents ul li a{
    padding: 1rem;
    border: 1px solid #ccc;
/*    border-bottom: 2px solid #ccc;*/
    border-radius: 4px;
    width: 100%;
}
#tny_guide #step_top #step_contents ul li a:hover{
}
#tny_guide #step_top #step_contents a::after{
    margin-left: auto;
}



/*目次step_contents*/






#tny_guide #step_top .step_btns a{
    width: fit-content;
    margin-left: auto;
}

#tny_guide #step_top .tab-content:has(.active) .tab_initial{
    display: none;
}








#tny_guide #step_contents a:hover{
    opacity: 1;
    color: #c00;
}

#tny_guide #step_map a:hover{
    opacity: 1;
    color: #c00;
}






@media screen and (max-width: 768px){
    #tny_guide #step #step_top .nav-tabs .nav-link{
        padding: 0.8rem 0!important;
    }



}






/*マップ部分*/
#tny_guide #step_top dt,#tny_guide #step_top dd{
    border-bottom:unset;
    padding: 0 0.5rem;
    position: relative;
    font-weight: bold;
}

#tny_guide #step_top dl{
        grid-row-gap: 1rem;
}

#tny_guide #step_top a{
        display: block;
}

#tny_guide #step_top .circle_black a{
    padding: 1rem;
    border-radius: 100px;
    background: #000;
    color: #fff;
    text-align: center;
}

#tny_guide #step_top .circle_red a{
    padding: 1rem;
    border-radius: 100px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_top .circle_white a{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;

    text-align: center;
}

#tny_guide #step_top .circle_white_line a{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-align: center;
    border: #ccc 1px solid;
}

#tny_guide #step_top .circle_gray a{
    padding: 1rem;
    border-radius: 100px;
    background: #ccc;
    color: #000;
    text-align: center;
}



#tny_guide #step_top .square_black a{
    padding: 1rem;
    border-radius: 4px;
    background: #000;
    color: #fff;
    text-align: center;
    clip-path: polygon(50% 100%, 0% 30%, 0% 0%, 100% 0%, 100% 30%);
    display: none
}

#tny_guide #step_top .square_red a{
    padding: 1rem;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_top .square_gray a{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #fff;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_top .square_gray_bk a{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #000;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_top .square_gray::after{
    color: #fff;
}

#tny_guide #step_top .square_gray a::after{
    content: none;
}

#tny_guide #step_top dd.after_none::after{
    content: none;
}

#tny_guide #step_top .square_white {
    display: flex;
}

#tny_guide #step_top .square_white>div {
    width: inherit;
}

#tny_guide #step_top .square_white a{
    padding: 1rem 0.5rem;
    border-radius: 4px;
    background: #fff;

    text-align: center;
    height: 100%;
}





#tny_guide #step_top .square_white_line{
    display: flex;
    flex-direction: row;
}

#tny_guide #step_top .square_white_line>div{
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    border: #ccc 1px solid;
    flex: 1;
    display: flex;
}


#tny_guide #step_top .square_white_line a{
    padding: 1rem 0.5rem;
    margin: auto;
    border: unset!important;
}






#tny_guide #step_top dd:has(.map_link){
    display: flex;
    flex-direction: row;
}


#tny_guide #step_top dd:has(.map_link) div{
    display: flex;
    flex: 1;
}






#tny_guide #step_top .bg_gray{
    position: relative;
    z-index: 1;
}


#tny_guide #step_top dd.none::after{
    content: none;
}

#tny_guide #step_top #step_intro dd.none a::after{
    content: none;
}
/*

#tny_guide #step_top dd.none::before{
    content: "";
    position: absolute;
    top: -8rem;
    width: 2px;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 12rem;
    z-index: -1;
}
*/

#tny_guide #step_top .before_line::before{
    content: "";
    position: absolute;
    bottom: -1rem;
    border-left: 1px solid #fff;
    width: 2px;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 42rem;
    z-index: -1;
}

#tny_guide #step_top .before_line_long::before{
    content: "";
    position: absolute;
    bottom: -1rem;
    border-left: 1px solid #fff;
    width: 2px;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 51rem;
    z-index: -1;
}

#tny_guide #step_top .before_line_short::before{
    content: "";
    position: absolute;
    top: -1rem;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 2rem;
    z-index: -1;
    border-left: 1px solid #fff;
    width: 2px;
}

#tny_guide #step_top .sp_ver dd::before{
    content: "";
    position: absolute;
    top: -1rem;
    border-left: 1px solid #fff;
    width: 2px;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 2rem;
    z-index: -1;
}

#tny_guide #step_top .sp_ver .square_gray::before{
    border: 1px solid #fff;
    width: 2px;
background: fff;}

#tny_guide #step_top .sp_ver .sp_line_left::before{
    left:75%;
}

#tny_guide #step_top .sp_ver a:hover{
    opacity: 0.7;}
/*

#tny_guide #step_top .after_line::after{
    content: "";
    position: absolute;
    bottom: -15rem;
    width: 1px;
    background-color: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 15rem;
    z-index: -1;
}
*/
/*

#tny_guide #step_top dd::after{
    content: "\f2ec";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: -1.75rem;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    text-align: center;
}
*/






#tny_guide #step_top .arrow_white_title{
    display: flex;
    flex-direction: row;
}




#tny_guide #step_top #step_map .arrow_white_title>div{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
}

#tny_guide #step_top #step_map dt div>a,
#tny_guide #step_top #step_map dd div>a{
    border: #ccc 1px solid;
}

#tny_guide #step_top #step_intro .arrow_white_title>div a{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
}

#tny_guide #step_top .arrow_white_title>div a{
    margin: auto 0;
    border: unset!important;

}
#tny_guide #step_top .arrow_white_title>div:first-child{
    flex: 1;

}

#tny_guide #step_top .arrow_white_title .arrow {
    background: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}



#tny_guide #step_top .map_link{
    border: unset!important;
    width: 1rem;
    height: 1rem;
    background: #000;
    margin: auto;
    border-radius: 100px;
    pointer-events: none;
}
/*

#tny_guide #step_top dd:has(.map_link)::after,
#tny_guide #step_top dd:has(.map_link)::before{
    content: none;
}
*/

#tny_guide #step_top .map_link::after{
    padding-left: unset;
    content: unset;
}


/*

@media screen and (max-width: 768px){
    #tny_guide #step_top .sp_side_scroll{
    overflow-x: scroll;
    
    }
    #tny_guide #step_top .sp_side_scroll>div{
        flex-shrink: 0;
        min-width: 700px;
    }
    .col-4{max-width: 33.33333%;flex:unset;}
}
*/

/*
@media screen and (max-width: 768px){
#tny_guide #step_top .bg_gray {
    padding: 1rem;
}
    
    #tny_guide #step_top .arrow_white_title .arrow {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
        display: none;
}
    #tny_guide #step_top .arrow_white_title {
    display: flex;
    flex-direction: column;
}
    
    #tny_guide #step_top .col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
    #tny_guide #step_top .arrow_white_title>div {
        justify-content: center;
    }index_link
    #tny_guide #step_top .square_white a{
        width: 100%;
    }
    #tny_guide #step_top .square_gray a,
    #tny_guide #step_top #step_map dt div>a,
    #tny_guide #step_top #step_map dd div>a{
        padding: 1rem 0.5rem;
    }
}
*/

/*マップ部分*/


/* ----------------------------------------------------------------------------------

 個別)お買い物手順共通#step

 ---------------------------------------------------------------------------------- */
/*step_title*/
#step h4.step_title{
    background-color: #000;
	color: #fff;
    width: auto;
    padding: 1rem 1.25rem;	
}

#step span {
	display: inline-block;
}

/*step_btns*/
#step .step_btns  {
	text-align: center;
}

#tny_guide .step_btns_back {
	display: flex;
	flex-direction: column;
	gap:1rem;
}

/*step_white_button*/
#step .step_white_button  a {
    background-color: #fff;
	border:1px solid #000;
	display: unset;
}
/*step_white_button*/

/*step_black_button*/
#step .step_black_button  a {
    background-color: #000;
	border:1px solid #000;
	color: #ffffff;
}
/*step_black_button*/



/*下部ボタン*/
/*step_btn_back*/
#tny_guide .step_btn_back a::after{
    content: none;
}

#tny_guide .step_btn_back a::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f104";
    text-decoration: none;
    padding-right: 0.7em;
    padding-left: 0em;
}
/*step_btn_back*/

/*step_btn_back step_btn_forward*/
@media screen and (max-width: 768px){
#tny_guide .step_btn_back,
#tny_guide .step_btn_forward
	{
text-align: center;
	}
}
/*step_btn_back step_btn_forward*/


/*step_btn_top*/
#tny_guide .step_btn_top a{
	background: #fff;
	border: 1px solid #666;
    border-radius: 4px;
    padding: 10px;
	gap:2rem;
}
#tny_guide .step_btn_top a::after{
    content: none;
}
/*step_btn_top*/


#tny_guide .step_btns>div.d_flex {
	display: flex;
	justify-content: space-between;
    flex-direction: row;
}

@media screen and (max-width: 768px) {
	
	#tny_guide .step_btns {
		flex-direction: column-reverse;
	}
}

#tny_guid .step_btns .d_flex {
	justify-content: space-between;

}

/*下部ボタン*/


/*text_intro*/
#tny_guide .tny_wrapper>div.text_intro {
	display: flex;
	flex-direction: column;
	gap:2rem;
}



/* ----------------------------------------------------------------------------------

 個別)お買い物手順共通（タブ切り替え）#step

 ---------------------------------------------------------------------------------- */

#tny_guide #step .step_list01,
#tny_guide #step .step_list02,
#tny_guide #step .step_list03,
#tny_guide #step .step_list04,
#tny_guide #step .step_list05,
#tny_guide #step .step_list06,
#tny_guide #step .step_list07 {
	gap:1rem;
}

#tny_guide #step .step_list_text,
#tny_guide #step .step_list_img,
#tny_guide #step .ac_txt,
#tny_guide #step .ac_txt_list{
	flex: 1;
}

#tny_guide #step .ac_txt_list li{
	flex: 0!important;
}

#tny_guide #step .nav-item {
	flex: 1;
}


#tny_guide #step .accordion-header{
	border:unset;
}

#tny_guide #step .nav {
	/*タブ横並び*/
	display:flex;
	flex-direction:row;
	gap:unset;
	/*タブ横並び*/
    flex-wrap: nowrap;
}

#tny_guide #step .tab-content .circle-icon {
    flex:1;
	max-width: 80px;
	align-self: flex-end;
}

#tny_guide #step .tab-content .circle-icon img{
	border-radius: 1000px;
}

#tny_guide #step .q,#tny_guide #step .a {
    gap:1rem;
}
#tny_guide #step .a {
    flex-direction: row-reverse;
}

#tny_guide #step .accordion-button::after{
	position: absolute;
    right: 3rem;
}

#tny_guide #step .nav-item a {
    text-align: center;
	height: 100%;
	padding: 1rem 0;
}


#tny_guide #step .nav-item h6 {
    margin: auto;
}


#tny_guide #step .nav-tabs  {
    border:unset;
	border-bottom: 8px solid #000;
}

#tny_guide #step .nav-tabs .nav-link {
	border-radius: 10px 10px 0px 0px;
	padding: 0.8rem;
	border-bottom: 0 solid #c00;
	background: #f6f6f6;
	border: 1px solid #f6f6f6;
}

#tny_guide #step .nav-tabs .nav-link.active {
    border-bottom: unset;
	background: #000;
	color: #fff;
	border: none;
}

#tny_guide #step .nav-item .nav-link:focus,
#tny_guide #step .nav-item .nav-link:hover,
#tny_guide #step .nav-item.show .nav-link {
	background-color: #000;
	color: #fff;
	opacity: 1.0;
}


@media screen and (max-width: 768px) {
	#tny_guide #step .nav-item {
    width: 25%;
	}
	#tny_guide #step .bg-gray {
    padding: unset;
	}	
	#tny_guide #step .tab-content .a {
    flex-direction: column-reverse;
	}
	#tny_guide #step .nav {
    flex-wrap: wrap;
	}
	#tny_guide #step .accordion_button::after {
    right: 2rem;
	}

}
@keyframes fadeIn {
 from {
  opacity: 0; }
 to {
  opacity: 1;
 }
}

#tny_guide #step div.active {
	animation: fadeIn 1s linear;
}	

/*step_タブ切り替え下部*/
#step .step-tab
{
    gap:0 !important;
}




/* ----------------------------------------------------------------------------------

 個別)お買い物手順　1.ログイン#step_login

 ---------------------------------------------------------------------------------- */

#tny_guide #step_login .text_intro,
#tny_guide #step_login ul,
#tny_guide #step_login .step_list_text,
#tny_guide #step_login .step_list_img
{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #step_login .step_btns {
	    display: flex;
    flex-direction: column;
	gap:2rem;
}

#tny_guide #step_login .tny_contents,
#tny_guide #step_login #step01 .fl_allcol,
#tny_guide #step_login #step02 .fl_allcol
{
	gap:2rem;
}

#tny_guide #step_login .tny_wrapper,
#tny_guide #step_login ul,
#tny_guide #step_login .manual {
	gap:3rem;
}

/* ----------------------------------------------------------------------------------

 個別)お買い物手順　2.商品の選択#step_select

 ---------------------------------------------------------------------------------- */

#tny_guide #step_select .text_intro,
#tny_guide #step_select ul,
/*#tny_guide #step_select .step_list01,
#tny_guide #step_select .step_list02,
#tny_guide #step_select .step_list03,*/
#tny_guide #step_select .step_list_text,
#tny_guide #step_select .step_list_img
{
	    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #step_select .step_btns
{    display: flex;
    flex-direction: column;
    gap:2rem;
}

#tny_guide #step_select .step_btns .d_flex
{
    gap:1rem;
}

#tny_guide #step_select .tny_contents,
#tny_guide #step_select .fl_allcol,
#tny_guide #step_select .d_flex
{
	gap:2rem;
}

#tny_guide #step_select .tny_wrapper,
#tny_guide #step_select ul,
#tny_guide #step_select .manual {
	gap:3rem;
}


#tny_guide #step_select .step_btn_express {
	display: flex;
    justify-content: right;
}



/* ----------------------------------------------------------------------------------

 個別)お買い物手順　3.お買い物かごの確認#step_confirm

 ---------------------------------------------------------------------------------- */

#tny_guide #step_confirm .text_intro,
#tny_guide #step_confirm ul,
#tny_guide #step_confirm .step_list_text,
#tny_guide #step_confirm .step_list_img
/*#tny_guide #step_confirm .step_list01*/
{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #step_confirm .step_btns {
	    display: flex;
    flex-direction: column;
	gap:2rem;
	
}

#tny_guide #step_confirm .step_btns .d_flex
{
    gap:1rem;
}

#tny_guide #step_confirm .tny_contents,
#tny_guide #step_confirm .fl_allcol,
#tny_guide #step_confirm .d_flex
{
	gap:2rem;
}

#tny_guide #step_confirm .tny_wrapper,
#tny_guide #step_confirm ul,
#tny_guide #step_confirm .manual {
	gap:3rem;
}

/* ----------------------------------------------------------------------------------

 個別)お買い物手順　すぐ購入について#step_express

 ---------------------------------------------------------------------------------- */
#tny_guide #step_express .disp_fl_rowcol .step_list_img{
	flex:1;
}

#tny_guide #step_express .disp_fl_rowcol .step_list_text {
	flex:1;

}

@media screen and (max-width: 768px) {
#tny_guide #step_express .disp_fl_rowcol {
	justify-content: unset;
	flex-direction: column;
}
#tny_guide #step_express .disp_fl_rowcol .step_list_img{
	width:100%;
}

#tny_guide #step_express .disp_fl_rowcol .step_list_text {
	flex:0;
}
}

#step_express .text_intro,
#step_express .accord_text_intro,
#step_express ul,
#step_express .step_list_text,
#step_express .step_list_img,
#step_express .step_btns,
#tny_guide #step_express .tab-content
{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#tny_guide #step_express .step_btns {
	    display: flex;
    flex-direction: column;
	gap:2rem;
}

#tny_guide #step_express .step_btns .d_flex
{
    gap:1rem;
}

/*
#step_express #step01collapse01 li.step_list01,
#step_express #step01collapse02 li.step_list01 {
	display: flex;
	flex-direction: row;
}
*/

@media screen and (max-width: 768px) {
	#step_express #step01collapse01 li.step_list01,
#step_express #step01collapse02 li.step_list01 {
	flex-direction: column;
}
}
/*
#tny_guide #step_express .tny_wrapper
{
	gap:6rem;
}
*/
#tny_guide #step_express .tny_contents,
#tny_guide #step_express .d_flex,
#tny_guide #step_express .disp_fl_rowcol
{
	gap:2rem;
}

#tny_guide #step_express .tny_wrapper,
#tny_guide #step_express ul,
#tny_guide #step_express .manual {
	gap:3rem;
}

#tny_guide #step_express .accordion-item,
#tny_guide #step_express .wrapper
{
	display: flex;
    flex-direction: column;
	gap:2rem;
}

/*表示画面リスト*/
#step_express #step01collapse01 .step_list01,
#step_express #step01collapse02 .step_list01
{
	padding: 2rem 0;
	border-top: dotted 1px #ccc;
}
/*表示画面リスト*/


/*step_intro すぐに購入*/
#tny_guide #step_express .text_intro div {
    padding: 2rem;
    border: #ccc 1px solid;
}

/*step_btns お支払ボタン*/
#tny_guide #step_express #step01collapse01 .step_list_text02 {
	display: flex;
	flex-direction: column;
	gap:2rem;
}
/*step_btns お支払ボタン*/

/*step_btns gray下_#000btn*/
#tny_guide #step_express .accordion-item .gray_btn a{
    background: #000;
    color: #fff;
		display: inline-block;
}
/*step_btns gray下_#000btn*/

/* ----------------------------------------------------------------------------------

 個別)お買い物手順　4.ご用途の指定#step_purpose

 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
#tny_guide #step_purpose .step-tab .nav-tabs h5{
	font-size:0.75rem;
	}
}

#tny_guide #step_purpose .disp_fl_rowcol .step_list_img{
	flex:1;
}

#tny_guide #step_purpose .disp_fl_rowcol .step_list_text {
	flex:1;
}

#tny_guide #step_purpose .step-tab .d_flex {
	justify-content: unset;
	flex-direction:row;
}




@media screen and (max-width: 768px) {
#tny_guide #step_purpose .disp_fl_rowcol {
	justify-content: unset;
	flex-direction: column;
}
	
#tny_guide #step_purpose .step-tab .disp_fl_rowcol {
	justify-content: unset;
	flex-direction: column;
}
	
#tny_guide #step_purpose .disp_fl_rowcol .step_list_img{
	width:100%;
}

#tny_guide #step_purpose .disp_fl_rowcol .step_list_text {
	flex:0;
}
}


#tny_guide #step_purpose .text_intro,
#tny_guide #step_purpose .accord_text_intro,
#tny_guide #step_purpose ul,
/*#tny_guide #step_purpose .step_list_text,
#tny_guide #step_purpose .step_list_text01,
#tny_guide #step_purpose .step_list_text02,
#tny_guide #step_purpose .step_list_text03,
#tny_guide #step_purpose .step_list_text04*/
#tny_guide #step_purpose .step_list_img,
#tny_guide #step_purpose .step_btns,
#tny_guide #step_purpose .manual,
#tny_guide #step_purpose .manual>.disp_fl_col,
#tny_guide #step_purpose .manual>.disp_fl_col,
#tny_guide #step_purpose .ac_txt

{
	display: flex;
    flex-direction: column;
    gap:1rem;
}


#tny_guide #step_purpose .step_list01,
#tny_guide #step_purpose .step_list02,
#tny_guide #step_purpose .step_list03,
#tny_guide #step_purpose .step_list04,
#tny_guide #step_purpose .step_list05,
#tny_guide #step_purpose .step_list06,
#tny_guide #step_purpose .step_list07,
#tny_guide #step_purpose .step_list08
{
	gap:1rem;
}

#tny_guide #step_purpose .step_btns
{
	    display: flex;
    flex-direction: column;
    gap:2rem;
}

#tny_guide #step_purpose .step_btns .d_flex
{
    gap:1rem;
}

#tny_guide #step_purpose .step_confirm_list li,
#tny_guide #step_purpose .step_payment_list li
{
	    display: flex;
    flex-direction: column;
	gap:unset;
}


#tny_guide #step_purpose .tny_wrapper,
#tny_guide #step_purpose ul,
#tny_guide #step_purpose .manual {
	gap:3rem;
}

#tny_guide #step_purpose .tny_contents,
#tny_guide #step_purpose .d_flex,
#tny_guide #step_purpose .disp_fl_rowcol
{
	gap:2rem;
}


#tny_guide #step_purpose .accordion-item,
#tny_guide #step_purpose .wrapper
{
	display: flex;
    flex-direction: column;
	gap:2rem;
}

/*step_intro すぐに購入*/
#tny_guide #step_purpose .text_intro div {
    padding: 2rem;
    border: #ccc 1px solid;
}

/*表示画面リスト*/
#tny_guide #step_purpose #step01collapse02 .step_list01,
#tny_guide #step_purpose #step01collapse03 .step_list01,
#tny_guide #step_purpose #step02collapse05 .step_list01,
#tny_guide #step_purpose #step02collapse06 .step_list01,
#tny_guide #step_purpose #step03collapse06 .step_list01,
#tny_guide #step_purpose #step03collapse07 .step_list01
{
	padding: 2rem 0;
	border-top: dotted 1px #ccc;
}
/*表示画面リスト*/

/*step-attention 注意文言*/
#tny_guide #step_purpose ul.step-attention {
	color: #CC0000;
	display: flex;
	flex-direction: column;
	gap:0;
}

/*step_btn_top ボタン*/
#tny_guide #step_purpose .step_btn_top a{
	display: unset;	
}

/*ac-txt-list-tybtn ac-txt-list ボタン*/
#tny_guide #step_purpose .ac-txt-list-tybtn {
	display: flex;
	flex-direction: column;
	gap:2rem;
}
/*step_btns お支払ボタン*/


/*step-attention*/
#tny_guide #step_purpose .step-attention {
	color: #CC0000;
	display: flex;
	flex-direction: column;
	gap:0;
}

/*tab-title */
#tny_guide #step_purpose .nav-item h6 span {
	font-size:0.8rem;
}

#tny_guide #step_purpose .step-purpose-tab {
	display: grid;
    align-content: center;
}

#tny_guide #step_purpose .accordion {
	display: flex;
    flex-direction: column;
    gap: 1rem;
}

/*注釈*/
#tny_guide #step_purpose .annotation {
	background: #ffffff;
	padding: 2rem 3rem;
}

/*ご用途案内*/
#tny_guide #step_purpose #step_map .list_wrapper,
#tny_guide #step_purpose .tny_wrapper>div.text_intro,
#tny_guide #step_purpose #step_map,
#tny_guide #step_purpose #step_contents,
#tny_guide #step_purpose #step_contents ul,
#tny_guide #step_purpose #step_intro .list_wrapper,
/*#tny_guide #step_purpose #step_intro ul li,*/
#tny_guide #step_purpose #step_intro>div>div,
/*#tny_guide #step_purpose #step_intro ul,*/
#tny_guide #step_purpose #step_intro,
#tny_guide #step_purpose #step_intro>div,
#tny_guide #step_purpose .tny_contents,
#tny_guide #step_purpose .tny_wrapper{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#tny_guide #step_purpose .tny_contents,
#tny_guide #step_purpose .d_flex
{
	gap:2rem;
}


#tny_guide #step_purpose .tny_wrapper{
	gap:3rem;
}


#tny_guide #step_purpose .text_intro>ul>li{
    flex: 0;
}

#tny_guide #step_purpose .text_intro>ul>li .gray_btn{
    width: auto;
}

#tny_guide #step_purpose　.leftline_title{
    margin-left: 2rem;
}


#tny_guide #step_purpose #step_intro .list_wrapper li{
    display: list-item;
}
#tny_guide #step_purpose #step_intro .list_wrapper ul.dott{
    margin-left: 1.5rem;
	display: block;
}

/*「すぐ購入」のお買い物手順ボタン*/
#tny_guide #step_purpose #step_intro01 .list_wrapper .step_btn_express a{
	display: unset;
}
/*「すぐ購入」のお買い物手順ボタン*/

#tny_guide #step_purpose #step_intro .gray_btn a{
    background: #000;
    color: #fff;
		display: inline-block;
}

#tny_guide #step_purpose .tx_gray{
    color: #ccc!important;
}

#tny_guide #step_purpose #step_intro01 .step_intro_title,
#tny_guide #step_purpose #step_intro02 .step_intro_title,
#tny_guide #step_purpose #step_intro03 .step_intro_title,
#tny_guide #step_purpose #step_intro04 .step_intro_title
{
    color: #333;
    font-size: 1.25rem;
    font-weight: bold;

}

#tny_guide #step_purpose .list_wrapper .f_awesome::after{
    left:-3.5rem;
    font-size: 2rem;
}

#tny_guide #step_purpose .list_wrapper .icon_plural_address::after{
    left:-2rem;
    font-size: 1.5rem;
}

/*
#tny_guide #step_purpose .accordion-body{
    padding: 1rem;
}
*/



#tny_guide #step_purpose #step_map .accordion-body .icon_plural_address::before{
    left: -4rem;
}

#tny_guide #step_purpose #step_map .accordion-body .icon_plural_address::after{
    left: -2.5rem;
}



/*4つの方法紹介step_intro*/

#tny_guide #step_purpose #step_intro ul li{
/*    padding: 1rem;*/
/*    border: #ccc solid 1px;*/
    flex:1;

}


#tny_guide #step #step_purpose #step_intro .nav-tabs .nav-link{
    border-radius:unset;
}

#tny_guide #step #step_purpose #step_intro .nav-tabs{
    border-bottom:unset;
}



#tny_guide #step_purpose #step_intro .list_wrapper p{
    align-self: center;
}
#tny_guide #step_purpose #step_intro>div:last-child{
    gap:0;
}


#tny_guide #step_purpose #step_intro li:has(.icon_express) h5{
    padding: 0.75rem 1rem;
    background: #c00;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}

#tny_guide #step_purpose #step_intro .step-tab{
    gap:1rem!important;
}

#tny_guide #step_purpose #step_intro .nav-tabs{
    gap:1rem!important;
}

#tny_guide #step_purpose #step_intro .list_wrapper .d-flex>*{
    flex:1;
}
#tny_guide #step_purpose #step_intro .list_wrapper .d-flex>*:first-child{
    flex:2;
}

#tny_guide #step_purpose #step_intro .accordion-body .icon_plural_address::before{
    left: -4rem;
}

#tny_guide #step_purpose #step_intro .accordion-body .icon_plural_address::after{
    left: -2.5rem;
}



/*4つの方法紹介step_intro*/
#tny_guide #step_purpose #step_intro .list_wrapper{
	gap:2rem;
}

#tny_guide #step_purpose #step_intro .list_wrapper ul{
	gap:unset;
}


/*目次step_contents*/
#tny_guide #step_purpose #step_contents ul li a{
    padding: 1rem;
    border-bottom: 1px solid #000;
    gap: 1rem;
    width: 100%;
}
#tny_guide #step_purpose #step_contents ul li a:hover{
/*
    background: #000;
    color: #fff;
    opacity: unset;
*/
    border-bottom: 1px solid #ccc;
/*    transition : 0.4s;*/
}
#tny_guide #step_purpose #step_contents a::after{
    margin-left: auto;
}



/*目次step_contents*/
#tny_guide #step_purpose .tab-content:has(.active) .tab_initial{
    display: none;
}


@media screen and (max-width: 768px){
    #tny_guide #step #step_purpose .step_intro .nav-tabs .nav-link{
        padding: 0.8rem 0!important;
    }
}

/*マップ部分*/


#tny_guide #step_purpose dt,#tny_guide #step_purpose dd{
    border-bottom:unset;
    padding: 0 0.5rem;
    position: relative;
}

#tny_guide #step_purpose #step_intro dl{
        grid-row-gap: 2rem;
}

#tny_guide #step_purpose #step_intro a{
        display: block;
}

#tny_guide #step_purpose .circle_black a{
    padding: 1rem;
    border-radius: 100px;
    background: #000;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .circle_red a{
    padding: 1rem;
    border-radius: 100px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .circle_white a{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-align: center;
}

#tny_guide #step_purpose .circle_white_line a{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-align: center;
    border: #ccc 1px solid;
}

#tny_guide #step_purpose .circle_gray a{
    padding: 1rem;
    border-radius: 100px;
    background: #ccc;
    color: #000;
    text-align: center;
}



#tny_guide #step_purpose .square_black a{
    padding: 1rem;
    border-radius: 4px;
    background: #000;
    color: #fff;
    text-align: center;
    clip-path: polygon(50% 100%, 0% 30%, 0% 0%, 100% 0%, 100% 30%);
    display: none
}

#tny_guide #step_purpose .square_red a{
    padding: 1rem;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .square_gray a{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #fff;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_purpose .square_gray_bk a{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #000;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_purpose .square_gray::after{
    color: #fff;
}

#tny_guide #step_purpose .square_gray a::after{
    content: none;
}

#tny_guide #step_purpose dd.after_none::after{
    content: none;
}

#tny_guide #step_purpose .square_white a{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
}





#tny_guide #step_purpose .square_white_line{
    display: flex;
    flex-direction: row;
}

#tny_guide #step_purpose .square_white_line>div{
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    border: #ccc 1px solid;
    flex: 1;
    display: flex;
}


#tny_guide #step_purpose .square_white_line a{
    padding: 1rem 0.5rem;
    margin: auto;
    border: unset!important;
}

#tny_guide #step_purpose dd:has(.map_link){
    display: flex;
    flex-direction: row;
}

#tny_guide #step_purpose dd:has(.map_link) div{
    display: flex;
    flex: 1;
}

#tny_guide #step_purpose .bg_gray{
    position: relative;
    z-index: 1;
}



#tny_guide #step_purpose dd::before{
    content: "";
    position: absolute;
    top: -5rem;
    background-color: #ccc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 8rem;
    z-index: -1;
    border-left: 0px solid #ccc;
    width: 1px;
}

#tny_guide #step_purpose dd.flow_last_line7::after{
    content: "";
    position: absolute;
    top: 3rem;
    background-color: #ccc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    height: 7rem;
    z-index: -1;
    border-left: 0px solid #ccc;
    width: 1px;
}

#tny_guide #step_purpose dd.flow_last_line18::after{
	    content: "";
    position: absolute;
    background-color: #ccc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    z-index: -1;
    border-left: 0px solid #ccc;
    width: 1px;
	top: 3rem;
    height: 18rem;
}

#tny_guide #step_purpose dd.flow_last_line32::after{
	    content: "";
    position: absolute;
    background-color: #ccc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    left: 50%;
    z-index: -1;
    border-left: 0px solid #ccc;
    width: 1px;
	    top: 3rem;
    height: 32rem;
}

#tny_guide #step_purpose dd.flow_right_line75::before {
	left: 75%;
}

#tny_guide #step_purpose dd.after_none::before{
    display: none;
}

#tny_guide #step_purpose dd.after_none a{
    background:unset;
}

/*flowchart-line*/


#tny_guide #step_purpose .arrow_white_title{
    display: flex;
    flex-direction: row;
}

#tny_guide #step_purpose #step_map .arrow_white_title>div{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
	text-align: center;
}

#tny_guide #step_purpose #step_map dt div>a,
#tny_guide #step_purpose #step_map dd div>a{
    border: #ccc 1px solid;
}

#tny_guide #step_purpose #step_intro .arrow_white_title>div a{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
}

#tny_guide #step_purpose .arrow_white_title>div a{
    margin: auto 0;
    border: unset!important;

}
#tny_guide #step_purpose .arrow_white_title>div:first-child{
    flex: 1;

}

#tny_guide #step_purpose .arrow_white_title .arrow {
    background: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

#tny_guide #step_purpose .map_link{
    width: fit-content;
    background: #fff;
    margin: auto;
    border-radius: 100px;
    padding: 0 0.6rem;
}

#tny_guide #step_purpose .map_link::after{
    padding-left: unset;
}

#tny_guide #step_purpose .map_link:hover{
    background: #000;
    color: #fff;
}


/*追加部分*/

/*マップ部分*/

#tny_guide #step_purpose .circle_black p{
    padding: 1rem;
    border-radius: 100px;
    background: #000;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .circle_red p{
    padding: 1rem;
    border-radius: 100px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .circle_white p{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-align: center;
}

#tny_guide #step_purpose .circle_white_line p{
    padding: 1rem;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-align: center;
    border: #ccc 1px solid;
}

#tny_guide #step_purpose .circle_gray p{
    padding: 1rem;
    border-radius: 100px;
    background: #ccc;
    color: #000;
    text-align: center;
}



#tny_guide #step_purpose .square_black p{
    padding: 1rem;
    border-radius: 4px;
    background: #000;
    color: #fff;
    text-align: center;
    clip-path: polygon(50% 100%, 0% 30%, 0% 0%, 100% 0%, 100% 30%);
    display: none
}

#tny_guide #step_purpose .square_red p{
    padding: 1rem;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    text-align: center;
}

#tny_guide #step_purpose .square_gray p{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #fff;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_purpose .square_gray_bk p{
    padding: 1rem;
    border-radius: 4px;
    background: #ccc;
    color: #000;
    text-align: center;
    pointer-events: none;
}

#tny_guide #step_purpose .square_gray::after{
    color: #fff;
}

#tny_guide #step_purpose .square_gray p::after{
    content: none;
}

#tny_guide #step_purpose dd.after_none::after{
    content: none;
}

#tny_guide #step_purpose .square_white p{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
}


#tny_guide #step_purpose .square_white_line p{
    padding: 1rem 0.5rem;
    margin: auto;
    border: unset!important;
}

#tny_guide #step_purpose #step_intro02collapse02,
#tny_guide #step_purpose #step_intro03collapse03,
#tny_guide #step_purpose #step_intro04collapse04{
	display: flex;
	flex-direction: column;
	gap:2rem;
}

#tny_guide #step_purpose #step_intro .arrow_white_title>div p{
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
}

#tny_guide #step_purpose .arrow_white_title>div p{
    margin: auto 0;
    border: unset!important;
}





/* ----------------------------------------------------------------------------------

 個別)お買い物手順　5.ご注文の完了#step_complete

 ---------------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
#tny_guide #step_complete .disp_fl_rowcol {
	justify-content: unset;
	flex-direction: column;
}
#tny_guide #step_complete .disp_fl_rowcol .step_list_img{
	width:100%;
}

#tny_guide #step_complete .disp_fl_rowcol .step_list_text {
	flex:0;
}
}


#tny_guide #step_complete .disp_fl_rowcol .step_list_img{
	flex:1;
}

#tny_guide #step_complete .disp_fl_rowcol .step_list_text {
	flex:1;
}



#step_complete .text_intro,
#step_complete ul,
#step_complete .accord_text_intro,
#step_complete .step_list_text,
#step_complete .step_list_img,
#step_complete .step_list02,
#step_complete .step_list03,
#step_complete .step_btns
{
    display: flex;
    flex-direction: column;
    gap:1rem;
}

#step_complete .step_btns {
	gap:1rem;
}

#tny_guide #step_complete .step_btns .d_flex
{
    gap:1rem;
}

#tny_guide #step_complete .tny_contents,
#tny_guide #step_complete .d_flex,
#tny_guide #step_complete .fl_rowcol 
{
	display: flex;
	gap:2rem;
}



#tny_guide #step_complete .step_btns .d_flex {
	display: flex;
	flex-direction: row;
	gap:1rem;
}



#tny_guide #step_complete .tny_wrapper,
#tny_guide #step_complete ul,
#tny_guide #step_complete .manual {
	gap:3rem;
}


#tny_guide #step_complete ul.step-attention {
	color: #CC0000;
	display: flex;
	flex-direction: column;
	gap:0;
}

/*表示画面リスト*/
#step_complete .step_list01
{
	padding: 2rem 0;
	border-top: dotted 1px #ccc;
}
/*表示画面リスト*/