@charset "utf-8";

/*header*/

#header {

    position: relative;

}



#header .flex-container {

    position: fixed;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 1000;

    max-width: 750px;

    height: 80px;

    margin-right: auto;

    margin-left: auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #fff;

    padding: 0 20px 0 20px;

}



/*mi*/

#mi {

    position: relative;

    margin-top: 80px;

}



#mi_yama {

    position: relative;

    margin-top: 80px;

}



.feb {

    background: url(../img/fv.png) no-repeat center top;

}



.yama {

    background: url(../img/fv_yama.png) no-repeat center top;

}



#model_name {

    position: absolute;

    left: 25px;

    top: 900px;

}



/*#mi {

    background: url(../img/mi_bg.jpg) no-repeat center top;

    position: relative;

    margin-top: 80px;

}*/

#mi .box:first-child {

    height: 535px;

    padding-left: 31rem;

    padding-right: 0;

}







#mi_yama .box:first-child {

    height: 525px;

}



/*#fv {

    width: 100%;

    position: absolute;

    left: 0;

}*/



#scheduled_fv_newyear {

    width: 100%;

    position:absolute;

    left: 0; 

}





#fv_title {

    position: absolute;

    left: 15px;

    top: 20px;

}



#takeda_rena {

    position: absolute;

    left: 25px;

    top: 900px;

}



#cp_in_fv {

    position: absolute;

    right: 20px;

    top: 600px;

}



#mi .flex-container {

    left: 0;

    right: 0;

    margin-top: -60px;

    max-width: 750px;

    margin-right: auto;

    margin-left: auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 12px 0 20px;

}



#mi .points_cnt {

    padding-left: 0;

    padding-right: 0;

}



#mi_yama .flex-container {

    left: 0;

    right: 0;

    margin-top: -60px;

    max-width: 750px;

    margin-right: auto;

    margin-left: auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 12px 0 20px;

}



#mi_yama .points_cnt {

    padding-left: 0;

    padding-right: 0;

}



#campaign {

    position: relative;

}



#campaign .box {

    /*height: 2289px;*/

    /*height: 2910px; 正月版の際*/

    padding-left: 0;

    padding-right: 0;

}



#campaign .flex-container {

    max-width: 710px;

    margin-top: 15px;

    margin-right: auto;

    margin-left: auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



/*#scheduled_cp_newyear {

    position: absolute;

    left: 0;

}*/





/*voice*/

#voice {

    position: relative;

}



/*chicken_chan*/

#chicken_chan {

    position: relative;



}



/*movie*/

#movie {

    background: url(../img/movie_bg.jpg) no-repeat center top;

    position: relative;

}

#movie .box{height:554px;}





/*orange*/

#orange {

    background: url(../img/orange_bg.png) no-repeat center top;

    position: relative;

    margin-top: -71px;

}

#orange .box:first-child{height:269px;}





/*concern*/

#concern {

    background: url(../img/concern_background.png) no-repeat center top;

    position: relative;

    /*margin-top: 40px;*/

}



#concern .box{height:1177px;}



#concern_box{

    position: absolute;

    left: 35px;

    top: 170px;

    width: 90%;

}



#concern_contents{

    position: absolute;

    left: 115px;

    top: 210px;

    width: 70%;

}



#concern_human{

    position: absolute;

    right: 35px;

    top: 700px;

    width: 90%;

    /*z-index: 10;*/

}





/*solve*/

#solve {

    background: url(../img/solve_background.png) no-repeat center top;

    position: relative;

}



#solve .box{height:1680px;}



#solve_box{

    position: absolute;

    top: 30px;

    left: 20px;

}



#solve_title{

    position: absolute;

    left: 20px;

    top: 114px;

}



#solve_voice{

    position: absolute;

    right: 150px;

    top: 40px;

}



#solve_voice_yama{

    position: absolute;

    right: 185px;

    top: 40px;

}



#solve_human{

    position: absolute;

    right: 0px;

    top: 10px;

    width: 40%;

}



#solve_human_yama{

    position: absolute;

    right: 0px;

    top: 10px;

    width: 30%;

}



#solve_content{

    position: absolute;

    top: 340px;

    left: 60px;

}



#solve_images{

    position: absolute;

    top: 550px;

    left: 35px;

}



#kuchikomi_title{

    position: absolute;

    width: 100%;

    top: 830px;

    left: 0px;

}



#kuchikomi_1{

    position: absolute;

    top: 1130px;

    left: 50px;

}



#kuchikomi_2{

    position: absolute;

    top: 1280px;

    right: 55px;

}



#kuchikomi_3{

    position: absolute;

    top: 1430px;

    left: 50px;

}



/*reason*/

#reason {

    position: relative;

    margin-bottom: 30px;

}



#reason .box {

    padding-left: 0;

    padding-right: 0;

}



#reason .box_short {

    padding-left: 0;

    padding-right: 0;

    /*height: 2960px;*/

    background-color: #ebefe6;

    width: 100%;

    max-width: 750px;

    margin-right: auto;

    margin-left: auto;

}



#reason .swiper-slide {

    width: 600px;

    clip-path: polygon(0 0, 91% 0, 100% 5%, 100% 100%, 0 100%, 0% 50%);

}



#reason .swiper-cards {

    overflow: visible;

    padding: 2rem 5rem;

}



#reason .swiper-pagination-horizontal {

    top: 1000px;

}



.persona_ul {

    width: 630px;

    margin: auto;

}



.persona-img {

text-align: center;

padding-bottom: 40px;

}



#point01_title {

    position: absolute;

    top: 205px;

    left: 0;

}



#point02_title {

    position: absolute;

    right: 0;

    top: 1250px;

}



#point03_title {

    position: absolute;

    left: 0;

    top: 2650px;

}



#compare_list {

    position: relative;

    margin-top: 30px;

}



#compare_list .box {

    padding-left: 0;

    padding-right: 0; 

}



#compare_title {

    position:absolute;

    top: 16px;

    right: 70px;

}



#message .box {

    padding-left: 0;

    padding-right: 0;  

}



/*slide*/

#slide {

    background: url(../img/3voices_title_background.jpg) no-repeat center top;

    position: relative;

    padding-top: 12px;

}



#slide .box{height:985px;}



.slide_attention {

    font-weight: bold;

    text-align: end;

    padding: 10px 60px;

}



.golf-preview

{

    position: absolute;

    top: 360px;

    overflow: hidden;

    left: 0;

}

.golf-preview-slides

{

    width: 85%;

    max-width: 750px;

    margin: 0 auto;

}

.insta-showcase

{

    position: relative;

}

.golf-preview-img img.swiper-slide

{

    width:72vw;

}



:root {

    --swiper-theme-color: #b79257 !important;

}



.golf-preview .swiper-button-next:after

{

    background-image: url(../img/arw.png);

    width: 32px; /* ボタンの幅 */

    height: 32px; /* ボタンの高さ */

    content: '';

}

.golf-preview .swiper-button-prev:after

{

    background-image: url(../img/arw.png);

    transform: scale(-1, 1); /* 左右反転 */

    width: 32px; /* ボタンの幅 */

    height: 32px; /* ボタンの高さ */

    content: '';

}



/*user*/

#uservoice {

    position: relative;

    margin-bottom: 80px;

}



/*lessonの流れ*/

#lesson {

    position: relative;

}



#lesson .box {

    height: 2540px;

    padding-left: 0;

    padding-right: 0;  

}



#lesson_title {

    position: absolute;

    top: 60px;

    left: 50px;

}



#lesson_1 {

    position: absolute;

    top: 180px;

    left: 40px;

}



#lesson_2 {

    position: absolute;

    top: 720px;

    left: 40px;

}



#lesson_3 {

    position: absolute;

    top: 1370px;

    left: 40px;

}



#lesson_1_form {

    position: absolute;

    width: 35%;

    top: 545px;

    left: 90px;

}



#lesson_1_LINE {

    position: absolute;

    width: 35%;

    top: 545px;

    right: 100px;

}





#lesson_zenkoku {

    position: absolute;

    top: 2050px;

    left: 0;

}



/* arrow */

#arrow {

    position: relative;

}



#arrow .box {

    height: 518px;

    padding-left: 0;

    padding-right: 0;

}



#chickengolf_arrow {

    position: absolute;

}



/* form */

#form {

    position: absolute;

    top: -80px;

}

.formDateContent {

    display: flex;

    justify-content: space-between;

}

.formDateContent input {

    width: 55%;

    margin-right: 10px;

    cursor: pointer;

}

.formDateContent div {

    width: 25%;

    margin-right: 10px;

}

.formDateContent div:last-child {

    margin-right: 0;

}



#contactForm {

    width: 640px;

    margin: 0 auto;

    padding-bottom: 40px;

}

.formRow {

    margin-bottom: 20px;

}

.formLeft {

    display: block;

    color: #707070;

    font-weight: bold;

    font-size: 4rem;

    margin-bottom: 10px;

    position: relative;

}

.formRight {position: relative;

    color: #2e3860;

    font-weight: bold;

    font-size: 3.2rem;

}



.formLeft span.required,.formLeft span.free,.formLeft span.error {

    color: #fff;

    font-weight: bold;

    font-size: 3.5rem;

    padding: 2px 12px;

    margin: 0 0 0 10px;

    background: #b79257;

    position: relative;

    top: -2px;

}



.formLeft span.error {

    background: white;

    font-size: 2rem;

    color: red;

    border: red 1px solid;

}



.formLeft span.free {

    background: #ccc;

}



.datepicker {

    font-size: 28px;

    width: 500px;

}



.datepicker--cell {

    height: 64px;

}



.datepicker--day-name {

    font-size: 1em;

    color:#9896c8 !important;

}



.datepicker--nav-title, .datepicker--nav-action {

    font-size: 1em;

}



.datepicker--nav {

    min-height: 64px;

}



.datepicker--time-icon {

    font-size: 32px;

    width: 2em;

    height: 2em;

}



.datepicker--nav-action {

    width: 64px;

}



.datepicker--nav-action svg {

    width: 64px;

    height: 64px;

}





.custom-checkbox {

    text-align: center;

    margin-bottom: 15px;

    margin-top: 30px;

}

.custom-checkbox input[type="checkbox"]{

    display: none;

}

.custom-checkbox .vir-label{

    cursor: pointer;

    display: inline-block;

    padding-bottom: 0px;

}

.custom-checkbox .vir-content{

    vertical-align: middle;

    color: #707070;

    font-weight: bold;

    font-size: 4rem;

}

.custom-checkbox .vir-checkbox {

    width: 34px;

    height: 34px;

    background: #FFF;

    border: 2px solid #ccc;

    border-radius: 6px;

    margin-right: 6px;

    vertical-align: middle;

    position: relative;

    display: inline-block;

}

.custom-checkbox input[type="checkbox"]:checked + .custom-checkbox .vir-checkbox {

    background: #2aa1c0;

}

.custom-checkbox input[type="checkbox"]:checked + .vir-label .vir-checkbox:before{

    content: "";

    position: absolute;

    left: 10px;

    top: 3px;

    width: 10px;

    height: 18px;

    border: solid #f94d84;

    border-width: 0 3px 3px 0;

    transform: rotate(45deg);

}



.formDes {

    border: 1px solid #CCC;

    padding: 20px;

    box-sizing: border-box;

    margin-bottom: 30px;

}

.formDes p {

    color: #706770;

    font-size: 2.5rem;

}



#btnLine {

    width:520px;

}



.formRowRadio input[type=radio] {

    width: 22px;

    height: 22px;

}



.formRowRadio input[type=radio]:not(:first-child) {

    margin-left: 20px;

}





/*list-shop*/

#list-shop .box{

    background-color: #f0f0f0;

}



.listShopTitle {

    padding: 40px 0 20px 0;

    background-color: #f0f0f0;

}



.listShopTitle p {

    text-align: center;

    font-size: 42px;

    font-weight: 900;

    color: #fff;

    font-family: 'Tsukushi-B-Round-Gothic-Std-B', sans-serif;

    letter-spacing: 0.5rem;

}

button.collapsible  {

    display: block;

    position: relative;

    margin: 58px auto 55px auto;

    width: 422px;

    max-width: 100%;

    font-size: 2.35rem;

    font-weight: bold;

    text-decoration: none;

    color: #FFF;

    background: #f6f6fa;

    border-radius: 18px;

    padding: 20px 60px 20px 0;

    text-align: right;

    box-sizing: border-box;

    outline: none;

    border: none;

    cursor: pointer;

}



button.collapsible:after {

    content: '';

    position: absolute;

    width: 40.9px;

    height: 40.9px;

    background-image: url('../img/open.svg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

    right: 8px;

    top: 50%;

    transform: translate(0, -50%);

}



button.collapsible.active:after {

    background-image: url('../img/open.svg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}





.listShopAddress .collapsible {

    display: block;

    margin: 0 auto;

    position: relative;

    font-size: 3.6rem;

    letter-spacing: 0.2rem;

    width: calc(100% - 80px);

    font-weight: 500;

    text-align: center;

    padding: 25px 0;

    color: #0ca26c;

    border-radius: 9px;

    box-sizing: border-box;

    cursor: pointer;

    outline: none;

    border: none;

    font-weight: bold;

    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);

}



.listShopAddress .collapsible:after {

    content: '';

    position: absolute;

    width: 34px;

    height: 34px;

    background-image: url('../img/open.svg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

    right: 21px;

    top: 50%;

    transform: translate(0, -50%);

}



.listShopAddress .collapsible.active:after {

    background-image: url('../img/close.svg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.listShopAddress {

    background-color: #f0f0f0;

}



.listShopAddress ul {

    width: 725px;

    max-width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.listShopAddress ul li {

    width: 100%;

    padding-bottom: 20px;

}



.listShopAddress ul li:last-child {

    padding-bottom: 45px;

}



.listShopAddress ul li .shopAddressContent {

    background-color: #FFF;

    padding: 30px 30px;

    box-sizing: border-box;

    margin-top: -10px;

    border: 1px solid #0071B7;

    border-radius: 0 0 9px 9px;

    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);

}



.listShopAddress ul li .shopHairMap {

    position: relative;

    height: 160px;

    width: 100%;

    margin-bottom: 15px;

    overflow: hidden;

}



.listShopAddress ul li .shopHairMap iframe  {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.listShopAddress .collapsibleContent .shopMapDes {

    padding-bottom: 40px;

    display: flex;

}





.listShopAddress .collapsibleContent .shopMapDes:last-child {

    padding-bottom: 0;

}



.listShopAddress .collapsibleContent .shopMapDes p {

    color: #333;

    font-size: 2.9rem;

    line-height: 1.45;

    font-weight: 500;

}



.listShopAddress .collapsibleContent .shopMapDes p.title {

    font-size: 2.9rem;

    line-height: 1.45;

    font-weight: 500;

    width: 145px;

}



.listShopAddress .collapsibleContent .shopMapDes p.offday {

    color: #ED1C24;

    font-weight: bold;

}



.listShopAddress ul li .shopAddressContent {

    border: none;

}



.listShopAddress li > .collapsibleContent {

    padding: 0px 40px 20px 40px;

    box-sizing: border-box;

    border-radius: 9px;

}



.listShopAddress li > .collapsibleContent .collapsible {

    padding: 15px 0;

    background: linear-gradient(-37deg, #f6f6fa 0%, #f6f6fa 50%, #fff 50%, #fff 100%);

    color: #7370b4;

    border-radius: 9px;

    margin: 0 auto 20px;

    width: calc(100% - 60px);

}



.listShopAddress li > .collapsibleContent .collapsible.active {

    margin-bottom: 0;

    z-index: 1;

}



.listShopAddress li > .collapsibleContent .collapsible:after {

    width: 40px;

    height: 40px;

}



.listShopAddress li > .collapsibleContent .collapsible.active:after {

    border-radius: 50%;

}



.listShopAddress li > .collapsibleContent .collapsibleContent {

    padding: 74px 30px 10px 30px;

    box-sizing: border-box;

    border-radius: 6px;

    position: relative;

    margin: -44px auto 20px;

    background-color: #807ea9;

    box-shadow: 1px 1px 0 #ffffff30;

}



.listShopAddress li > .collapsibleContent > .collapsibleContent .collapsible {

    background: linear-gradient(-37deg, #f6f6fa 0%, #f6f6fa 50%, #fff 50%, #fff 100%);

    margin: 0 auto 20px;

    width: calc(100% - 60px);

}



.listShopAddress li > .collapsibleContent > .collapsibleContent .collapsibleContent {

    padding: 74px 30px 30px 30px;

    background-color: #fff;

    margin: -65px auto 30px;

}



.listShopAddress li > .collapsibleContent > .collapsibleContent .shopAddressContent {

    padding: 0;

}

/*end list shop*/



/*Q&A*/



#qa .ul .li {

    background-color: white;

}



.qa_title {

    padding: 40px 0 20px 0;

}



.toggle_contents {

	border: 4px solid #35583f;

    margin: 30px 20px;

}



.toggle_contents dd {

    padding: 25px;

}



.toggle_contents li {

    font-size: 28px;

}



.toggle_title {

    background-color: #35583f;

	position: relative;

	padding: 20px 95px 20px 20px;

	cursor: pointer;

	font-size: 28px;

	line-height: 1.4;

    color: white;

}



.toggle_btn {

	position: absolute;

	top: 50%;

	right: 30px;

	transform: translateY(-50%);

	display: block;

	width: 24px;

	height: 24px;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

	/*border-radius: 50%;*/

}

.toggle_btn:before, .toggle_btn:after {

	display: block;

	content: '';

	background-color: #fff;

	position: absolute;

	width: 25px;

	height: 5px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.toggle_btn:before {

	width: 5px;

	height: 25px;

}

.toggle_title.selected .toggle_btn:before {

	content: normal;

}

.toggle_contents dd {

	display: none;

}

#reason .toggle_contents dd {

	display: block;

}



/*fb*/

.fb_btn {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    z-index: 1000;

    display: flex;

    align-items: flex-end;

    justify-content: space-evenly;

    max-width: 750px;

    background:#fff;

    padding: 20px 0px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.2s;

}



.active {

    opacity: 1;

    visibility: visible;

}





#fb_txt{

    position: absolute;

    left: 46px;

    bottom: 85px;

}



.pc { display: block !important; }

.sp { display: none !important; }





/* thanks.html */

#thanks h1 {

    margin-bottom: 15px;

    font-size: 3.6rem;

    color: #0ca26c;

}

#thanks p {

    margin-bottom: 30px;

    font-size: 2rem;

    color: #333;

}

#thanks a {

    margin-bottom: 30px;

    display: inline-block;

}

/********************************************************************************************/

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



    /* Fixedイメージの処理 */

    

.pc { display: none !important; }

.sp { display: block !important; }



#mi .box:first-child {

    height: 515px;

    padding-left:30rem;

}



#mi_yama .box:first-child {

    height: 515px;

}





}



html {

    scroll-behavior: initial;

}



/*CHICKENGOLF-152*/

#list-shop .box {

    background-color: #f0f0f0;

}



.listShopAddress ul {

    width: 640px;

}



#list-shop .shopMapDes {

    display: flex;

    justify-content: center;

}



#list-shop .shopMapDes dt {

    width: 170px;

}



#list-shop .shopMapDes dd {

    width: 420px;

}





/*End CHICKENGOLF-152*/



.points_cnt {

    position: relative;

    padding-top: 49rem;

}

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

    .points_cnt {

    position: relative;

    padding-top: 48rem;

}

}



.points_cnt .box {

    padding-left: 0;

    padding-right: 0;

}



.points_cnt .points_cnt_inner ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.points_cnt .points_cnt_inner {

    padding: 3rem 0;

}