/*
Theme Name: Trineeds Donut's Main Theme
Version: 1.0
Derived from the Original Theme: Twenty Eleven
Original Theme URI: http://wordpress.org/extend/themes/twentyeleven
Original Author: the WordPress team
Original Author URI: http://wordpress.org/
Original Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&family=Shippori+Mincho:wght@400;500;700&family=Noto+Sans+JP:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Grey+Qo&display=swap');

@import url('https://coco-fiona.jp/wp-content/themes/coco-fiona/common.css');
@import url('https://coco-fiona.jp/wp-content/themes/coco-fiona/pc.css');
@import url('https://coco-fiona.jp/wp-content/themes/coco-fiona/sp.css');
@import url('https://coco-fiona.jp/wp-content/themes/coco-fiona/mac.css');


/* Common */
.grey {
	font-family: "Grey Qo", cursive , serif;
	font-weight: 400;
	font-style: normal;;
}
.abril {
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
}
#top_instagram .instagram_wrap #sbi_load .sbi_follow_btn a {
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
}
/* Header */
#masthead {
	background-image: url(/images/mv_trineeds.webp);
	padding-top: 0;
}
#head_open {
}
#masthead .motivator .bar {
	height: 70px;
}
#masthead .motivator .bar::before {
	content: none;
}
#masthead .motivator .bar::after {
	width: 1px;
	background-color: white;
	animation: trineedsScrollMotif 2s linear 0s infinite normal;
}
@keyframes trineedsScrollMotif {
	0% { height: 70px; margin-top: 0px; }
	30% { height: 0; margin-top: 70px; }
	50% { height: 0; margin-top: 70px; }
	80% { height: 70px; margin-top: 0; }
	100% { height: 70px; margin-top: 0; }
}


/* Footer */
#colophon {
	background: var(--trineeds-brown);
}
.ft_txt p:not(.abril) {
	color: var(--trineeds-yellow);
	font-weight: bold;
	line-height: 1.3333;
}
#ft_copyright {
	font-size: 0.75rem;	/* 12px */
}

/* Front-Page */
:is(#top_instagram, #top_contact) h2 {
	font-weight: normal;
	line-height: 1.3333;
	letter-spacing: 0.2em;
}
#top_instagram h2 {
	background-image: url(/images/ic_instagram_white.svg);
}

/* Contact Form */
.wp-theme-trineedsdonut {/* MTL MAC 2025.7 */
	color: white;
}
.wp-theme-trineedsdonut #mainwall, .wp-theme-trineedsdonut .entry-content {/* MTL MAC 2025.7 */
	background: var(--trineeds-brown);
}
.wp-theme-trineedsdonut .entry-content p {/* MTL MAC 2025.7 */
	background-color: inherit;
}
.wp-theme-trineedsdonut #top_contact .contact_wrap {/* MTL MAC 2025.7 */
	background: rgba(255, 255, 255, 0.2);
}
.wp-theme-trineedsdonut #top_contact form.wpcf7-form td input, .wp-theme-trineedsdonut #top_contact form.wpcf7-form td textarea {/* MTL MAC 2025.7 */
	opacity: 1;
	border-color: #FFFFFF;
}
.wp-theme-trineedsdonut #top_contact form.wpcf7-form .policy_text, .wp-theme-trineedsdonut #top_contact form.wpcf7-form .privacy_bottom_address {/* MTL MAC 2025.7 */
	border-color: #FFFFFF;
}
.wp-theme-trineedsdonut #top_contact form.wpcf7-form .submit-button .wpcf7-submit,
.wp-theme-trineedsdonut #top_contact form.wpcf7-form .buttons-area-confirm input {/* MTL MAC 2025.7 */
	background-color: var(--trineeds-brown);
}
.wp-theme-trineedsdonut a.linkbtn,
.wp-theme-trineedsdonut #top_instagram .instagram_wrap #sbi_load .sbi_follow_btn a {/* MTL MAC 2025.7 */
	background-color: var(--trineeds-yellow)!important;
	color: var(--trineeds-brown);
}
.wp-theme-trineedsdonut #top_contact form.wpcf7-form .submit-button .wpcf7-submit:hover,
.wp-theme-trineedsdonut #top_contact form.wpcf7-form .buttons-area-confirm input:hover {/* MTL MAC 2025.7 */
	color: var(--trineeds-brown);
	background-color: var(--trineeds-yellow);
}
.wp-theme-trineedsdonut a.linkbtn:hover,
.wp-theme-trineedsdonut #top_instagram .instagram_wrap #sbi_load .sbi_follow_btn a:hover {/* MTL MAC 2025.7 */
	background-color: var(--trineeds-yellow);
}
.wp-theme-trineedsdonut #top_contact form.wpcf7-form p.buttons-area .button-rewrite {/* MTL MAC 2025.7 */
	color: white;
}
.wp-theme-trineedsdonut #top_contact .thanks_part h2 {/* MTL MAC 2025.7 */
	letter-spacing: normal;
}
.wp-theme-trineedsdonut .accept_line .wpcf7-list-item input[type="checkbox"] {/* MTL MAC 2025.7 */
	border-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0);
}
.wp-theme-trineedsdonut .accept_line .wpcf7-list-item input[type="checkbox"]:checked {/* MTL MAC 2025.7 */
	background-color: #FFFFFF;
	box-shadow: inset 0px 0px 0px 2px rgba(66, 34, 8, 0.8);
}


/* General breakpoint for PC
----------------------------------------------- */
@media print, screen and (min-width: 768px) {

	/* Header */
	#masthead {
		padding-bottom: 380px;
	}
	.countdown {
		margin-top: -125px;
	}
	.countdown .days .ato {
		font-size: 3.375rem;	/* 54px */
		vertical-align: 90px;
	}
	.countdown .days .number {
		font-size: 28.75rem;	/* 460px */
	}
	.countdown .days .nichi {
		font-size: 5rem;	/* 80px */
	}
	.countdown .time {
		font-size: 2.9375rem;	/* 47px design is 47.31px */
		margin-top: -115px;
	}
	.countdown .time .number {
		font-size: 5.375rem;	/* 86px */
	}
	#head_logo {
		margin-top: -99px;
	}
	#head_soon {
		font-size: 3.75rem;	/* 60px */
		letter-spacing: 0.25em;
		margin-top: 308px;
		margin-bottom: 0;
	}
	.admin-bar #masthead .motivator {
		top: min(calc(100% - 99px), calc(var(--viewheight) - 430px));
	}

	/* Footer */
	#colophon {
		padding-top: 20px;
	}
	.ft_txt p:not(.abril) {
		font-size: 3rem;	/* 48px */
		margin-top: 15px;
	}
	.ft_txt p.abril {
		font-size: 1.375rem;	/* 22px */
		letter-spacing: 0.3em;
	}


	/* Front-Page */
	#top_instagram {
		padding-top: 58px;
	}
	#top_instagram h2 {
		margin-bottom: 20px;
	}

}


/* Special Break Point */

	@media screen and (max-width: 1094px) {
		#head_logo {
			margin-top: -50px;
		}

	}


/* General breakpoint for SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

	/* Header */
	#masthead {
		background-image: url(/images/sp/mv_trineeds.webp);
		padding-top: 31px;
	}
	#masthead #head_open img {
		width: 100%;
		margin-inline: 0;
	}
	#head_logo {
		width: 71.7333%;	/* 269/375 */
		min-width: 269px;
		margin-top: -22px;
	}
	.countdown {
		margin-top: -65px;
	}
	.countdown .days .ato {
		font-size: 1.8125rem;	/* 29px */
		vertical-align: 48px;
	}
	.countdown .days .number {
		font-size: 15.5625rem;	/* 249px design is 249.73px */
	}
	.countdown .days .nichi {
		font-size: 2.6875rem;	/* 43px design is 43.43px */
		vertical-align: 8px;
	}
	.countdown .time {
		font-size: 1.625rem;	/* 26px design is 25.69px */
		margin-top: -65px;
	}
	.countdown .time .number {
		font-size: 2.9375rem;	/* 47px design is 46.69px */
	}
	#head_soon {
		display: none;
	}

	/* Footer */
	#colophon #ft_logo {
		width: 74.1333%;	/* 278/375 */
		min-width: 278px;
	}
	#ft_date {
		margin-bottom: 15px;
	}
	.ft_txt p:not(.abril) {
		font-size: 2.125rem;	/* 34px */
		margin-bottom: 30px;
	}



	/* Front-Page */
	.wp-theme-trineedsdonut #mainwall {
		padding-bottom: 35px;
	}
	#top_instagram {
		margin-bottom: 45px;
	}
	
	/* COntact Form */
	.wp-theme-trineedsdonut #top_contact form.wpcf7-form .submit-button .wpcf7-submit, /* MTL MAC 2025.7 */
	.wp-theme-trineedsdonut #top_contact form.wpcf7-form .buttons-area-confirm input {
		color: var(--trineeds-brown);
		background-color: var(--trineeds-yellow);
	}