/*https://www.techs-s.com/wp-content/uploads/2026/04/oogiri_background.png1*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Yuji+Syuku&display=swap');

/* ==========================================================================
   カラーパレット（PHPから動的に出力）
   ========================================================================== */
:root {
	--color-brown-dark: #633319;
	--color-brown-mid: #AE8A6A;
	--color-beige: #F9E0BA;
	--color-beige-border: #DDC48E;
	--color-red-primary: #B81C25;
	--color-red-accent: #C30D23;
	--color-green-frame: #2C6543;
	--color-orange: #E5A37F;
	--color-orange-button: #ffc14d;
	--color-orange-button-border: #ffa600;
	--color-coral: #F5AF8D;
	--color-pink-light: #ffccd4;
	--color-blue-noa: #8AB3E6;
	--color-blue-noa-light: #c9e1ff;
	--color-blue-bg-light: #f0f8ff;
	--color-blue-bg-soft: #D1E3F9;
	--color-blue-sns: #78ACDF;
	--color-twitter: #00acee;
	--color-twitter-x: #0F1419;
	--color-facebook: #0866FF;
	--color-cyan-counter: #3abee9;
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-gray-text: #555555;
	--color-gray-dark: #333333;
	--color-gray-mid: #595757;
	--color-gray-light: #CCCCCC;
	--color-gray-lighter: #EEEEEE;
	--color-yellow-light: #FFFFE0;

	--font-base: "Noto Sans JP", sans-serif;
	--font-fancy: "Yuji Syuku", serif;
}


/* ==========================================================================
   リセット & 共通
   ========================================================================== */
* {
	margin: 0;
	padding: 0;
}

body {
	padding-top: 34px;
	background: var(--color-brown-dark);
}

/* ==========================================================================
   ヘッダー & ナビゲーション
   ========================================================================== */
header {
	position: fixed;
	top: 0;
	background: var(--color-brown-dark);
	width: 100% !important;
	z-index: 99;
}

header nav {
	display: flex;
	justify-content: space-between;
}

header nav .oogiri_nav {
	display: flex;
	margin: 10px 25px;
}

header nav .oogiri_nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 20px;
	padding: 5px;
	margin: 2px;
	color: var(--color-beige);
	text-decoration: none;
	font-size: 1.2em;
	border-bottom: 3px solid var(--color-beige);
}

.oogiri_link {
	display: flex;
}

.oogiri_link a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
	width: 150px;
	text-decoration: none;
}

@media print, screen and (min-width: 900px) {
	.oogiri_link a:first-child,
	.oogiri_link a:nth-child(2) {
		background: url(../img/oogiri/button.png) no-repeat center / contain;
		color: var(--color-gray-text);
		margin: 0 5px;
		font-weight: 400;
		font-family: var(--font-fancy);
	}
}

.oogiri_link a:last-child {
	background: var(--color-red-primary);
	color: var(--color-white);
	border-radius: 5px;
	margin: 10px 5px 8px 5px;
}

/* ==========================================================================
   フッター
   ========================================================================== */
footer dl {
	background: var(--color-white);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}

footer dl dt {
	font-weight: bold;
	margin: 0 40px;
}

footer dl dd img {
	width: 300px !important;
}

.copyright-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: var(--color-beige);
	padding: 20px 0;
}

.copyright-link ul {
	list-style: none;
	display: flex;
	padding: 5px 10px;
}

.copyright-link p {
	padding: 5px 10px;
}

.copyright-link ul a {
	color: var(--color-beige);
	padding: 0 5px;
}

/* ==========================================================================
   メインビジュアル / トップ
   ========================================================================== */
main {
	background: url('https://www.techs-s.com/wp-content/uploads/2026/04/oogiri_background.png');
}

section {
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}

.oogiri_top {
	position: relative;
	background: url(../img/oogiri/back.png) var(--color-white);
	background-size: contain;
}

.oogiri_top:before {
	display: block;
	content: "";
	padding-top: 80%;
}

.oogiri_top .oogiri_key_visual {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	user-select: none;
}

.oogiri_top .oogiri_key_visual img {
	width: 100%;
	vertical-align: top;
}

#oogiri-top-logo {
	width: 55%;
	position: absolute;
	top: 8%;
	left: 3%;
}

.how_do_u_complete {
	position: absolute;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	top: 12%;
	right: 10%;
	background: var(--color-white);
	padding: 30px;
	border: 1px solid var(--color-gray-text);
	z-index: 5;
}

.oogiri_curtain {
	width: 100%;
	height: 50px;
	content: "";
	background: url(../img/oogiri/oogiri_curtain.svg) repeat;
	background-size: contain;
}

.oogiri_lantern {
	position: relative;
	content: "";
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.oogiri_lantern:before,
.oogiri_lantern:after {
	position: absolute;
	content: "";
	display: block;
	width: 20%;
	max-width: 300px;
	height: 300px;
	background: url(../img/oogiri/lantern.png) no-repeat;
	background-size: contain;
	top: 0;
	z-index: 10;
}

.oogiri_lantern:before { left: 0; }

.oogiri_lantern:after {
	transform: scale(-1, 1);
	right: 0;
}

/* ==========================================================================
   お題説明 / 概要
   ========================================================================== */
.oogiri_description {
	text-align: center;
	padding: 20px 0;
	background: var(--color-white);
}

.oogiri_description h2 {
	margin: 30px;
	font-size: 2em;
}

.oogiri_description p {
	margin: 30px;
	line-height: 2em;
}

.oogiri_description a {
	display: block;
	background: var(--color-brown-dark);
	color: var(--color-white);
	border-radius: 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	padding: 15px;
	max-width: 300px;
	border: 2px solid var(--color-white);
	box-shadow: 0 0 0 2px var(--color-brown-dark);
	margin: 50px auto;
}

#oogiri_description2 {
	padding: 50px 0;
}

#oogiri_description2 p {
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	line-height: 2em;
}

/* ==========================================================================
   みるの先生プロフィール
   ========================================================================== */
#about_miruno {
	display: flex;
	justify-content: center;
	max-width: 800px;
	margin: 30px auto 50px;
	padding: 15px;
	background: var(--color-beige);
	border: 3px solid var(--color-white);
	box-shadow: 0 0 0 3px var(--color-beige);
	border-radius: 10px;
	position: relative;
}

#about_miruno:before {
	position: absolute;
	content: "Profile";
	font-weight: bold;
	font-size: 0.8em;
	background: var(--color-gray-dark);
	color: var(--color-white);
	letter-spacing: 0.2em;
	padding: 2px 10px;
	top: -20px;
	left: -10px;
}

#about_miruno a {
	display: block;
	width: 150px;
	text-align: center;
	background: var(--color-orange-button);
	color: var(--color-white);
	padding: 2px 6px;
	text-decoration: none;
	font-size: 1.1em;
	border: 2px solid var(--color-orange-button-border);
	outline: 2px solid var(--color-white);
	position: absolute;
	bottom: -15px;
	right: 15px;
}

#about_miruno a:hover {
	background: var(--color-white);
	color: var(--color-orange-button);
	transition: 0.4s;
}

#about_miruno dt {
	font-weight: bold;
	font-size: 1.5em;
}

#about_miruno dt span {
	font-size: 0.6em;
}

#about_miruno dd {
	margin: 10px 10px 0;
	font-size: 0.8em;
}

#about_miruno dd div {
	display: flex;
	justify-content: right;
	margin: 0;
	padding: 0;
}

#about_miruno figure {
	margin: 10px;
}

#about_miruno figure img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.back_paper {
	background: url(../img/oogiri/paper.png);
}

/* ==========================================================================
   景品要項
   ========================================================================== */
#keihin-youkou {
	padding-top: 50px;
	background: var(--color-white);
}

#keihin-youkou p { text-align: center; }

#keihin-youkou dl {
	padding: 30px;
	max-width: 800px;
	margin: auto;
}

#keihin-youkou dt {
	font-weight: bold;
	margin: 5px 0;
	padding: 2px 10px;
	background: var(--color-gray-lighter);
}

#keihin-youkou dd { margin-bottom: 15px; }

#keihin-youkou dt:before {
	content: "■";
	color: red;
	margin-right: 5px;
}

#keihin-youkou #keihin {
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(0deg, rgba(131, 22, 49, 1), rgba(204, 20, 28, 1))!important; 
	color: #FFF;
	text-align: center;
	font-size: 2.5em;
	width: 90%;
	margin: auto;
	height: 60px;
	position: relative;

}

#keihin-youkou #keihin span {
    background: linear-gradient(206deg, rgba(255, 252, 209, 1) 10%, rgba(243, 225, 139, 1) 37%, rgba(203, 155, 12, 1) 46%, rgba(209, 166, 34, 1) 52%, rgba(255, 252, 209, 1) 89%, rgba(251, 207, 0, 1));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    filter: drop-shadow(1px 2px 0 #000);
}

#keihin-youkou #keihin:before {
	display: block;
	content: "";
	top: 0;
	left: 0;
	border-left: 20px solid #FFF;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
}

#keihin-youkou #keihin:after {
	display: block;
	content: "";
	top: 0;
	right: 0;
	border-right: 20px solid var(--color-white);
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 20px solid transparent;
	position: absolute;
}

#requirements {
	padding-top: 55px;
	padding-bottom: 40px;
}

/* ==========================================================================
   アワード一覧
   ========================================================================== */
#awards {
	padding: 20px 0;
	max-width: 800px;
	margin: auto;
}

#awards > li {
	width: 100%;
	list-style: none;
}

#awards sup { font-size: 0.6em; }

#awards > li > ul {
	display: flex;
	list-style: none;
	align-items: center;
	padding: 10px;
	flex-wrap: nowrap;
	margin: auto;
}

#awards > li > ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
}

#awards > li > ul > li:first-child {
	background: var(--color-beige);
	flex-shrink: 0;
}

#awards > li > ul > li:first-child,
#awards > li > ul > li:nth-child(2) {
	width: 180px;
	height: 60px;
	font-weight: bold;
	font-size: 1.2em;
	flex-shrink: 0;
}

#awards > li > ul > li > ul {
	padding-left: 20px;
	font-size: 0.8em;
}

#awards h3 {
	border-top: 4px solid var(--color-coral);
	border-bottom: 4px solid var(--color-coral);
	border-right: 2px solid var(--color-coral);
	border-left: 2px solid var(--color-coral);
	padding: 10px;
	margin: 30px 0 15px;
	font-size: 1.5em;
	text-align: center;
}

#awards h3:first-child {
	border-color: var(--color-beige);
}

.nyusen li:first-child {
	background: var(--color-coral) !important;
}

#awards hr { display: none; }

#youkou {
	display: block;
	max-width: 800px;
	margin: auto;
	background: var(--color-gray-mid);
	color: var(--color-white);
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 15px;
}

/* ==========================================================================
   のあちゃん
   ========================================================================== */
#noachan {
	text-align: center;
	max-width: 700px;
	margin: 30px auto 0;
	border: 0 none var(--color-blue-noa);
	padding: 0;
	position: relative;
}

#noachan dl {
	width: 100%;
	background: var(--color-white);
	margin: 0;
}

#noachan dt {
	font-size: 1.5em;
	background: var(--color-blue-noa);
	color: var(--color-white);
	padding: 10px 10px 10px 15px;
}

#noachan dt span { font-size: 0.8em; }

#noachan dd {
	padding: 5px 20px;
	margin: 0;
}

#noachan dd div {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	padding: 30px;
}

#noachan dd p {
	margin: 0;
	padding-bottom: 10px;
	text-align: right;
}

#noachan dd p a {
	background: var(--color-blue-noa);
	text-decoration: none;
	color: var(--color-white);
	border-radius: 5px;
	padding: 0 15px;
	border: 1px solid var(--color-white);
	outline: 2px solid var(--color-blue-noa);
	font-size: 0.8em;
}

#noachan dd p a:hover {
	background: var(--color-white);
	color: var(--color-blue-noa);
	transition: 0.4s;
}

#noachan figure {
	max-width: 200px;
	margin: auto;
}

#noachan img {
	width: 100%;
	height: auto;
}

.noachan_link {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-blue-noa);
	text-decoration: none;
	color: var(--color-white);
	border-radius: 5px;
	max-width: 300px;
	padding: 8px 15px 0;
	margin: 10px auto 20px;
	border: 1px solid var(--color-white);
	outline: 2px solid var(--color-blue-noa);
	font-size: 1em;
}

/* ==========================================================================
   SNSアワード
   ========================================================================== */
#sns_award {
	background: var(--color-blue-bg-light);
	box-shadow: 1.5px 1.5px 5px var(--color-shadow-soft);
	color: var(--color-gray-dark);
}

#sns_award h2 {
	text-align: center;
	font-size: 2em;
	font-weight: 900;
	border-bottom: 5px solid var(--color-blue-noa-light);
	padding: 50px 0;
	margin: 0;
	background: var(--color-blue-noa);
	color: var(--color-white);
}

#sns_back {
	background: url(../img/oogiri/wavy-back.png) var(--color-white);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

#sns_award ol {
	padding: 30px;
	line-height: 3em;
	list-style: none;
	counter-reset: content_index;
	background: var(--color-white);
	border: 4px solid var(--color-blue-noa);
	margin: 20px 0;
	font-weight: bold;
}

#sns_award ol .index_count {
	text-indent: -1.8em;
	padding-left: 1.8em;
	line-height: 2em;
	padding-bottom: 20px;
}

#sns_award > p {
	text-align: center;
	margin: 30px 20px 10px;
	background: var(--color-white);
	padding: 5px;
	font-weight: bold;
}

.index_count:before {
	counter-increment: content_index;
	content: counter(content_index)'.';
	margin-right: 10px;
	font-weight: bold;
	font-size: 1.2em;
	color: var(--color-cyan-counter);
}

/* Twitter / X ボタン */
.twitter {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-white);
	background: var(--color-twitter);
	width: 200px;
	height: 50px;
	padding: 5px;
	letter-spacing: 2px;
	border-radius: 10px;
	font-size: 0.8em;
	vertical-align: top;
	margin: 10px;
	line-height: 0.5em;
	border: 1px solid var(--color-white);
	box-shadow: 0 0 0 2px var(--color-twitter);
	text-decoration: none;
}

.twitter:hover {
	color: var(--color-twitter);
	background: var(--color-white);
	transition: 0.2s;
}

.twitter i { font-size: 3em; }

.twitterX {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-white);
	background: var(--color-twitter-x);
	max-width: 420px;
	height: 45px;
	padding: 7px;
	letter-spacing: 2px;
	border-radius: 30px;
	font-size: 0.8em;
	vertical-align: top;
	margin: 20px 10px 12px;
	line-height: 0.5em;
	border: 1px solid var(--color-white);
	box-shadow: 0 0 0 2px var(--color-twitter-x);
	text-decoration: none;
}

.twitterX:hover {
	color: var(--color-twitter-x);
	background: var(--color-white);
	transition: 0.2s;
}

.twitterX i { font-size: 3em; }

#sns_account {
	display: flex;
	justify-content: center;
	max-width: 500px;
	margin: auto;
	flex-wrap: wrap;
}

/* ==========================================================================
   トップアワード装飾
   ========================================================================== */
.oogiri_top_award {
	position: absolute;
	top: 18%;
	right: 0;
	font-size: 0.7em;
	max-width: 500px;
}

.oogiri_top_award > div:first-child strong:before {
	position: absolute;
	display: block;
	content: "";
	background: url(../img/oogiri/orange_paint.png) no-repeat bottom / contain;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -5;
}

.top_award_img {
	position: absolute;
	top: 5%;
	right: 0;
	width: 50%;
	user-select: none;
}

.oogiri_top_award > div ul li {
	position: relative;
	list-style: none;
	padding: 5px 5px 5px 30px;
	color: var(--color-red-primary);
	font-size: 1.2em;
	text-align: left;
}

.oogiri_top_award > div ul li:before {
	position: absolute;
	display: block;
	content: "";
	background: url(../img/oogiri/crown.svg) no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	top: 5px;
	left: 0;
}

/* ==========================================================================
   お題テーマ表示
   ========================================================================== */
#oogiri_theme {
	background: var(--color-beige);
}

.oogiri_theme_manga dt {
	display: flex;
	justify-content: center;
}

.oogiri_theme_manga dt div {
	font-family: var(--font-fancy);
	font-weight: 400;
	background: var(--color-white);
	font-size: 2.5em;
	padding: 5px 25px 8px;
	border: 4px solid var(--color-beige-border);
	border-left-width: 12px;
	border-right-width: 12px;
	box-shadow: 0 0 0 4px var(--color-green-frame);
	margin: 15px 15px 30px;
}

.oogiri_theme_manga dd {
	display: flex;
	justify-content: center;
	padding-bottom: 100px;
}

.oogiri_theme_manga dd figure {
	padding: 15px;
	background: var(--color-white);
}

.oogiri_theme_manga dd figure img {
	object-fit: contain;
	max-width: 400px;
}

.oogiri_theme_manga dd div {
	background: var(--color-orange);
	color: var(--color-white);
	writing-mode: vertical-rl;
	max-width: 80px;
	width: 100%;
	padding-top: 20px;
	display: flex;
	align-items: center;
}

#form_progress h1 { margin: 50px auto; }

#oogiri_theme h2,
#form_progress h1 {
	text-align: center;
	padding: 80px 0 30px;
	color: var(--color-black);
	font-size: 2.5em;
}

#oogiri_theme h2 span,
#form_progress h1 {
	position: relative;
	z-index: 5;
	padding: 10px 50px 10px 30px;
}

#oogiri_theme h2 span:before,
#form_progress h1:before {
	position: absolute;
	display: block;
	content: "";
	background: url(../img/oogiri/orange_paint.png) no-repeat bottom / contain;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* ==========================================================================
   回答例（ボケ・ツッコミ）
   ========================================================================== */
.oogiri_theme_example p {
	line-height: 2em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 50px 0 30px;
}

.oogiri_theme_example h3 {
	background: var(--color-brown-dark);
	color: var(--color-white);
	padding: 10px;
	text-align: center;
	max-width: 500px;
	margin: auto;
}

.oogiri_answer_example {
	display: flex;
	align-items: center;
	justify-content: center;
}

.oogiri_answer_example dl { margin: 30px; }

.oogiri_answer_example dl dt {
	background: var(--color-black);
	color: var(--color-white);
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 10px 10px 0 0;
	width: 90px;
	text-align: center;
}

.oogiri_answer_example dl dd,
.good_award_column div > div {
	border: 2px solid var(--color-black);
	border-radius: 15px;
	max-width: 500px;
	min-width: 210px;
	min-height: 90px;
	font-weight: bold;
	background: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

#confirm_answer1,
#confirm_answer2 {
	display: flex;
	content: "";
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 15px;
	word-break: break-all;
}

#your_answer_confirm .oogiri_answer_example dl dd { max-width: 500px; }

/* 吹き出しシッポ（ボケ） */
.oogiri_answer_example.boke dl dd:before {
	display: block;
	content: "";
	right: -40px;
	border: 40px solid var(--color-black);
	border-right: 0 solid transparent;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	position: absolute;
}

.oogiri_answer_example.boke dl dd:after {
	display: block;
	content: "";
	right: -36px;
	border: 40px solid var(--color-white);
	border-right: 0 solid transparent;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	position: absolute;
}

/* 吹き出しシッポ（ツッコミ） */
.oogiri_answer_example.tsukkomi { padding-bottom: 50px; }

.oogiri_answer_example.tsukkomi dl dd:before {
	display: block;
	content: "";
	left: -40px;
	border: 40px solid var(--color-black);
	border-left: 0 solid transparent;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	position: absolute;
}

.oogiri_answer_example.tsukkomi dl dd:after {
	display: block;
	content: "";
	left: -36px;
	border: 40px solid var(--color-white);
	border-left: 0 solid transparent;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	position: absolute;
}

.oogiri_answer_example.boke dl dt {
	margin-right: auto;
	margin-left: 15px;
}

.oogiri_answer_example.tsukkomi dl dt {
	margin-right: 15px;
	margin-left: auto;
}

.oogiri_answer_example.tsukkomi dl dd span { font-size: 1.4em; }

.oogiri_answer_example img {
	width: 150px;
	height: 150px;
	border: 2px solid var(--color-black);
	margin: 0 30px;
	user-select: none;
}

/* ==========================================================================
   応募ボタン
   ========================================================================== */
.oogiri_apply_button {
	background: var(--color-orange);
	padding-bottom: 50px;
	box-sizing: border-box;
}

.oogiri_apply_button div {
	position: relative;
	padding: 30px;
	background: var(--color-beige);
	margin: 0 0 60px;
	border-radius: 0 0 50% 50%;
}

.oogiri_apply_button div:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -45px;
	left: calc(50% - 40px);
	border: 50px solid var(--color-beige);
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom-width: 0;
}

.oogiri_apply_button p {
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	color: var(--color-white);
	padding: 30px;
}

.oogiri_apply_button a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100px;
	max-width: 400px;
	background: url(../img/oogiri/key_image_for_button.png) no-repeat right / contain var(--color-white);
	border: 1px solid var(--color-black);
	border-radius: 15px;
	margin: auto;
	text-decoration: none;
	color: var(--color-black);
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	box-shadow: 0 2px 10px 0 var(--color-shadow);
	overflow: hidden;
}

.underjudging i,.beforestart span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%!important;
	height: 100%!important;
	background: rgba(255,255,255,0.8);
	line-height: 1.5em;
	padding: 20px 0;
}

.beforestart span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%!important;
	background: rgba(255,255,255,0.8);
	line-height: 1.5em;
	font-size: 0.8em;
	margin: 0;
	min-height: 80px;
}

/* ==========================================================================
   オチ例 / 矢印 / ノアグッズ
   ========================================================================== */
.oogiri_ochi_example figure {
	border-radius: 15px;
	overflow: hidden;
	padding: 5px 5px 0;
	max-width: 400px;
	background: var(--color-white);
	margin: 50px auto 0;
}

.oogiri_ochi_example figure img { width: 100%; }

.oogiri_ochi_example p {
	text-align: center;
	padding: 15px 15px 30px;
}

.oogiri_arrow {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	width: 100%;
	background: var(--color-white);
	padding: 20px 0;
}

.oogiri_arrow sup { font-size: 0.6em; }

.oogiri_arrow:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	margin: 20px auto 0;
	border: 60px solid var(--color-red-accent);
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-bottom-width: 0;
}

#noagoods {
	text-align: center !important;
	padding: 30px 0;
	background: var(--color-white);
	border-radius: 15px;
	margin: 30px;
}

#noagoods figure {
	max-width: 600px;
	margin: auto;
}

#noagoods figure img { width: 100%; }

#noagoods p {
	padding: 20px 0;
	font-weight: bold;
}
#ai-challenge-award {
	padding-bottom: 30px;
	background: #ffebed;

}
#ai-challenge-award h2 {
	background: #C30D23;
	border-color: #FFCCD4;
}
#ai-challenge-award ol {
	max-width: 500px;
	margin: 30px auto;
}
#ai-challenge-award p {
	text-align: center;
}

/* ==========================================================================
   SNSシェア
   ========================================================================== */
.sns_share {
	display: flex;
	justify-content: center;
	background: var(--color-orange);
}

.sns_share a {
	display: block;
	width: 150px;
	color: var(--color-white);
	text-decoration: none;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

.sns_share a div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sns_share a.x_post { background: var(--color-black); }
.sns_share a.fb_post { background: var(--color-facebook); }

.sns_share a.fb_post div:before,
.sns_share a.x_post div:before {
	display: block;
	content: "";
	height: 20px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 10px;
}

.sns_share a.fb_post div:before { background-image: url(../img/oogiri/fb-logo.png); }
.sns_share a.x_post div:before { background-image: url(../img/oogiri/x-logo.png); }

/* ==========================================================================
   レスポンシブ表示制御
   ========================================================================== */
.sp,
.sp_mini,
#oogiri_menu_sp,
#oogiri_drop,
.oogiri_title_sp {
	display: none;
}

.oogiri_submit_deactivate {
	pointer-events: none;
	opacity: 0.5;
	cursor: not-allowed;
}

@media print, screen and (max-width: 900px) {
	#oogiri_menu_sp {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
		margin: 8px 5px 10px auto;
		color: var(--color-beige);
		font-weight: bold;
		border: 2px solid var(--color-beige);
		width: 100px;
		user-select: none;
		cursor: pointer;
	}
	#oogiri_drop:checked ~ #oogiri_menu_sp {
		background: var(--color-beige);
		color: var(--color-brown-dark);
	}
	header {
		height: 60px;
		padding-bottom: 4px;
		display: flex;
		justify-content: space-between;
	}
	#oogiri_drop ~ #oogiri_menu_sp + nav {
		position: absolute;
		height: 0;
		display: none;
		top: 64px;
		border-top: 4px solid var(--color-beige);
	}
	#oogiri_drop:checked ~ #oogiri_menu_sp + nav {
		display: block;
	}
	header nav,
	header nav .oogiri_nav,
	header nav .oogiri_link {
		flex-direction: column;
		padding: 0;
		margin: 0;
	}
	header nav .oogiri_nav a,
	header nav .oogiri_link a {
		width: 100% !important;
		height: 60px !important;
		background: var(--color-brown-dark);
		color: var(--color-beige);
		margin: 0 !important;
		border-bottom: 2px solid var(--color-beige);
	}
	header nav .oogiri_link a { padding: 5px; }
	.oogiri_title_sp {
		display: block;
		color: var(--color-beige);
		font-weight: bold;
		padding: 18px 10px;
	}
	.oogiri_submit_deactivate { display: none !important; }
	.comment_area_dl { max-width: 400px; }
}

/* ==========================================================================
   応募フォーム
   ========================================================================== */
#oogiri_answer_form {
	background: var(--color-beige);
}

#oogiri_answer_form .oogiri_answer_form_div label {
	font-size: 1.2em;
	padding: 5px;
}

#oogiri_answer_form textarea {
	width: 80%;
	height: 65px;
	border-radius: 15px;
	border: 2px solid var(--color-brown-dark);
	margin-bottom: 30px;
	background: var(--color-yellow-light);
}

#oogiri_answer_form textarea:focus { background: var(--color-white); }
#oogiri_answer_form textarea:focus::placeholder { color: var(--color-white); }

.oogiri_answer_form_div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#oogiri_answer_form input,
#oogiri_answer_form textarea {
	font-size: 1.2em;
	padding: 15px;
}

#oogiri_answer_form .oogiri_answer_form_div label {
	display: block;
	width: 80%;
	text-align: left;
	font-weight: bold;
}

#oogiri_submit_button { display: none; }

#oogiri_submit_button + label {
	position: relative;
	background: var(--color-red-primary);
	color: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 1.2em;
	border: 2px solid var(--color-white);
	box-shadow: 0 0 0 2px var(--color-red-primary), 0 5px 0 2px var(--color-red-primary);
	height: 80px;
	width: 250px;
	border-radius: 5px;
	margin: 0 auto 5px;
	user-select: none;
	font-weight: bold;
}

#oogiri_submit_button + label:hover {
	background: var(--color-white);
	color: var(--color-red-primary);
	transition: 0.2s;
}

#oogiri_submit_button + label:active {
	transform: translateY(5px);
	box-shadow: 0 0 0 2px var(--color-red-primary), 0 0 0 2px var(--color-red-primary);
}

/* ==========================================================================
   フォームステップ表示
   ========================================================================== */
#form_progress {
	background: var(--color-beige);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 50px;
}

#form_progress ol {
	display: flex !important;
	list-style: none;
	max-width: 510px;
	justify-content: space-between;
	width: 100%;
}

#form_progress ol li {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	width: 150px;
	height: 50px;
	text-align: center;
	background: var(--color-brown-mid);
	color: var(--color-white);
	font-weight: bold;
	z-index: 1;
	user-select: none;
}

#form_progress ol li:first-child { z-index: 5; }
#form_progress ol li:nth-child(2) { z-index: 4; }

#form_progress ol li:nth-child(2):before,
#form_progress ol li:nth-child(3):before {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 5px;
	background: var(--color-brown-mid);
	top: 22px;
	left: -30px;
	z-index: 0;
}

#form_progress ol li.form_done:nth-child(2):before,
#form_progress ol li.form_done:nth-child(3):before {
	background: var(--color-brown-dark) !important;
}

#form_progress ol li.form_done {
	background: var(--color-brown-dark);
}

.back_brown {
	padding: 50px;
	background: var(--color-beige);
}

#your_answer_confirm .oogiri_answer_example {
	font-size: 0.8em;
	padding-bottom: 20px;
}

#your_answer_confirm .oogiri_answer_example img {
	width: 100px;
	height: 100px;
	margin-top: 20px;
}

#your_answer_confirm .oogiri_answer_example dl { margin: 15px; }

#your_answer_confirm h2 {
	color: var(--color-white);
	background: var(--color-black);
	padding: 5px 30px;
	margin-bottom: 10px;
}

#oogiri_form {
	background: var(--color-white);
	padding: 20px 0;
	border-bottom: 1px solid var(--color-gray-light);
}

#oogiri_form div { margin: 20px; }

.oogiri_submitter {
	background: var(--color-white);
	padding-top: 50px;
	text-align: center;
	border-bottom: 1px solid var(--color-gray-light);
}

.oogiri_submitter p { line-height: 3em; }
.oogiri_submitter div { margin-top: 50px; }

.oogiri_submitter dl {
	border: 2px solid var(--color-gray-light);
	max-width: 300px;
	margin: 50px auto;
	padding: 15px;
	line-height: 2em;
}

.oogiri_submitter dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

/* ==========================================================================
   テーマポップアップ
   ========================================================================== */
.theme_popup {
	display: block;
	margin: 2px auto 20px;
	text-align: center;
	width: 200px;
	text-decoration: none;
	font-weight: 400;
	background: var(--color-white);
	color: var(--color-black);
	padding: 6px 6px 10px;
	font-family: var(--font-fancy);
	font-size: 1.2em;
	border-radius: 10px;
	border: 2px solid var(--color-gray-light);
	border-bottom-width: 1px;
	box-shadow: 0 0 0 2px var(--color-green-frame), 0 5px var(--color-brown-mid);
	letter-spacing: 1px;
	overflow: visible;
}

.theme_popup:active {
	box-shadow: 0 0 #999;
	transform: translateY(3px);
	transition: 0.2s;
}

/* ==========================================================================
   プライバシー
   ========================================================================== */
#oogiri_privacy { padding: 30px 0; }

#oogiri_privacy h1 {
	text-align: center;
	margin: 50px auto;
	font-size: 2em;
}

#oogiri_privacy h2 { margin: 50px 10px 10px; }
#oogiri_privacy p { margin: 15px; }
#oogiri_privacy ul { margin: 20px 40px; }

#oogiri_privacy > div {
	background: var(--color-white);
	border-radius: 15px;
	padding: 30px;
}

#oogiri_privacy dl { margin: 15px; }

#oogiri_privacy dl dt {
	font-weight: bold;
	padding: 20px 0 8px;
}

/* ==========================================================================
   結果ページ（メダル / グッドアワード / AIアワード等）
   ========================================================================== */
.miruno_sensei_comment {
	position: relative;
}

.miruno_sensei_comment:before {
	position: absolute;
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/oogiri/miruno_sensei.png);
	background-size: contain;
	border-radius: 50px;
	overflow: hidden;
	top: -30px;
	left: 10px;
	border: 4px solid var(--color-white);
}

.award_area_content {
	border-radius: 15px;
	margin: 20px 5px;
	overflow: hidden;
	background: var(--color-beige);
}

.oogiri_result_h1 {
	font-family: var(--font-fancy);
	font-weight: 500;
	background: var(--color-white);
	font-size: 1.2em;
	padding: 5px 25px 8px;
	border: 8px solid var(--color-beige-border);
	border-left-width: 12px;
	border-right-width: 12px;
	box-shadow: 0 0 0 6px var(--color-green-frame);
	margin: 18px auto 6px;
	text-align: center;
}

.oogiri_result_h1 span {
	display: block;
	font-size: 2em;
}

.medal {
	padding-top: 20px;
	position: relative;
	text-align: center;
	background-color: var(--color-orange);
}

.medal div {
	background: var(--color-beige);
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 10px;
}

.medal div span { font-size: 1.8em; }

.medal h2 {
	position: relative;
	display: flex;
	justify-content: center;
	background: url(../img/oogiri/cup.svg) no-repeat center / contain;
	font-size: 2.5em;
	padding: 30px;
	letter-spacing: 5px;
	margin-bottom: 20px;
	color: var(--color-white);
	text-shadow:
		2px 2px 0 var(--color-brown-dark), -1px -1px 0 var(--color-brown-dark),
		-1px 1px 0 var(--color-brown-dark), 1px -1px 0 var(--color-brown-dark),
		0 1px 0 var(--color-brown-dark), 0 -1px 0 var(--color-brown-dark),
		-1px 0 0 var(--color-brown-dark), 1px 0 0 var(--color-brown-dark);
}

.medal h2.technoa_special {
	font-size: 2em;
	letter-spacing: 0;
}

.medal h2.champion:before {
	position: absolute;
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/oogiri/crown.svg) no-repeat center / contain;
	top: -20px;
	left: calc(50% - 25px);
}

.medal h2 span { letter-spacing: 0; }

#good_award {
	margin: 20px 5px 0;
	border-radius: 15px;
	overflow: hidden;
}

#good_award h2 {
	background: var(--color-white);
	border-bottom: 4px solid var(--color-red-accent);
	padding-top: 10px;
}

#good_award h2 div {
	text-align: center;
	font-size: 1.5em;
	padding: 30px 20px;
	color: var(--color-brown-dark);
	background: url(../img/oogiri/badge.svg) no-repeat center / contain var(--color-white);
}

.manga_and_comment {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.manga_and_comment figure img {
	object-fit: contain;
	width: 100%;
	max-width: 375px;
	padding: 5px 0;
	background: var(--color-white);
	margin-bottom: 20px;
}

.comment_area_dl dt {
	color: var(--color-red-accent);
	text-align: center;
	font-weight: bold;
}

.comment_area_dl {
	padding: 20px 10px;
	margin: 20px 10px;
	max-width: 650px;
	background: var(--color-yellow-light);
	border-radius: 10px;
}

.prize {
	padding: 10px;
	margin: 20px;
	text-align: center;
	font-weight: bold;
	background: var(--color-white);
}

.prize strong {
	font-weight: 500;
	color: var(--color-red-accent);
}

.comment_area_dl dd {
	display: flex;
	justify-content: center;
	padding: 20px;
}

/* グッドアワードカラム */
.good_award_column {
	border: 1px solid var(--color-brown-dark);
	margin: 10px 5px;
	width: 352px;
}

.good_award_column .boke img {
	border: 2px solid var(--color-black);
	margin: 0 5px 32px 21px;
}

.good_award_column .tsukkomi img {
	border: 2px solid var(--color-black);
	margin: 0 21px 32px 5px;
}

.good_award_column .tsukkomi { padding-bottom: 0; }

.good_award_column div > div {
	max-width: 100px;
	padding: 8px;
	line-height: 1.8em;
	user-select: none;
}

.good_award_column h3 {
	background: var(--color-beige);
	text-align: center;
	padding: 10px;
}

.good_award_column h3 span { font-size: 1.4em; }

.good_award_column .oogiri_answer_example {
	padding-top: 10px;
	background: var(--color-orange);
}

#sns_award .good_award_column h3 {
	background: var(--color-blue-sns);
	color: var(--color-white);
}

.sns_award_result {
	margin: 20px 5px;
	border-radius: 15px;
	overflow: hidden;
}

#sns_award.sns_award_result h2 {
	font-size: 1.8em;
	background-image: url(../img/oogiri/noa-chan-head.svg);
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#sns_award.sns_award_result h2 span {
	display: block;
	font-size: 0.8em;
}

#sns_award .good_award_column .oogiri_answer_example {
	background: var(--color-blue-bg-soft);
}

/* グッドアワード吹き出しシッポ */
.good_award_column .oogiri_answer_example.boke div:before {
	display: block;
	content: "";
	right: -25px;
	border-style: solid;
	border-color: transparent transparent transparent var(--color-black);
	border-width: 15px 0 15px 25.98px;
	position: absolute;
}

.good_award_column .oogiri_answer_example.boke div:after {
	display: block;
	content: "";
	right: -21px;
	border-style: solid;
	border-color: transparent transparent transparent var(--color-white);
	border-width: 15px 0 15px 25.98px;
	position: absolute;
}

.good_award_column .oogiri_answer_example.tsukkomi div:before {
	display: block;
	content: "";
	left: -25px;
	border-style: solid;
	border-color: transparent var(--color-black) transparent transparent;
	border-width: 15px 25.98px 15px 0;
	position: absolute;
}

.good_award_column .oogiri_answer_example.tsukkomi div:after {
	display: block;
	content: "";
	left: -21px;
	border-style: solid;
	border-color: transparent var(--color-white) transparent transparent;
	border-width: 15px 25.98px 15px 0;
	position: absolute;
}

.award_columns {
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.award_columns .oogiri_answer_example img {
	width: 84px;
	height: 84px;
}

/* 総評欄 */
#souhyou {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 20px 20px 40px;
	background: var(--color-white);
	width: 100%;
	border: 5px solid var(--color-green-frame);
}

#souhyou h2 { margin-bottom: 20px; }

#souhyou h2 span {
	font-family: var(--font-fancy);
	font-weight: 400;
	border-bottom: 4px solid var(--color-red-primary);
}

#souhyou i {
	display: block;
	margin-top: 20px;
	text-align: right;
	font-family: var(--font-fancy);
}

.oogiri_inner {
	max-width: 1000px;
	margin: auto;
}

.comment_area .pc {
	position: relative;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 50px 10px;
	background: var(--color-white);
}

.comment_area .pc span { font-size: 1.5em; }

#ai_award {
	background: var(--color-pink-light);
}

#ai_award h2 {
	background: var(--color-red-accent);
	color: var(--color-white);
	text-align: center;
	padding: 40px 0;
	font-size: 2em;
	background-image: url(../img/oogiri/robot.svg);
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#result_introduction {
	margin: 50px auto;
	line-height: 2em;
	padding: 25px;
	font-weight: bold;
	font-size: 1.1em;
	max-width: 800px;
	background: var(--color-yellow-light);
	box-sizing: border-box;
}

#result_introduction .intro {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px;
}

#result_introduction .intro img {
	width: 240px;
	border: 1px solid var(--color-gray-light);
	box-shadow: 0 10px 10px -6px var(--color-shadow);
}

.about_copyright {
	max-width: 800px;
	margin: auto;
}
.about_copyright ul {
	padding: 15px 20px;
	line-height: 1.5em;
}

#requirements p {
	text-align: left;
	font-size: 1em!important;
}



/* ==========================================================================
   レスポンシブ（768px以下）
   ========================================================================== */
@media print, screen and (min-width: 768px) {
	.good_award_column { width: 500px; }
	.medal div {
		background: var(--color-white);
		margin-bottom: 50px;
	}
	.manga_and_comment { margin-bottom: 50px; }
	#souhyou {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.comment_area_dl ol li {
		padding: 10px 0 10px 10px;
	}
}

@media print, screen and (max-width: 768px) {
	section {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.sp { display: inline; }
	.oogiri_description h2 { font-size: 1.6em; }

	.oogiri_theme_manga dd { width: 100%; }
	.oogiri_theme_manga dd figure { width: 90%; }
	.oogiri_theme_manga dd figure img {
		width: 100%;
		height: auto;
	}
	.oogiri_theme_manga dd div { width: 10%; }
	.oogiri_theme_manga dt div {
		font-size: 2em;
		padding: 5px 10px;
	}
	#awards > li > ul { flex-wrap: wrap; }
	#awards > li > ul > li:first-child,
	#awards > li > ul > li:nth-child(2),
	#awards > li > ul > li:nth-child(3) {
		width: 100%;
	}
	#awards > li > ul > li:nth-child(3) {
		display: flex;
		justify-content: center;
	}
	#about_miruno:before { left: 0; }
	#about_miruno { padding-bottom: 30px; }
	.oogiri_answer_example img {
		width: 100px;
		height: auto;
	}
	footer dl dd img { width: 200px !important; }

	.oogiri_apply_button { width: 100%; }
	.oogiri_apply_button p {
		font-size: 1.2em;
	}
	.oogiri_apply_button a {
		width: calc(100% - 10px);
		font-size: 1.6em;
	}

	#awards h3 {
		background: url(../img/oogiri/crown_red.svg) no-repeat center / contain;
		margin: 10px 0 100px;
		display: flex;
		justify-content: center;
		padding: 25px 10px 5px;
		position: relative;
		color: var(--color-gray-text);
		border-color: transparent !important;
		font-size: 1.4em;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	#awards hr {
		display: block;
		margin: 30px 0;
		background-color: var(--color-gray-lighter);
		border-color: transparent;
	}
	#awards h3:after {
		background: url(../img/oogiri/cup_red.svg) no-repeat center / contain;
		display: block;
		content: "";
		position: absolute;
		width: 120px;
		height: 120px;
		top: calc(100% - 15px);
		left: calc(50% - 60px);
	}
	#awards h3:first-child {
		margin-top: 0;
		background: url(../img/oogiri/crown.svg) no-repeat center / contain;
	}
	#awards h3:first-child:after {
		background: url(../img/oogiri/cup.svg) no-repeat center / contain;
	}
}

/* ==========================================================================
   レスポンシブ（490px以下）
   ========================================================================== */
@media print, screen and (max-width: 490px) {
	.pc,
	.sp500,
	.sp { display: none; }

	#oogiri_theme h2 { font-size: 1.6em; }
	.oogiri_theme_manga { margin-bottom: 0 !important; }
	.oogiri_theme_manga dt div { font-size: 1.4em; }
	.oogiri_theme_manga dd { font-size: 0.8em; padding-bottom: 0; }
	.oogiri_theme_example p,
	.oogiri_ochi_example > p { font-size: 0.8em; }

	.oogiri_answer_example img {
		width: 80px;
		margin-top: 30px;
	}
	.oogiri_answer_example dl {
		margin: 10px;
		font-size: 1em;
	}
	.oogiri_answer_example dl dd {
		padding: 10px;
		min-width: 180px;
		min-height: 80px;
		width: 180px;
	}
	.oogiri_title_sp {
		padding-top: 20px;
		font-size: 0.8em;
	}
	.oogiri_description h2 { font-size: 1.2em; }
	#keihin-youkou p { font-size: 0.8em; }

	#sns_account .twitterX {
		line-height: 2em !important;
		border-radius: 5px !important;
	}

	.oogiri_apply_button p {
		font-size: 1em;
		line-height: 2em;
	}
	.oogiri_apply_button p span:first-child { position: relative; }
	.oogiri_apply_button p span:first-child::after {
		position: absolute;
		content: "ボケ＆ツッコミ";
		top: -22px;
		left: 50px;
		font-size: 0.5em;
	}
	.oogiri_apply_button p span:nth-child(2) { display: none; }

	.oogiri_description p { font-size: 0.9em; }

	.oogiri_apply_button a {
		width: calc(100% - 10px);
		margin: 20px 5px;
	}
	#oogiri_description2 {
	padding-bottom: 0;
	}
	#oogiri_description2 p {
		text-align: left;
		font-size: 0.8em;
		padding: 20px 10px;
		margin-bottom: 30px;
	}
	#sns_award h2,
	#keihin { font-size: 1.2em; }
	.sp_mini { display: inline !important; }

	#sns_award ol .index_count {
		text-indent: 0;
		padding-left: 0;
		text-align: center;
	}
	.index_count:before {
		display: block;
		text-align: center;
		font-size: 1.4em;
	}
	#noagoods,
	#noachan dd {
		font-size: 0.9em;
		padding: 10px;
	}
	#form_progress { font-size: 0.8em; }
	#your_answer_confirm dd {
		min-width: 150px !important;
		width: 150px !important;
	}
	#requirements dl {
		font-size: 0.9em !important;
		padding: 5px;
	}
	#about_miruno {
		flex-wrap: wrap;
		border-radius: 0;
		margin-bottom: 0;
	}
	#about_miruno a {
		position: static;
		margin: 30px auto 0;
		padding: 10px 20px;
		max-width: 300px;
	}
	.oogiri_ochi_example figure {
		margin-top: 0;
		border-radius: 0;
	}
	#sns_back ol { margin: 0 !important; }
	#oogiri_form div { margin: 5px; }
	.oogiri_title_sp_min {
		padding-top: 12px;
		max-width: 150px;
	}
	#noagoods {
		padding: 10px;
		margin: 10px;
	}
}