body {height:100%;position:relative;/*overflow-y:scroll;*/color:#000;}
* {box-sizing:border-box;}
#main {position:relative;max-width:1366px;width:100%;height:100%;margin-bottom:0;}
figure img {width:100%;height:auto;margin:auto;float:none;}
.contents p {line-height:1.7;}
.contents img {width:100%;height:auto;}

a {color:#aaa;}

.mainVisual {position:relative;}
.mainVisual__title {margin: 30px 0;font-size:36px;font-family:"Gothic MB101 DemiBold";font-weight:bold;text-align:center;line-height:1.7;}
.mainVisual__title br {display: none;}

.align--left {text-align:left;}
.align--right {text-align:right;right:0;}
.align--center {text-align: center;left:0;right:0;}
.write--vertical {-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}

.localFooter {position:relative;background:#fff;margin:7% 0 2.7%;padding:0 3.2%;}
.localFooter #trademark {position:static;display:inline-block;padding:0;margin-right:8px;}
.localFooter #trademark img {margin:0;opacity:0.4;height:20px;width:auto;}
#copyright {display:inline-block;width:auto;vertical-align:bottom;}
.localFooter__top-link {position:absolute;right:3%;bottom:1.8%;margin:0;}
.localFooter__top-link a {width:40px;height:40px;display:block;}
.localFooter__top-btn-icon circle {stroke:#aaa;fill:#fff;}
.localFooter__top-btn-icon polygon {fill:#aaa;}
.localFooter__top-btn-icon:hover circle {stroke:#000;}
.localFooter__top-btn-icon:hover polygon {fill:#000;}

.contest__wrap {width: 700px;margin: 35px auto 90px;}

.contest__description h3 {font-size: 28px; text-align: center;}
.contest__description h3 img {width: 100px; vertical-align: middle; margin-right: 0.75em;}
.contest__description p {font-size: 16px;}
.contest__description-title {display: inline-block; padding: 3px 0; color: #67affd; }

.contest__period > * {display:inline-block;margin: 35px auto 0;}
.contest__period h3 {font-size: 16px; margin-right: 1em; font-weight: normal;}
.contest__period p {font-size: 20px; font-weight: bold;}
.contest__period br {display:none;}

.contest__result > * {display:inline-block;margin: 10px auto 0;}
.contest__result h3 {font-size: 16px; margin-right: 1em; font-weight: normal;}
.contest__result p {font-size: 20px; font-weight: bold;}
.contest__result .annotation {font-size: 16px; font-weight: normal;}

.contest__apply {border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 45px auto 0;}
.contest__apply section {margin: 25px 0;}
.contest__apply h3 {margin: 0; padding: 30px 20px 29px; font-size: 20px; cursor: pointer; border-bottom: 1px solid #fff;position:relative;}
.contest__apply h3:after {content:"";display:block;position:absolute;top:0;right:20px;padding:29px 0 29px;width:30px;height:30px;line-height:30px;text-align:center;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out;background:url(/img/recipe/close.svg) no-repeat center center;background-size:20px 20px;}
.contest__apply h3.active {border-bottom: 1px solid #ccc;}
.contest__apply h3.active:after{transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transition: transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; transform-origin: center;}
.contest__apply h3 span {font-weight:normal;font-size:14px;margin-left:1.25em;}
.contest__apply h4 {margin: 0 0 5px; font-size: 16px;}
.contest__apply p {margin: 0;}

.contest__apply-inner {display: none; padding: 10px 20px;}
.contest__apply-thema p {font-size: 20px;}

.contest__apply-cmdty ul {letter-spacing: -.4em; margin: 0 -0.6%;}
.contest__apply-cmdty li {width: 20%; display: inline-block; letter-spacing: normal;vertical-align:top; font-size: 12px;}
.contest__apply-cmdty li a {display:block; padding: 3.6%;}

.contest__apply-goodrecipe p span {font-size: 20px; display: inline-block; margin-right: 0.5em;}
.contest__apply-goodrecipe figure {width: 100%; margin: 2% auto; text-align: center; color: #aaa; font-size: 12px;}
.contest__apply-goodrecipe .annotation {margin: 10px 0;}

.contest__apply-rule a {cursor: pointer; color: #67affd; font-weight: bold;  font-size: 16px; display: block; text-align: center; margin-top: 10px;}
#main .contest__apply-rule a:hover {color: #67affd;}

.contest__apply-howto-inner {display: flex;}
.contest__apply-howto-inner dl {width: 31.6%;}
.contest__apply-howto-inner dl+dl {margin-left: 2.4%;}

.contest__instagram > h2, .contest__instagram > p {text-align:center;}
.contest__instagram > h2 {position:relative;font-size:28px;}
.contest__instagram > h2:before {content: ""; display: block; border-top: solid 2px black; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1;}
.contest__instagram > h2 span {background: #fff; padding: 0 20px; position: relative; z-index: 5;}
.contest__instagram p {padding: 0 15px;}

.post {width:33.33%;margin:0;padding:0; /*flex: 1 1 30%; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%;*/}
.post iframe {width:100%; border: none;}
.post-inner {padding: 4.4%;}

.contest__excellent {margin: 0 auto;}
.contest__excellent h2 {text-align: center; font-size: 28px; position:relative; color: #ffd700;}
.contest__excellent h2:before {content: ""; display: block; border-top: solid 2px #ffd700; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1;}
.contest__excellent h2 span {background: #fff; padding: 0 20px; position: relative; z-index: 5;}
#excellent {max-width: 648px; width: 100%; margin: 0 auto; padding: 4.4% 4.4% 0;}
#excellent+p {margin-top: 30px; margin-bottom: 90px; text-align: center; font-size: 16px;}

#timeline {display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:100%;padding:1.6%;box-sizing: border-box;}
#timeline * {box-sizing: border-box;}

.contest__apply-rule-detail {text-align: left;}
.contest__apply-rule-detail > section {overflow:hidden;}
.contest__apply-rule-detail h2 {text-align: center;}
.contest__apply-rule-detail h3 {margin: 30px 0 15px;}
.contest__apply-rule-detail h4 {margin: 20px 0 10px;}
.contest__apply-rule-detail li+li {margin-top: 7.5px;}
.contest__apply-rule-detail li {text-indent:-1em;padding-left:1em;}
.contest__apply-rule-detail p {margin: 0;}
.contest__apply-rule-detail p+ul {margin-top: 10px;}
.contest__apply-rule-detail a {color: #67affd; font-weight: bold;}

.remodal-close-wrap {text-align: center;}
.remodal-close-bottom {background: #ddd; border: none; display: inline-block; height: 36px; line-height: 36px; padding: 0 18px; border-radius: 18px; margin-top: 20px;}

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

	.mainVisual__title {font-size:22px;padding:30px 0 0;color:#000;position:static;margin-top:0;transform:none;-webkit-transform:none;}
	.mainVisual__title br {display: block;}

	.localFooter {margin:16% 0 0;padding:0 15px 15px;}
	.localFooter #trademark {margin-right:0;}
	.localFooter #trademark img {height:14px;}
	.localFooter__top-link {display:none;}

	.contest__wrap {width: 100%;}
	.contest__wrap > section {padding: 0 15px;}
	.contest__wrap .contest__period {padding:15px 15px 0;}
	.contest__wrap .contest__result {padding:15px 15px 0;}

	.contest__description h3 {font-size: 22px;}
	.contest__description h3 img {width: 70px;}

	.contest__period > * {display:block;margin:0;}
	.contest__period h3 {font-size:14px; margin-bottom: 5px;}
	.contest__period p {font-size: 17px;}
	.contest__period br {display:block;}
	.contest__result > * {display:block;margin:0;}
	.contest__result h3 {font-size:14px; margin-bottom: 5px;}
	.contest__result p {font-size: 17px;}
	.contest__result .annotation {font-size: 14px;}

	section.contest__apply {padding: 0;}
	.contest__apply-inner {padding: 10px 15px;}
	.contest__apply-cmdty li {width: 50%;}

	.post {width:100%;margin:0;padding:0;}
	.post-inner {padding: 4.4% 4.4% 0;}

	#excellent+p {padding: 0 15px; text-align: left;}
	#excellent+p br {display: none;}

	#timeline {display: block;}

	.contest__apply-rule-detail {padding: 20px; overflow-y: hidden;}
	.contest__apply-rule-detail li, .contest__apply-rule-detail p {/*font-size:12px;*/}

	.contest__apply-goodrecipe figure {margin: 2% auto;}

	.contest__apply-howto-inner {display: block;margin-top:10px;}
	.contest__apply-howto-inner dl {width: 100%;margin:0;}
	.contest__apply-howto-inner dl+dl {margin-left: 0;}
	.contest__apply-howto-inner dt {float:left;margin-right:1em;}
	.contest__apply-howto-inner dd {overflow:hidden;margin-bottom:5px;}	

	.contest__excellent {width: 100%;}

	.contest__instagram {width: 100%;}
	.contest__instagram > h2 {font-size:22px;}

}