@charset "UTF-8";
/* CSS Document */
/********************************デフォルト(消えるやつSEO対策)*******************************/
#omu_p{
	display: block;
}

#omu_p_2{
	display: block;
}

#asiato{
	display: block;
}
/*********************************************タブレット・スマホ設定****************************************************/
@media screen and (min-width:0px) and (max-width:960px) {
header #mv_sec h1 {
        position: absolute;
        font-size: 5.178571428571429vw;
        top: 31vw;
        left: 13.25vw;
        color: white;
        line-height: 8vw;
	    letter-spacing: 1vw;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
/*****************************sec_0***********************************/
#omu_p{
	display: none;
}

#omu_p_2{
	display: none;
}
	
	h2{
	width: 58.635416666666667vw;
	height: 17.333333333333333vw;
	line-height: 6.65625vw;
	text-align: center;
	margin-top: 22.916666666666667vw;
	margin-left: 22.1875vw;
	font-size: 3.729166666666667vw;
}

#asiato{
	width: 10.860416666666667vw;
	height: 26.53125vw;
	margin-top: 5.3125vw;
	margin-left: 61.666666666666667vw;
}	
/*****************************sec_1***********************************/
	h3{
		font-size: clamp(20px,4.322916666666667vw,40.1px);
		text-align: center;
		margin-top: 8.645833333333333vw;
		margin-bottom: 3.125vw;
	}
	
	#sec_01_img{
		width: 60.583333333333333vw;
		height: 59.645833333333333vw;
		margin-left: 18.25vw;
	}
	
	h4{
		font-size: clamp(14px,3.125vw,30px);
		text-align: center;
		margin-top: 8.229166666666667vw;
		margin-bottom: 6.875vw;
		color: #EE985E;
	}
	
	#sec_01_p{
		width: 67.90625vw;
		height: auto;
		line-height: 8vw;
		text-align: center;
		margin-left: 16.145833333333333vw;
		font-size: clamp(14px,2.083333333333333vw,20px);
	}
		
	#sec_01 a{
    margin-top: 7.625vw;
	margin-left: 20.520833333333333vw;
	font-size: clamp(14px,2.604166666666667vw,25px);
	font-weight:bold;
	color: #EE985E;
	display: flex;
}
	
	#sec_01 a p{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#sec_01 a img{
		width: 4.832291666666667vw;
		height: 4.832291666666667vw;
	}
/*****************************sec_2***********************************/
	#sec_02{
		width: 100vw;
		height: 120.291666666666667vw;
		background: url("../images/omukae/sec_02/tb_sp/sec_02_back@2x.png");
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: 27.375vw 20.770833333333333vw ;
	}
	
	#sec_02_gif{
		width: 38.5vw;
		height: 47.229166666666667vw;
		margin-top: 79.625vw;
		margin-left: 20.854166666666667vw;
	}
/****************************sec_03*************************************/
	/****************************アコーディオンメニュー共通設定*************************************/	
	#sec_03{
		position: relative;
	}
	
	.sec_03_img{
        width: 60.651041666666667vw;
        height: /*57.778125vw;*/auto;
		position: relative;
		left: 17.8vw;
	}
	/****************************アコーディオンメニュー*************************************/

	
	.accordion-008 {
    max-width: 70.083333333333333vw;
	margin-left: 15.666666666666667vw;
    margin-bottom: -25.9375vw;
    border-radius: 7.1vw;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #FFCDA8;
	}

.accordion-008 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 64vw 7vw 8vw;
	color: #754c24;
	font-size: clamp(14px,2.916666666666667vw,28px);
    font-weight: 600;
    cursor: pointer;
	text-align: center;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width:2.8125vw;
    height: 2.8125vw;
    margin-left: 10px;
    border-bottom: 3px solid #754c24b3;
    border-right: 3px solid #754c24b3;
    content: '';
    transition: transform .3s;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0vw 8vw 6.5vw;
	color: #754c24;
	font-size: clamp(14px,2.395833333333333vw,20px);
    transition: transform .5s, opacity .5s;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
    line-height: 4vw;
	}
	
	
	#sec_03_1{
		top: 56vw;
	}
	
	#sec_03_2{
		top: 56vw;
	}
	
	#sec_03_3{
		top: 56vw;
		left: 8.8vw;
	}

	#sec_03_4{
		top: 56vw;
	}
	
	#sec_03_5{
		top: 56vw;
		left: 5vw;
	}
	
	#sec_03_6{
		top: 56vw;
	}
	/****************************キラキラ*************************************/	
	.kira_1{
	 position: absolute;
     width: 25vw;
	 height: 16.666666666666667vw;
	}
	
	.kira_2{
        position: absolute;
     width: 25vw;
	 height: 16.666666666666667vw;
	}
	
	#kira_1{
        top: 145vw;
        left: 70vw;
	}
	
	#kira_2{
        top: 245vw;
        left: 0vw;
	}
	
	#kira_3{
        top: 370vw;
        left: 75vw;
	}
	
	#kira_4{
        top: 457vw;
        left: 0vw;
	}
	
	#kira_5{
        top: 570vw;
        left: 70vw;
	}
	/****************************sec_03_猫・犬装飾*************************************/
	#sec_03_neko{
		position: relative;
		top: 4vw;
		left: 45vw;
		width: 8.973958333333333vw;
		height: 14.320833333333333vw;
		z-index: 2;
	}
	#sec_03_inu{
		position: relative;
        z-index: 3;
        top: 4vw;
		left: 45vw;
		width: 11.973958333333333vw;
		height: 14.320833333333333vw;
	}
	/****************************sec_04*************************************/
	#sec_04 p{
		font-size: clamp(16px,2.604166666666667vw,25px);
		line-height: 7vw;
		text-align: center;
		margin-top: 40vw;
	}
	
	#hito_2,#hito_3{
		width: 49.895833333333333vw;
		height: 48.541666666666667vw;
	}
	
	#hito{
		display: flex;
	}
	
	#sec_04 a{
		font-size: 2.604166666666667vw;
		color: #754C24;
		width: 47.072916666666667vw;
		height: 12.59375vw;
		display: block;
		text-align: center;
		padding: 5.104166666666667vw 7.104166666666667vw ;
		margin-top: 10vw;
		margin-left: 30vw;
		border-radius: 20vw;
		background-color: #FFE8A8;
	}
	
	/****************************sec_05*************************************/

	#sec_05{
    margin-top: 40vw;
	}
	
	#kotira{
		font-size:  clamp(16px,6.390625vw,61px);
		color: #EE985E;
		text-align: center;
		margin-bottom: 11.354166666666667vw;
	}
	
	#dow_p{
		width: 65.541666666666667vw;
		height: 41.65625vw;
		line-height: 8.520833333333333vw;
		text-align: left;
		font-size: clamp(16px,4.260416666666667vw,40px);
		margin-left: 17.083333333333333vw;
		margin-bottom: 13.020833333333333vw;
	}
	
	#dow{
		position: absolute;
		font-size: clamp(16px,7.510416666666667vw,72px);
		font-weight: 500;
		margin-left: 33.958333333333333vw;
	}
	
	#sen_02{
		width: 60.427083333333333vw;
		height: 10.46875vw;
		text-align: center;
		margin-left:  18.958333333333333vw;
	}
	
	#ap_icon{
		width: 63.958333333333333vw;
		height: 63.958333333333333vw;
		margin-left: 19.916666666666667vw;
		margin-bottom: 10.291666666666667vw;
		margin-top: 10vw;
	}
	
	#go_ap{
		display: flex;
		flex-flow: column;
		text-align: center;
	}
	
	#google{
		width: 60.635416666666667vw;
		height: 17.53125vw;
		margin-bottom: 7.1875vw;
	}
	
	#apple{
		width:  49.489583333333333vw;
		height: 17.604166666666667vw;
	}
	
	#ap_sumaho{
		display: none;
	}
	
	/**********************************footer************************/
	footer{
		margin-top: 34vw;
	}
}
/******************************************PC版設定******************************************************/
@media screen and (min-width:961px) {
	#omu_p{
		font-size: 1.822916666666667vw;
		font-weight: bold;
		text-align: center;
	}
	
	#omu_p_2{
		font-size: 1.041666666666667vw;
		text-align: center;
		margin-top: 0.5vw;
	}
	
	h2{
		font-size:  0.9375vw;
		text-align: center;
		margin-top: 4.1875vw;
	}
	
	#asiato{
		display: none;
	}
	
	#sec_01{
	}
	
	#sec_01_flex{
		display: flex;
		width: 100%;
		height: 22.34375vw;
		justify-content: center;
		margin-top: 4.5vw;
	}
	
	#sec_01_flex_2{
		display: flex;
	}
	
	h4{
		width: 23.65625vw;
		height: 1.71875vw;
	}
	
	#sec_01_img{
		width: 19.8390625vw;
		height: 19.53125vw;
		/*margin-left: 23.489583333333333vw;*/
	}
	
	h3{
		font-size:1.354166666666667vw;
		margin-top: 0.7vw;
		margin-left: 47.239583333333333vw;
		position: absolute;
	}
	
	h4{
		position: absolute;
		font-size: 1.343824471744407vw;
		font-weight:500;
		color: #EE985E;
        margin-top: 3vw;
        margin-left: 3vw;	
	}
	
	#sec_01_p{
		font-size: 1.041666666666667vw;
		width: 28.697916666666667vw;
		height: auto;
		line-height: 2.083333333333333vw;
        margin-top: 5vw;
        margin-left: 3vw;	
	}
	
	#sec_01 a img{
	width: 2.416145833333333vw;
	height: 2.416145833333333vw;
	font-size: clamp(14px,1.04166666666667vw,25px);
	font-weight:bold;
	color: #EE985E;
	display: flex;
	margin-left: 56vw;
    margin-top: -2vw;
	}
	
	#sec_01 a p{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
        margin-left: 48vw;
        padding-top: 0.5vw;
		font-size: 1.302083333333333vw;
		color: #EE985E;
	}
	
	/*****************************sec_02***********************************/
	
	#sec_02_gif{
		width: 10.473958333333333vw;
		height: 13.28125vw;
		left: 5.020833333333334vw;
		position: absolute;
	}
	/*****************************sec_03**********************************/	
	
	/********************kira***********************/
		.kira_1{
        position: absolute;
        width: 9vw;
        height: 6.666666666666667vw;
        left: 64vw;
	}
	
	.kira_2{
     position: absolute;
     width: 12vw;
	 height: 6.666666666666667vw;
     left: -18vw;
	top: 30vw;
	}
	
	#sec_03{
		width: 60.489583333333333vw;
		height: auto;
		position: relative;
        left: 20vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
        margin-top: 4vw;
	}
	
	
	#sec_03_neko{
		position: absolute;
	}
	
	#sec_03_inu{
		position: absolute;
	}
	
		/****************************アコーディオンメニュー共通設定*************************************/		
	.sec_03_img{
		width: 17.3125vw;
		height: 15.692708333333333vw;
		position: relative;
		z-index: 1;
	}
	/****************************アコーディオンメニュー*************************************/

	
	.accordion-008 {
    max-width: 18.770833333333333vw;
	width: 18.770833333333333vw;
	height: 21.041666666666667vw;
	/*margin-left: 15.666666666666667vw;*/
    /*margin-bottom: -25.9375vw;*/
    border-radius: 3.1vw;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #FFCDA8;
	}

.accordion-008 summary {
	/*width: 24.770833333333333vw;
	height: 21.041666666666667vw;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*position: relative;*/
    padding: 17vw 3vw 4vw;
	color: #754c24;
	font-size: clamp(14px,0.833333333333333vw,20px);
    font-weight: 600;
    cursor: pointer;
	text-align: center;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width:1vw;
    height: 1vw;
    margin-left: 10px;
    border-bottom: 3px solid #754c24b3;
    border-right: 3px solid #754c24b3;
    content: '';
    transition: transform .3s;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 3vw 2vw 2.5vw;
    color: #754c24;
    background-color: #FFCDA8;
    border-radius: 0 0 4vw 4vw;	
	margin-top: -5vw;
	font-size: clamp(14px,2.395833333333333vw,20px);
    transition: transform .5s, opacity .5s;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
    line-height: 3vw;
    font-size: clamp(14px, 1.395833333333333vw, 16px);
	margin-top: -7vw;
	}

	#acc_1{
	    margin-right: 2vw;
	}	
	
	#acc_2{
	    margin-right: 2vw;
	}
	
	#acc_3{
	}
	
	#acc_4{
		margin-top: 2vw;
	    margin-right: 2vw;
	}
	
	#acc_5{
		margin-top: 2vw;
	    margin-right: 2vw;
	}
	
	#acc_6{
		margin-top: 2vw;
	}


	
	#sec_03_1{
		position: absolute;
	}
	
	#sec_03_2{
		position: absolute;
        left: 20.8vw;
	}
	
	#sec_03_3{
		position: absolute;
        left: 41.8vw;
	}
	
	#sec_03_4{
		position: absolute;
        top: 23vw;
	}
	
	#sec_03_5{
		position: absolute;
        top: 23vw;
		left: 20.8vw;
	}
	
	#sec_03_6{
		position: absolute;
        top: 23vw;
		left: 41.8vw;
	}
	
	#acc_1[open] ~ #acc_4 {
    margin-top: 30vw; 
}
	
	#acc_1[open] ~ #sec_03_4 {
    margin-top: 28vw; 
}
	
	#acc_2[open] ~ #acc_5 {
    margin-top: 33vw; 
}
	
	#acc_2[open] ~ #sec_03_5 {
    margin-top: 31vw;
}
	
	#acc_3[open] ~ #acc_6 {
    margin-top: 30vw; 
}
	
	#acc_3[open] ~ #sec_03_6 {
    margin-top: 28vw;
}
	
	#acc_4 p[open]{
	margin-top: -7vw;
	}
	
	#acc_5[open] ~ #sec_04
    #acc_5[open] ~ #sec_05,
    #acc_5[open] ~ footer
	{
    margin-top: 50vw; 
}
	
	#acc_5[open] ~ #sec_03_4 {
    margin-top: 28vw; 
}

	
	
	/*********************************inu_neko***********************************/
	#sec_03_inu{
		width: 5vw;
		height:7vw;
		position: absolute;
        left: -10vw;
        top: 44vw;	
	}
	
	#sec_03_neko{
		width: 5vw;
		height:7vw;
		position: absolute;
		left: 68vw;
        top: 24vw;
	}
	/*********************************sec_04***********************************/
	#sec_04{
		position: relative;
	}
	
	#sec_04 p{
		font-size: 1.302083333333333vw;
		line-height: 2.604166666666667vw;
		text-align: center;
		margin-top: 6.614583333333333VW;
	}
	
	#hito{
		margin-left: 36.5vw;
		margin-bottom: 5vw;
	}
	
	#hito_2,#hito_3{
		width: 12.760416666666667vw;
		height: 13.369791666666667vw;
	}
	
	#hito_2{
		position: absolute;
		left: 26vw;
	}
	
	#hito_3{
		position: absolute;
		left: 60vw;
	}
	
	#sec_04 a{
		background-color: #FFE8A8;
		text-align: center;
		/*position: absolute;*/
		padding: 2vw;
		border-radius: 6vw;
        /*top: 12.125vw;
        left: 42.270833vw;*/
        margin-left: 42vw;
		font-size: 1.302083333333333vw;
		color: #A67C52;
	}
	
	/*********************************sec_05*******************************/
	#sec_05{
		position: relative;
		width: 100%;
		height: 43.75vw; 
		top: 5vw;
	}
	
	#sec_05 #kotira{
		margin-top: 5.020833333333334vw;
		/*margin-left: 25.520833333333333vw;*/
		font-size: 2.604166666666667vw;
		font-weight: 600;
		text-align: center;
		color:#EE985E;
		letter-spacing: 1.229166666666666vw;
	}
	
	#sec_05 #dow_p{
		width: 26.385416666666667vw;
		height: 8.458333333333333vw;
		font-size: clamp(14px,1.302083333333333vw,25px);
		line-height: 2.239583333333333vw;
		position: absolute;
		top: 7.370833333333333vw;
		left: 25.885416666666667vw;
	}
	
	#ap_icon{
		width: 11.135416666666667vw;
		height: 11.135416666666667vw;
		position: relative;
		top: 4vw;
		left: 54.270833333333333vw;
	}
	
	#sen_02{
		display:none;
	}
	
	#dow{
		display: none;
	}
	
	#ap_orange_back{
		width: 62.65625vw;
		height: 12.552083333333333vw;
		background-color: #FBC84A;
		border-radius: 20vw;
		position: absolute;
		top: 21.143946186120337vw;
		left: 18.59375vw;
	}
	
	#google{
		width: 16.145833333333333vw;
		height: 4.669270833333333vw;
		margin-top: 3.958333333333333vw;
		margin-right: 1.145833333333333vw;
		margin-left: 7.708333333333334vw;
	}
	
	#apple{
		width: 13.177083333333333vw;
		height: 4.6875vw;
		margin-top:3.958333333333333vw;
	}
	
	#ap_sumaho{
		width: 15.385416666666667vw;
		height: 21.927083333333333vw;
		position: absolute;
		top: -11vw;
		left: 44.21875vw;
	}
	
	#footer_inuneko {
		top: auto;
		margin-top: -6vw;
	}
}