a {
	color: #333333;
	&:visited {
		color: #333333;
	}
	&:link {
		color: #333333 !important;
	}
	&:hover {
		color: #333333 !important;
	}
}
#id_logo_image {
	width: 258px;
}
nav#menu.text_menu_bar > ul#main_menu{
}

body.dev_pc nav#menu.text_menu_bar > ul#main_menu > li{
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}
body.dev_pc nav#menu.text_menu_bar > ul#main_menu > li#idmntpt{
	margin-right: auto;
	margin-left: 30px;
	width: 260px;
	height: 72px;
	&:hover{
		background-color: transparent !important;
	}
}
body.dev_pc nav#menu.text_menu_bar > ul#main_menu > li > a{
	padding: 24px;
}
body.dev_pc nav#menu.text_menu_bar > ul#main_menu > li a{
	font-family: var(--font_gothic);
}
body.dev_pc nav#menu ul.submenu{
	background-color: white;
	border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet) 1;
	border-top: 4px solid;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
}
#menu ul.submenu_menu li, #menu ul.submenu_menu li a, #menu ul.submenu li, #menu ul.submenu li a{
	height: auto;
}
#menu ul.submenu li {
	> a{
		padding: 4px 18px;
	}
	&:first-child > a{
		padding-top: 8px;
	}
	&:last-child > a{
		padding-bottom: 8px;
	}
}

body.dev_pc section.wide div.text{
	max-width: 1260px;
	width: 100%;
}

.to_link_website{

	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

	> a{
		text-decoration: none !important;
	}
	
}

.icon_color_wheel{
	margin-left: 12px;
	position: relative;
	width: 40px;
	height: 40px;
	display: block;
}

.color-wheel {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: conic-gradient(
		red, yellow, lime, cyan, blue, magenta, red
	);
	position: relative;
	top: 0;
	left: 0;
}

.color-wheel.animation{
	animation: rotate 5s linear infinite;
}
.center-circle {
	width: 36px;
	height: 36px;
	background-color: white;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.center-circle span {
	text-align:center !important;
	padding: 0px !important;
	text-indent: 3px;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
}
.center-circle span > i{
	color: #AAAAAA;
}

header.header-container div.header_bg{
	width: 100%;
	padding: 0px 32px;
    position: fixed;
    z-index: 102;
    top: -9px;
    background-color: white;
	body.dev_pc & {
	    height: 72.8px;
	}
	body.dev_mob & {
		height: 42px;
	}
	> div.header_bg_inner > div.header_link_top{
		margin-bottom: 0px;
		margin-top: 8px;
	}
}

nav#menu.text_menu_bar{
	background-color: transparent;
	width: 100%;
	> ul#main_menu {
		width: 100%;
		> li > a > div {
			font-weight: normal;
			font-size: 14.6px !important;
		}
		> li#idmninq > a {
			padding: 18px 24px;
			> div.color-wheel{
				background-image: none !important;
			    width: 128px;
			    height: 36px;
			    background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red) !important;
			    border-radius: 24px;
			}
			> div.center-circle{
				background-color: white;
				width: 122px;
				border-radius: 24px !important;
				height: 30px;
				transform: translate(-67px, -15px);
				> span{
					font-size: 1.0rem;
				}
			}
		}
	}
}

div.color-wheel.no-animation{
	animation: none;
}
#Image1:before,
#Image2:before
{
	display: none;
}

div#slideshow > div#id_top_image_title_area{
	background-image:none !important;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	writing-mode: vertical-rl;
	width: auto !important;
	body.dev_pc & {
		top: calc(50% - 162px) !important;
	}
	body.dev_mob & {
		padding-top: 0px;
		padding-bottom: 0px;
		top: calc(50% - 142px);
	}
	> #id_top_image_title{
		text-align: left;
		line-height: 4.8rem;
		font-size: 2.8rem;
		width: auto !important;
		letter-spacing: 0.2rem;
		> span.left{
			display: inline-block;
		    transform: translateX(-3px);
		}
		> span.right{
			display: inline-block;
		    transform: translateX(3px);
		}
	}
}

div.bg_white_contents{
	width: 100%;
	body.dev_pc & {
		max-width: 984px;
		padding: 64px 48px 112px 48px !important;
	}
	body.dev_mob & {
		max-width: 100%;
		padding: 24px 12px 36px 12px !important;
	}
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	div.transparent{
		background: conic-gradient(
			from 90deg, /* グラデーションの開始位置（上） */
			rgba(251, 238, 252, 0.7), /* 淡いグリーン */
			rgba(253, 239, 242, 0.7), /* 淡いブルー */
			rgba(242, 246, 252, 0.7), /* 淡いラベンダー */
			rgba(233, 252, 230, 0.7), /* 淡いピンク */
			rgba(252, 248, 231, 0.7), /* 淡いイエロー */
			rgba(251, 238, 252, 0.7)  /* 淡いグリーン */
		);
	}
}

.left_rainbow,
.page_ccontents h4.left_rainbow
{
	margin-left: auto;
	margin-right: auto;
	font-weight: normal !important;
	text-align: center;
	color: black;
	display: inline-block !important;
	border-top: 2px solid #AAAAAA;
	border-bottom: 2px solid #AAAAAA;
	position: relative;
	width: auto !important;

	body.dev_pc & {
		margin: 12px auto 64px auto;
		font-size: 1.7rem !important;
		padding: 32px 128px 20px 128px;
	}
	body.dev_mob & {
		text-align: center !important;
		min-width: 100%;
		margin: 12px auto 32px auto;
		font-size: 1.5rem !important;
		padding: 32px 24px 20px 24px;
	}
	&:before{
		content: '';
		position: absolute;
		width: 33%;
		display: block;
		top: -4px;
		left: 0px;
		height: 6px;
		background: linear-gradient(
			to right, 
			#e60012 0%, #e60012 11.11%,
			#f08200 11.11%, #f08200 22.22%,
			#fff100 22.22%, #fff100 33.33%,
			#6eb92b 33.33%, #6eb92b 44.44%,
			#1eb9ee 44.44%, #1eb9ee 55.55%,
			#2b71b8 55.55%, #2b71b8 66.66%,
			#14116e 66.66%, #14116e 100% 
	    );
	}
}
body.dev_pc.page_ccontents h4.left_rainbow{
	min-width: 576px;
}
div.wrapper_midashi_left_window {
	width: 100%;
	text-align: center;
}
body.dev_pc ul#id_price_table > li{
	scroll-margin-top: 73.8px;
}
h4.rainbow_text{
	text-shadow: none !important;
	background: linear-gradient(to right, red, red, orange, yellow, green, cyan, blue, purple) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
a.no_under_bar{
	text-decoration: none;
}
ul.kome{
	margin: 24px auto;
	width: 100%;
	padding-left: 32px;
	> li {
		text-align: left;
		text-indent: -13px;
		list-style-type: none;
		&:before{
			content: '※';
		}
	}
}
ul.check{
	margin: 24px auto;
	width: 100%;
	padding-left: 32px;
	> li {
		font-size: 1.1rem;
		text-align: left;
		text-indent: -13px;
		list-style-type: none;
		&:before{
			color: red;
			margin-right: 12px;
			font-size: 1.6rem;
			font-family: var(--font_awesome);
			content: '\f14a';
		}
	}
}
.border_radius{
	color: #555555;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	border-radius: 48px;
	padding: 18px;
	margin-top: 36px;
	margin-bottom: 36px;
}
figure{
	body.dev_mob & {
		margin: 0px;
	}
	margin-top: 48px;
	margin-bottom: 48px;
}
section.wide ul.recommend_button > li > span {
	cursor: pointer;
    padding: 12px 12px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    display: block;
	body.dev_pc & { font-size: 1.4rem; }
	body.dev_mob & { font-size: 1.2rem; }
	line-height: 2.2rem;
	a.icon_color_wheel{
		float: right;
	}
}
li > a.btn:has(img){
	overflow: hidden;
	filter: brightness(0.7) !important;
	&:hover{
		filter: brightness(1.0) !important;
	}
}
h3.donut_rainbow {
	body.dev_pc & { 
		width: 528px;
		height: 525px;
		font-size: 2.0rem !important;
	}
	body.dev_mob & {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
		height: 92vw;
		font-size: 1.6rem !important;
		background-size: contain;
	}
	overflow: visible;
	background-image: url('https://new.organic-nico.com/orner/img/arc/donut_rainbow.webp');
	background-repeat: no-repeat;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content: space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	padding: 0px 18px;
	margin-left: auto !important;
	margin-right: auto !important;
	color: black !important;
	font-weight: normal;

}
ul.check.simple > li:before{
	content: '\f00c';
	font-weight: normal;
	color: black;
	font-size: 0.8rem;
}
div.rainbow_circle_arrow_link{
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	
	> span{
		font-size: 1.00rem;
		margin-right: 12px;
		> a{
			text-decoration: none;
		}
	}
}
h3.h3_midashi.midashi_none{
	text-shadow: none !important;
}
div.kome {
	color: var(--string_color);
}
a.white_big_button {
	> div:first-child {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	> span {
		text-align: center;
		font-weight:normal;
	}
}

#id_c_inquiry {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	table.def {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		tr {
			display:flex;
			display:-webkit-flex;

			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-moz-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;

			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-moz-justify-content:flex-start;
			-ms-justify-content:flex-start;

			align-items:flex-start;
			-webkit-align-items:flex-start;
			-moz-align-items:flex-start;
			-ms-align-items:flex-start;
			background-color: transparent;
			&#id_tr_form_th{
				display: none;
			}
			td {
				width: 100%;
				background-color: transparent !important;
				border: 0px none;
				font-size: 1.0rem;
				&.left {
					padding-bottom: 0px;					
				}
				&.no {
					padding-left: 20px !important;
				}
				input,
				select, 
				textarea
				{
					font-size: 1.0rem;
					border-radius: 36px;
					padding: 20px 32px !important;
				}
				span.hissu {
					border-radius: 18px;
					padding: 6px 18px;
					font-size: 0.9rem;
					background-color: #e60012;
				}
				input {
					width: 100%;
					&#first_name,
					&#last_name,
					&#furi_first_name,
					&#furi_last_name
					{
						width: calc(50% - 12px);
					}
					&#zip1,
					&#zip2
					{
						width: 25%;
						margin: 0px 2px !important;
					}
				}
			}
		}
	}
	#id_area_submit_cancel_button{
		display:flex;
		display:-webkit-flex;
	
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
	
		justify-content:space-around;
		-webkit-justify-content:space-around;
		-moz-justify-content:space-around;
		-ms-justify-content:space-around;

		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
	}
	#id_submit_confirm, 
	#id_submit,
	#id_submit_cancel
	{
		float: none;
		background-color: var(--strong_color);
		color: #333333;
		border-radius: 4px;
		padding: 14px 24px;
		box-shadow: none;
		border: 1px solid #AAA;
		width: 400px;
		height: 134px;
		border-radius: 72px;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
		margin-left: auto;
		margin-right: auto;
		font-size: 1.5rem;
		cursor: pointer;
		background-color: white;
	}
	#id_submit_confirm, 
	#id_submit
	{
		background-image: url(https://new.organic-nico.com/orner/img/arc/submit.webp);
	}
	#form_caution {
		margin-top: 48px;
		width: 100%;
		background-color: transparent;
	}
	#id_area_save_form {
		display: none;
	}
	div.form_include_file>h3.form_privacy_midashi {
		color: rgba(50,50,50,0.8);
		border-bottom: 6px double rgba(50,50,50,0.8);
	}
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
body.dev_pc #id_li_footer_twitter{
	margin-right: 16px;
}