@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 html {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
margin: 0px !important;
}
body {
margin: 0px !important;
}
a {
color: #000000;
text-decoration: none;
}
.fixed {
position: fixed;
}
.pinkTextLink {
color: #E61673;
}
.pinkTextLink:hover {
text-decoration: underline;
}
.tc {
text-align: center;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
} .hoverWrap img.off {
display: none;
} #pager {
margin: 30px 0px 30px 0px;
padding: 0px;
color: #000000;
font-size: 1.2rem;
text-align: center;
line-height: 100%;
}
#pager .pages {
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 7px 10px;
background-color: #EEEEEE;
border-radius: 5px;
}
#pager .prev {
display: inline-block;
margin: 0px 10px 0px 0px;
padding: 5px 10px;
text-decoration: none;
border: #CCCCCC 1px solid;
border-radius: 5px;
}
#pager .next {
display: inline-block;
margin: 0px 0px 0px 10px;
padding: 5px 10px;
text-decoration: none;
border: #CCCCCC 1px solid;
border-radius: 5px;
}
#pager a.page {
display: inline-block;
margin: 0px 2px 0px 2px;
padding: 5px 10px;
text-decoration: none;
border: #CCCCCC 1px solid;
border-radius: 5px;
}
#pager span.page {
display: inline-block;
margin: 0px 2px 0px 2px;
padding: 5px 10px;
color: #FFFFFF;
text-decoration: none;
background-color: #1D5FFD;
border-radius: 5px;
} #bwpPager {
display: block;
width: 100%;
margin: 2rem auto 4rem auto;
text-align: center;
}
#bwpPager .pages {
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 7px 10px;
background-color: #EEEEEE;
border-radius: 5px;
}
#bwpPager .link {
display: block;
margin: 0px auto;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
border-collapse: separate;
border-spacing: 5px;
}
#bwpPager a.prev,
#bwpPager a.next {
display: inline-block;
margin: 0px 20px;
padding: 5px 13px;
color: #E4007F;
background-color: #F7C9DB;
border: none;
box-sizing: border-box;
}
#bwpPager span.prev,
#bwpPager span.next {
display: inline-block;
margin: 0px 20px;
padding: 5px 13px;
color: #CCCCCC;
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
box-sizing: border-box;
}
#bwpPager a.page {
display: inline-block;
margin: 0 -1px 0 0;
padding: 5px 13px;
color: #E4007F;
background-color: #FFFFFF;
border: #E4007F 1px solid;
box-sizing: border-box;
}
#bwpPager span.page {
display: inline-block;
margin: 0 -1px 0 0;
padding: 5px 13px;
color: #FFFFFF;
background-color: #E4007F;
border: #E4007F 1px solid;
box-sizing: border-box;
} @media print, screen and (min-width: 751px) {
.pc {
display: block;
}
.sp {
display: none;
} #console {
position: fixed;
margin: 0px;
padding: 10px;
background-color: rgba(255,255,255,0.50);
z-index: 99999;
} #contentWrap {
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
}
#mainContent {
width: 100%;
margin: 0 auto !important;
max-width: 830px;
padding: 0 15px !important;
box-sizing: border-box;
overflow: hidden;
}
#mainWrap {
padding-bottom: 50px;
box-sizing: border-box;
overflow: hidden;
}
#mainWrap.leftSide {
width: 850px;
padding-bottom: 50px;
border-left: #E4007F 1px solid;
box-sizing: border-box;
overflow: hidden;
}
#mainWrap.borderNone {
border-left: none;
}
#contentWrap:after {
content: "";
clear: both;
display: block;
}
.centerWidth {
max-width: 850px;
margin: 0px auto;
padding: 0px 25px;
box-sizing: border-box;
}
.centerWidth720 {
max-width: 850px;
margin: 0px auto;
padding: 0px 65px;
box-sizing: border-box;
}
.centerWidth770 {
max-width: 850px;
margin: 0px auto;
padding: 0px 40px;
box-sizing: border-box;
}
.centerWidth800 {
max-width: 800px;
margin: 0px auto;
padding: 0px 0px;
box-sizing: border-box;
}
.wrapTwoCol {
width: 800px;
margin: 0px auto 0px auto;
padding: 0px 0px;
}
.wrapTwoCol:after {
content: "";
clear: both;
display: block;
} #sidebar {
width: 200px;
float: left;
margin: 0px;
padding: 0px;
box-sizing: border-box;
background-color: #FFFFFF;
overflow-y: hidden;
overflow-x: hidden;
}
#sidebar ul.main {
width: 200px;
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
#sidebar ul.main li {
width: 200px;
margin: 0px;
padding: 0px;
border-bottom: #E4007F 1px solid;
box-sizing: border-box;
cursor: pointer;
}
#sidebar ul.main li:hover {
background-color: rgba(228,0,127,0.20);
}
#sidebar ul.main li img {
display: block;
margin: 0px;
padding: 0px 0px 0px 1px;
} #submenu ul {
display: none;
position: fixed;
top: 0px;
left: 200px;
width: 160px;
height: 100%;
margin: 0px;
padding: 82px 0px 0px 0px;
background-color: rgba(255,255,255,0.90);
list-style: none;
list-style-image: none;
border-left: #E4007F 1px solid;
border-right: #E4007F 1px solid;
box-sizing: border-box;
overflow-y: hidden;
overflow-x: hidden;
z-index: 99999;
}
#submenu ul li {
display: block;
width: 160px;
height: 64px;
margin: 0px;
padding: 0px;
color: #E4007F;
vertical-align: middle;
cursor: pointer;
}
#submenu ul li:hover {
background-color: rgba(228,0,127,0.30);
}
#submenu ul li p {
display: block;
margin: 0px;
padding: 20px 0px 3px 15px;
font-size: 0.8rem;
font-weight: bold;
line-height: 100%;
}
#submenu ul li span {
display: block;
margin: 0px;
padding: 0px 0px 0px 15px;
font-size: 0.7rem;
line-height: 100%;
} .iconMaru {
margin: 30px auto 80px auto;
}
.iconMaru.footerSpace {
margin: 80px auto 80px auto;
}
.iconMaru ul {
display: block;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
list-style: none;
list-style-image: none;
}
.iconMaru ul li {
display: inline-block;
width: 150px;
height: 150px;
margin: 0px 5px;
padding: 0px;
text-indent: -9999px;
cursor: pointer;
}
.iconMaru ul li:hover {
opacity: 0.6;
}
.iconMaru ul li:nth-child(1) {
background-image: url(//www.merryproject.com/img/icon_know01.png?v=3);
}
.iconMaru ul li:nth-child(2) {
background-image: url(//www.merryproject.com/img/icon_extend01.png?v=3);
}
.iconMaru ul li:nth-child(3) {
background-image: url(//www.merryproject.com/img/icon_support01.png?v=3);
}
.iconMaru ul li:nth-child(4) {
background-image: url(//www.merryproject.com/img/icon_join01.png?v=3);
} #footer {
width: 100%;
margin: -30px 0px 0px 0px;
padding: 0px 0px;
color: #FFFFFF;
background-color: #E61673;
}
#footer h5 {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 5px;
font-size: 1.2rem;
border-bottom: #EF69A5 1px solid;
}
#footer .archiveMonthly {
width: 20%;
margin: 0px 0px 20px 20px;
padding-top: 20px;
vertical-align: top;
}
#footer .archiveMonthly select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: .4rem 2rem .4rem 1.5rem;
color: #E61673;
font-size: 1rem;
background-color: #FFFFFF;
border: none;
outline: none;
}
#footer .archiveMonthly select:focus {
text-shadow: 0 0 1px #b5b5b5;
}
#footer .tagCloud {
margin: 0px 20px 30px 20px;
padding: 0px;
vertical-align: top;
}
#footer .tagCloud a {
display: inline-block;
margin: 0px 5px 2px 5px;
color: #FFFFFF !important;
}
#footer .tagCloud a:hover {
text-decoration: underline;
}
#footer ul.followus {
margin: 0px 0px 0px 1px;
padding: 20px 0px 18px 0px;
list-style: none;
list-style-image: none;
text-align: center;
background-color: #FFFFFF;
}
#footer ul.followus li {
display: inline-block;
width: 26px;
margin: 0px 8px;
padding: 0px;
cursor: pointer;
}
#footer ul.followus li:hover {
opacity: 0.6;
}
#footer ul.followus li img {
display: block;
width: 100%;
margin: 0px;
padding: 0px;
}
#footer ul.link {
margin: 0px 0px 0px 1px;
padding: 0px 0px 20px 0px;
list-style: none;
list-style-image: none;
text-align: center;
background-color: #FFFFFF;
}
#footer ul.link li {
display: inline-block;
margin: 0px;
padding: 0px;
color: #E61673;
font-size: 1.0rem;
line-height: 100%;
cursor: pointer;
}
#footer ul.link li:after {
content: " ｜ ";
display: inline-block;
margin: 0px;
padding: 0px;
color: #000000;
}
#footer ul.link li:last-child:after {
content: "";
}
#footer ul.link li:hover {
text-decoration: underline;
}
#footer p.copyright {
margin: 0px;
padding: 20px 0px 0px 0px;
font-size: 1.0rem;
text-align: center;
}
#footer .line {
display: none;
} #mainSearch {
display: none;
position: fixed;
width: calc(100% - 200px);
height: 100%;
margin: 0px 0px 0px 200px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
background-color: rgba(0,0,0,0.40);
z-index: 5;
}
#mainSearch p.close {
display: block;
margin: 0px 0px 0px 0px;
padding: 40px 40px 0px 0px;
text-align: right;
}
#mainSearch p.close span {
margin: 0px;
padding: 0px;
font-size: 3.0rem;
cursor: pointer;
}
#mainSearch .searchWrap {
position: relative;
width: 100%;
height: 100%;
}
#mainSearch p.searchPost {
position: absolute;
top: 40%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
display: block;
width: 70%;
height: 50px;
margin: 0px auto;
padding: 100px 20px;
}
#mainSearch p.searchPost input {
display: inline-block;
width: 70%;
height: 50px;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 15px;
font-size: 1.2rem;
vertical-align: middle;
background-color: #FFFFFF;
border: #999999 1px solid;
box-sizing: border-box;
}
#mainSearch p.searchPost span {
display: inline-block;
width: 100px;
height: 50px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
background-color: #D31577;
cursor: pointer;
}
#mainSearch p.searchPost span img {
display: block;
width: 30px;
height: 30px;
margin: 10px auto;
padding: 0px;
} #buttonPageTop {
display: none;
position: fixed;
bottom: 40px;
right: 40px;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#buttonPageTop img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#buttonPageTop img:hover {
opacity: 0.6;
} nav.navigation {
display: block;
width: 100%;
margin: 30px 0px;
}
nav.navigation .nav-links {
display: block;
margin: 0px auto;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
border-collapse: separate;
border-spacing: 5px;
}
nav.navigation .nav-links span.current {
display: inline-block;
margin: 0px;
padding: 5px 13px;
color: #FFFFFF;
background-color: #E4007F;
box-sizing: border-box;
}
nav.navigation .nav-links a.page-numbers {
display: inline-block;
margin: 0px;
padding: 5px 13px;
color: #E4007F;
background-color: #FFFFFF;
border: #E4007F 1px solid;
box-sizing: border-box;
}
nav.navigation .nav-links a.prev,
nav.navigation .nav-links a.next {
display: inline-block;
margin: 0px 20px;
padding: 5px 13px;
color: #E4007F;
background-color: #F7C9DB;
border: none;
box-sizing: border-box;
}
nav.navigation .nav-links span.prev,
nav.navigation .nav-links span.next {
display: inline-block;
margin: 0px 20px;
padding: 5px 13px;
color: #CCCCCC;
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
box-sizing: border-box;
}
}  @media screen and (max-width: 750px) {
.pc {
display: none;
}
.sp {
display: block;
}
html {
font-size: 75%;
} #console {
position: fixed;
margin: 0px;
padding: 10px;
background-color: rgba(255,255,255,0.50);
z-index: 99999;
} #contentWrap {
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
}
#mainContent {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0 30px;
overflow: hidden;
}
.single-post #mainContent{
padding: 0;
}
.home #mainContent{
box-sizing: border-box; 
}
#mainWrap {
padding-bottom: 20px;
box-sizing: border-box;
overflow: hidden;
}
#mainWrap.borderNone {
border-left: none;
}
#contentWrap:after {
content: "";
clear: both;
display: block;
}
.centerWidth {
max-width: 850px;
margin: 0px auto;
padding: 0px 25px;
box-sizing: border-box;
}
.centerWidth720 {
width: 100%;
margin: 0px;
padding: 0px 10px;
box-sizing: border-box;
}
.centerWidth770 {
width: 100%;
margin: 0px;
padding: 0px 25px;
box-sizing: border-box;
}
.centerWidth800 {
width: 100%;
margin: 0px;
padding: 0px 20px;
box-sizing: border-box;
}
.wrapTwoCol {
width: 100%;
margin: 0px;
padding: 0px;
} #spHeader {
border-bottom: 1px solid #D11277;
margin: 0px 0px 15px 0px;
padding: 0px;
}
#spHeader p.logo {
position: relative;
display: block;
height: 50px;
margin: 0px 50px 0px 0px;
padding: 0px;
text-align: left;
vertical-align: middle;
line-height: 100%;
}
#spHeader p.logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
display: inline-block;
width: 70%;
height: auto;
max-height: 50px;
}
#spHeader p.menuButton {
position: fixed;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
background-color: #E3007F;
cursor: pointer;
z-index: 9999;
}
#spHeader p.menuButton img {
width: 100%;
height: auto;
} #sidebar {
display: none;
} #submenu {
display: none;
} #spMenu {
display: none;
position: fixed;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
z-index: 9999;
}
#spMenu p.logo {
display: table-cell;
height: 50px;
margin: 0px;
padding: 0px 50px 0px 0px;
text-align: center;
vertical-align: middle;
line-height: 100%;
background-color: #B3B3B3;
}
#spMenu p.logo img {
display: inline-block;
width: 70%;
height: auto;
max-height: 50px;
margin: 0px;
padding: 0px;
}
#spMenu p.closeButton {
position: fixed;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
background-color: #666666;
cursor: pointer;
z-index: 9999;
}
#spMenu p.closeButton img {
width: 100%;
height: auto;
}
#spMenu table {
width: 100%;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
border-collapse: collapse;
}
#spMenu table td {
margin: 0px;
padding: 0px;
background-color: #E3007F;
border-bottom: #FFFFFF 1px solid;
}
#spMenu table td.white {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
border-bottom: #E3007F 1px solid;
}
#spMenu table td.search {
margin: 0px;
padding: 10px 0px;
text-align: center;
background-color: #FFFFFF;
border-bottom: #E3007F 1px solid;
}
#spMenu table td.search p.searchPost {
margin: 0px;
padding: 0px;
}
#spMenu table td.search p.searchPost input {
display: inline-block;
width: 70%;
height: 40px;
margin: 0px;
padding: 0px 10px;
color: #E3007F;
font-size: 1.2rem;
vertical-align: top;
border: none;
border-radius: 100px;
background-color: rgba(228,0,127,0.20);
box-sizing: border-box;
}
#spMenu table td.search p.searchPost input::-webkit-input-placeholder {
color: #E3007F;
}
#spMenu table td.search p.searchPost input:-ms-input-placeholder {
color: #E3007F;
}
#spMenu table td.search p.searchPost input::-moz-placeholder {
color: #E3007F;
}
#spMenu table td.search p.searchPost img {
display: inline-block;
width: auto;
height: 40px;
margin: 0px 0px 0px 5px;
padding: 5px;
vertical-align: top;
border: #E3007F 1px solid;
border-radius: 100px;
box-sizing: border-box;
}
#spMenu table td:hover {
opacity: 0.6;
}
#spMenu table td img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
cursor: pointer;
} .iconMaru {
margin: 20px 0px 30px 0px;
}
.iconMaru ul {
display: block;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
list-style: none;
list-style-image: none;
}
.iconMaru ul li {
display: inline-block;
width: 22%;
height: auto;
margin: 5px 1%;
padding: 0px;
cursor: pointer;
}
.iconMaru ul li img {
width: 100%;
height: auto;
}
.iconMaru ul li:hover {
opacity: 0.6;
} #buttonPageTop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#buttonPageTop img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#buttonPageTop img:hover {
opacity: 0.6;
} nav.navigation {
display: block;
width: 100%;
margin: 30px 0px;
}
nav.navigation .nav-links {
display: block;
margin: 0px auto;
font-size: 1.0rem;
font-weight: bold;
text-align: center;
border-collapse: separate;
border-spacing: 5px;
}
nav.navigation .nav-links span.current {
display: inline-block;
margin: 0px;
padding: 3px 5px;
color: #FFFFFF;
background-color: #E4007F;
box-sizing: border-box;
}
nav.navigation .nav-links a.page-numbers {
display: inline-block;
margin: 0px;
padding: 3px 5px;
color: #E4007F;
background-color: #FFFFFF;
border: #E4007F 1px solid;
box-sizing: border-box;
}
nav.navigation .nav-links a.prev,
nav.navigation .nav-links a.next {
display: inline-block;
margin: 0px 5px;
padding: 3px 5px;
color: #E4007F;
background-color: #F7C9DB;
border: none;
box-sizing: border-box;
}
nav.navigation .nav-links span.prev,
nav.navigation .nav-links span.next {
display: inline-block;
margin: 0px 5px;
padding: 3px 5px;
color: #CCCCCC;
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
box-sizing: border-box;
} #menuMusk {
display: none;
position: fixed;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
color: #FFFFFF;
background-color: rgba(0,0,0,0.80);
z-index: 5;
} #footer {
width: 100%;
margin-top: -20px;
padding: 20px 0px 0px 0px;
color: #FFFFFF;
background-color: #E4007F;
}
#footer h5 {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 5px;
font-size: 1.2rem;
border-bottom: #EF69A5 1px solid;
}
#footer .tagCloud {
display: block;
margin: 0px 10px 20px 10px;
padding: 0px;
vertical-align: top;
}
#footer .tagCloud a {
display: inline-block;
margin: 0px 5px 2px 5px;
color: #FFFFFF !important;
}
#footer .tagCloud .line {
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
border-bottom: #FFFFFF 1px solid;
}
#footer .archiveMonthly {
display: block;
margin: 0px 10px 20px 10px;
padding: 0px;
vertical-align: top;
}
#footer .archiveMonthly select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: .4rem 2rem .4rem 1.5rem;
color: #E4007F;
font-size: 1rem;
background-color: #FFFFFF;
border: none;
outline: none;
}
#footer .archiveMonthly select:focus {
text-shadow: 0 0 1px #b5b5b5;
}
#footer .archiveMonthly .line {
display: none;
}
#footer .followus {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
}
#footer .followus h4 {
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: center;
color: #FFFFFF;
font-size: 1.4rem;
}
#footer .followus ul.sns {
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
text-align: center;
}
#footer .followus ul.sns li {
display: inline-block;
width: 15%;
margin: 0px 2%;
padding: 0px;
}
#footer .followus ul.sns li img {
width: 100%;
margin: 0px;
padding: 0px;
}
#footer .sitemap {
position: relative;
margin: 0px;
padding: 40px 0px 10px 0px;
text-align: center;
background-color: #FFFFFF;
}
#footer .sitemap #spButtonPageTop {
position: absolute;
top: -25px;
left: 50%;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
cursor: pointer;
-webkit-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
transform: translate(-50%,0%);
}
#footer .sitemap #spButtonPageTop img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#footer .sitemap #spButtonPageTop img:hover {
opacity: 0.6;
}
#footer .sitemap ul.link {
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
text-align: center;
}
#footer .sitemap ul.link li {
display: inline-block;
margin: 0px;
padding: 0px 10px;
color: #E4007F;
font-size: 1.2rem;
font-weight: bold;
border-right: #231815 1px solid;
}
#footer .sitemap ul.link li:nth-last-child(1) {
border-right: none;
}
#footer p.copyright {
margin: 0px;
padding: 10px 0px;
color: #E4007F;
font-size: 1.0rem;
text-align: center;
background-color: #FFFFFF;
}
}@media (min-width: 751px) { .mceContentBody {
font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
max-width: 100%;
padding: 0px;
color: #1a1a1a;
font-size: 16px;
font-weight: normal;
line-height: 1.75;
vertical-align: baseline;
}
.mceContentBody:after {
content: "";
clear: both;
display: block;
}
body.post-type-page {
width: 800px;
} .mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6 {
clear: both;
font-weight: bold;
margin: 0px;
padding: 0px 0px 10px 0px;
}
.mceContentBody h1 {
font-size: 2.4rem;
line-height: 140%;
}
.mceContentBody h2 {
font-size: 2.0rem;
line-height: 140%;
}
.mceContentBody h3 {
font-size: 1.8rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h4 {
font-size: 1.6rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h5 {
font-size: 1.4rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h6 {
font-size: 1.2rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h1:first-child,
.mceContentBody h2:first-child,
.mceContentBody h3:first-child,
.mceContentBody h4:first-child,
.mceContentBody h5:first-child,
.mceContentBody h6:first-child {
margin-top: 0;
}
.mceContentBody p {
margin: 0 0 28px;
overflow:auto;
zoom:1;
}
.mceContentBody b,
.mceContentBody strong {
font-weight: 700;
}
.mceContentBody dfn,
.mceContentBody cite,
.mceContentBody em,
.mceContentBody i {
font-style: italic;
}
.mceContentBody blockquote {
border-left: 4px solid #1a1a1a;
color: #686868;
font-size: 1.2rem;
font-style: italic;
line-height: 1.4736842105;
margin-bottom: 28px;
overflow: hidden;
padding: 0 0 0 24px;
}
.mceContentBody blockquote:not(.alignleft):not(.alignright) {
margin-left: -28px;
}
.mceContentBody blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
.mceContentBody blockquote:before,
.mceContentBody blockquote:after {
content: "";
display: table;
}
.mceContentBody blockquote:after {
clear: both;
}
.mceContentBody blockquote > :last-child {
margin-bottom: 0;
}
.mceContentBody blockquote cite,
.mceContentBody blockquote small {
color: #1a1a1a;
font-size: 16px;
line-height: 1.75;
}
.mceContentBody blockquote em,
.mceContentBody blockquote i,
.mceContentBody blockquote cite {
font-style: normal;
}
.mceContentBody blockquote strong,
.mceContentBody blockquote b {
font-weight: 400;
}
.mceContentBody blockquote.alignleft,
.mceContentBody blockquote.alignright {
border: 0 solid #1a1a1a;
border-top-width: 4px;
padding: 18px 0 0;
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
}
.mceContentBody address {
font-style: italic;
margin: 0 0 28px;
}
.mceContentBody code,
.mceContentBody kbd,
.mceContentBody tt,
.mceContentBody var,
.mceContentBody samp,
.mceContentBody pre {
font-family: Inconsolata, monospace;
}
.mceContentBody pre {
border: 1px solid #d1d1d1;
font-size: 1.0rem;
line-height: 1.3125;
margin: 0 0 28px;
max-width: 100%;
overflow: auto;
padding: 14px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
.mceContentBody code {
background-color: #d1d1d1;
padding: 2px 4px;
}
.mceContentBody abbr[title] {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
.mceContentBody mark,
.mceContentBody ins {
background: #007acc;
color: #fff;
padding: 2px 4px;
text-decoration: none;
}
.mceContentBody sup,
.mceContentBody sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.mceContentBody sub {
top: -6px;
}
.mceContentBody sup {
bottom: -3px;
}
.mceContentBody small {
font-size: 80%;
}
.mceContentBody big {
font-size: 125%;
} .mceContentBody hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin-bottom: 28px;
}
.mceContentBody ul,
.mceContentBody ol {
margin: 0 0 28px 0;
padding: 0;
}
.mceContentBody ul {
list-style: disc;
}
.mceContentBody ol {
list-style: decimal;
}
.mceContentBody li > ul,
.mceContentBody li > ol {
margin-bottom: 0;
}
.mceContentBody li > ul,
blockquote > ul {
margin-left: 20px;
}
.mceContentBody li > ol,
blockquote > ol {
margin-left: 24px;
}
.mceContentBody dl {
margin: 0 0 28px;
}
.mceContentBody dt {
font-weight: bold;
}
.mceContentBody dd {
margin: 0 0 28px;
}
.mceContentBody table,
.mceContentBody th,
.mceContentBody td,
.mce-item-table,
.mce-item-table th,
.mce-item-table td {
border: 1px solid #d1d1d1;
}
.mceContentBody table a {
color: #007acc;
}
.mceContentBody table,
.mce-item-table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 28px;
width: 100%;
}
.mceContentBody table th,
.mce-item-table th,
table caption {
border-width: 0 1px 1px 0;
font-size: 1.0rem;
font-weight: 700;
padding: 7px;
text-align: left;
vertical-align: baseline;
}
.mceContentBody table td,
.mce-item-table td {
border-width: 0 1px 1px 0;
font-size: 1.0rem;
padding: 7px;
vertical-align: baseline;
} .mceContentBody .alignleft {
float: left;
margin: 6px 28px 28px 0;
}
.mceContentBody .alignright {
float: right;
margin: 6px 0 28px 28px;
}
.mceContentBody .aligncenter {
clear: both;
display: block;
margin: 0 auto 28px;
} .mceContentBody .wp-caption {
background: transparent;
border: none;
margin-bottom: 1.8rem;
max-width: 100%;
padding: 0;
text-align: inherit;
}
.mceContentBody .wp-caption-text,
.mceContentBody .wp-caption-dd {
color: #686868;
font-size: 0.8rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 7px;
} .mce-content-body .wpview-wrap {
margin-bottom: 28px;
}
.mceContentBody .gallery {
margin: 0px 0px 0px 0px;
padding: 0;
}
.mceContentBody .gallery .gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0px;
margin: 0px;
text-align: center;
vertical-align: top;
width: 100%;
line-height: 100%;
}
.mceContentBody .gallery-columns-1 .gallery-item {
max-width: 100%;
}
.mceContentBody .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.mceContentBody .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.mceContentBody .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.mceContentBody .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.mceContentBody .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.mceContentBody .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.mceContentBody .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.mceContentBody .gallery .gallery-caption {
font-size: 13px;
margin: 0;
}
.mceContentBody .gallery .gallery-item a {
padding: 0px;
margin: 0px;
}
.mceContentBody .gallery .gallery-item img {
display: block;
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
}
.mceContentBody .gallery-columns-6 .gallery-caption,
.mceContentBody .gallery-columns-7 .gallery-caption,
.mceContentBody .gallery-columns-8 .gallery-caption,
.mceContentBody .gallery-columns-9 .gallery-caption {
display: none;
} .mceContentBody .wp-audio-shortcode a,
.mceContentBody .wp-playlist a {
box-shadow: none;
}
.mce-content-body .wp-audio-playlist {
margin: 0;
padding-bottom: 0;
}
.mce-content-body .wp-playlist-tracks {
margin-top: 0;
}
.mce-content-body  .wp-playlist-item {
padding: 10px 0;
}
.mce-content-body .wp-playlist-item-length {
top: 10px;
} .mceContentBody .rtl blockquote {
border: 0 solid #1a1a1a;
border-right-width: 4px;
}
.mceContentBody .rtl blockquote.alignleft,
.mceContentBody .rtl blockquote.alignright {
border: 0 solid #1a1a1a;
border-top-width: 4px;
}
.mceContentBody .rtl blockquote:not(.alignleft):not(.alignright) {
margin-right: -28px;
padding: 0 24px 0 0;
}
.mceContentBody .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
margin-right: 0;
margin-left: auto;
}
.mceContentBody .rtl li > ul,
.mceContentBody .rtl blockquote > ul {
margin-right: 20px;
margin-left: auto;
}
.mceContentBody .rtl li > ol,
.mceContentBody .rtl blockquote > ol {
margin-right: 24px;
margin-left: auto;
}
.mceContentBody .rtl table th,
.mceContentBody .rtl .mce-item-table th,
.mceContentBody .rtl table caption {
text-align: right;
} .mceContentBody img.aligncenter {
display: block !important; max-width: 100%;
margin: 0px auto;
}
.mceContentBody img:not(.aligncenter):not(.alignright):not(.alignleft),
.mceContentBody img.alignnone {
float: left;
display: block; max-width: 100%;
margin: 0;
line-height: 100%;
letter-spacing: normal;
vertical-align: bottom;
}
.mceContentBody .gallery {
margin: 0px !important;
}
.mceContentBody table.noneBorder,
.mceContentBody table.noneBorder th,
.mceContentBody table.noneBorder td {
border: none !important;
}
}  @media (max-width: 750px) { .mceContentBody img {
width: 100%;
height: auto;
margin: 0 auto 28px;
} .mceContentBody {
font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
max-width: 100%;
padding: 0px;
color: #1a1a1a;
font-size: 16px;
font-weight: normal;
line-height: 1.75;
vertical-align: baseline;
}
.mceContentBody:after {
content: "";
clear: both;
display: block;
}
body.post-type-page {
width: 800px;
} .mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6 {
clear: both;
font-weight: bold;
margin: 0px;
padding: 0px 0px 10px 0px;
}
.mceContentBody h1 {
font-size: 2.4rem;
line-height: 140%;
}
.mceContentBody h2 {
font-size: 2.0rem;
line-height: 140%;
}
.mceContentBody h3 {
font-size: 1.8rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h4 {
font-size: 1.6rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h5 {
font-size: 1.4rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h6 {
font-size: 1.2rem;
font-weight: normal;
line-height: 140%;
}
.mceContentBody h1:first-child,
.mceContentBody h2:first-child,
.mceContentBody h3:first-child,
.mceContentBody h4:first-child,
.mceContentBody h5:first-child,
.mceContentBody h6:first-child {
margin-top: 0;
}
.mceContentBody p {
margin: 0 0 28px;
}
.mceContentBody b,
.mceContentBody strong {
font-weight: 700;
}
.mceContentBody dfn,
.mceContentBody cite,
.mceContentBody em,
.mceContentBody i {
font-style: italic;
}
.mceContentBody blockquote {
border-left: 4px solid #1a1a1a;
color: #686868;
font-size: 1.2rem;
font-style: italic;
line-height: 1.4736842105;
margin-bottom: 28px;
overflow: hidden;
padding: 0 0 0 24px;
}
.mceContentBody blockquote:not(.alignleft):not(.alignright) {
margin-left: -28px;
}
.mceContentBody blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
.mceContentBody blockquote:before,
.mceContentBody blockquote:after {
content: "";
display: table;
}
.mceContentBody blockquote:after {
clear: both;
}
.mceContentBody blockquote > :last-child {
margin-bottom: 0;
}
.mceContentBody blockquote cite,
.mceContentBody blockquote small {
color: #1a1a1a;
font-size: 16px;
line-height: 1.75;
}
.mceContentBody blockquote em,
.mceContentBody blockquote i,
.mceContentBody blockquote cite {
font-style: normal;
}
.mceContentBody blockquote strong,
.mceContentBody blockquote b {
font-weight: 400;
}
.mceContentBody blockquote.alignleft,
.mceContentBody blockquote.alignright {
border: 0 solid #1a1a1a;
border-top-width: 4px;
padding: 18px 0 0;
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
}
.mceContentBody address {
font-style: italic;
margin: 0 0 28px;
}
.mceContentBody code,
.mceContentBody kbd,
.mceContentBody tt,
.mceContentBody var,
.mceContentBody samp,
.mceContentBody pre {
font-family: Inconsolata, monospace;
}
.mceContentBody pre {
border: 1px solid #d1d1d1;
font-size: 1.0rem;
line-height: 1.3125;
margin: 0 0 28px;
max-width: 100%;
overflow: auto;
padding: 14px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
.mceContentBody code {
background-color: #d1d1d1;
padding: 2px 4px;
}
.mceContentBody abbr[title] {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
.mceContentBody mark,
.mceContentBody ins {
background: #007acc;
color: #fff;
padding: 2px 4px;
text-decoration: none;
}
.mceContentBody sup,
.mceContentBody sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.mceContentBody sub {
top: -6px;
}
.mceContentBody sup {
bottom: -3px;
}
.mceContentBody small {
font-size: 80%;
}
.mceContentBody big {
font-size: 125%;
} .mceContentBody hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin-bottom: 28px;
}
.mceContentBody ul,
.mceContentBody ol {
margin: 0 0 28px 0;
padding: 0;
}
.mceContentBody ul {
list-style: disc;
}
.mceContentBody ol {
list-style: decimal;
}
.mceContentBody li > ul,
.mceContentBody li > ol {
margin-bottom: 0;
}
.mceContentBody li > ul,
blockquote > ul {
margin-left: 20px;
}
.mceContentBody li > ol,
blockquote > ol {
margin-left: 24px;
}
.mceContentBody dl {
margin: 0 0 28px;
}
.mceContentBody dt {
font-weight: bold;
}
.mceContentBody dd {
margin: 0 0 28px;
}
.mceContentBody table,
.mceContentBody th,
.mceContentBody td,
.mce-item-table,
.mce-item-table th,
.mce-item-table td {
border: 1px solid #d1d1d1;
}
.mceContentBody table a {
color: #007acc;
}
.mceContentBody table,
.mce-item-table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 28px;
width: 100%;
}
.mceContentBody table th,
.mce-item-table th,
table caption {
border-width: 0 1px 1px 0;
font-size: 1.0rem;
font-weight: 700;
padding: 7px;
text-align: left;
vertical-align: baseline;
}
.mceContentBody table td,
.mce-item-table td {
border-width: 0 1px 1px 0;
font-size: 1.0rem;
padding: 7px;
vertical-align: baseline;
} .mceContentBody .alignleft {
float: left;
margin: 6px 28px 28px 0;
}
.mceContentBody .alignright {
float: right;
margin: 6px 0 28px 28px;
}
.mceContentBody .aligncenter {
clear: both;
display: block;
margin: 0 auto 28px;
} .mceContentBody .wp-caption {
background: transparent;
border: none;
margin-bottom: 1.8rem;
max-width: 100%;
padding: 0;
text-align: inherit;
}
.mceContentBody .wp-caption-text,
.mceContentBody .wp-caption-dd {
color: #686868;
font-size: 0.8rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 7px;
} .mce-content-body .wpview-wrap {
margin-bottom: 28px;
}
.mceContentBody .gallery {
margin: 0px 0px 10px 0px;
padding: 0;
}
.mceContentBody .gallery .gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0px;
margin: 0px;
text-align: center;
vertical-align: top;
width: 100%;
line-height: 100%;
}
.mceContentBody .gallery-columns-1 .gallery-item {
max-width: 100%;
}
.mceContentBody .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.mceContentBody .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.mceContentBody .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.mceContentBody .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.mceContentBody .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.mceContentBody .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.mceContentBody .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.mceContentBody .gallery .gallery-caption {
font-size: 13px;
margin: 0;
}
.mceContentBody .gallery .gallery-item a {
padding: 0px;
margin: 0px;
}
.mceContentBody .gallery .gallery-item img {
display: block;
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
}
.mceContentBody .gallery-columns-6 .gallery-caption,
.mceContentBody .gallery-columns-7 .gallery-caption,
.mceContentBody .gallery-columns-8 .gallery-caption,
.mceContentBody .gallery-columns-9 .gallery-caption {
display: none;
} .mceContentBody .wp-audio-shortcode a,
.mceContentBody .wp-playlist a {
box-shadow: none;
}
.mce-content-body .wp-audio-playlist {
margin: 0;
padding-bottom: 0;
}
.mce-content-body .wp-playlist-tracks {
margin-top: 0;
}
.mce-content-body  .wp-playlist-item {
padding: 10px 0;
}
.mce-content-body .wp-playlist-item-length {
top: 10px;
} .mceContentBody .rtl blockquote {
border: 0 solid #1a1a1a;
border-right-width: 4px;
}
.mceContentBody .rtl blockquote.alignleft,
.mceContentBody .rtl blockquote.alignright {
border: 0 solid #1a1a1a;
border-top-width: 4px;
}
.mceContentBody .rtl blockquote:not(.alignleft):not(.alignright) {
margin-right: -28px;
padding: 0 24px 0 0;
}
.mceContentBody .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
margin-right: 0;
margin-left: auto;
}
.mceContentBody .rtl li > ul,
.mceContentBody .rtl blockquote > ul {
margin-right: 20px;
margin-left: auto;
}
.mceContentBody .rtl li > ol,
.mceContentBody .rtl blockquote > ol {
margin-right: 24px;
margin-left: auto;
}
.mceContentBody .rtl table th,
.mceContentBody .rtl .mce-item-table th,
.mceContentBody .rtl table caption {
text-align: right;
} .mceContentBody img.aligncenter {
display: block;
width: auto;
max-width: 100%;
margin: 0px auto;
}
.mceContentBody img:not(.aligncenter):not(.alignright):not(.alignleft),
.mceContentBody img.alignnone {
float: none;
display: block;
width: auto;
max-width: 100%;
margin: 0 auto;
line-height: 100%;
letter-spacing: normal;
vertical-align: bottom;
width: 100%;
}
.mceContentBody iframe {
width: 100% !important;
max-height: calc(100vw * 0.563) !important;
}
.mceContentBody .gallery {
margin: 0px !important;
}
}header{
background-color: #ffffff;
border-bottom: 1px solid #B2B2B2;
height: 70px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
header .header_inner{
display: flex;
justify-content: space-between;
padding:  15px
}
header h1{
align-content: center;
margin: 0;
}
header .hamburger_btn{
cursor: pointer;
height: 20px;
margin: auto 0;
position: relative;
width: 50px;
}
header .hamburger_btn span{
background-color: #000000;
display: block;
height: 1px;
position: absolute;
transition: 0.4s;
width: 50px;
}
header .hamburger_btn span:nth-child(1){
top: 0;
}
header .hamburger_btn span:nth-child(2){
top: 50%;
}
header .hamburger_btn span:nth-child(3){
top: 100%;
}
header .hamburger_btn.active span:nth-child(1){
top: 50%;
transform: rotate(-45deg);
}
header .hamburger_btn.active span:nth-child(2){
opacity: 0;
}
header .hamburger_btn.active span:nth-child(3){
top: 50%;
transform: rotate(45deg);
}
@media screen and (max-width:750px){
header .hamburger_btn,
header .hamburger_btn span{
width: 30px;
}
}
nav.global_nav{
background-color: #ffffff;
padding: 40px;
font-weight: 600;
display: none;
height: 100dvh;
height: 100vh;
justify-items: center;
position: fixed;
top: 70px;
right: 0;
transform: translateY(-100%);
width: 30%;
z-index: 99;
}
nav.global_nav.active{
transform: translateY(0);
display: block;
}
nav.global_nav ul{
list-style: none;
margin: 0;
padding: 0;
}
nav.global_nav ul li{
margin-bottom: 30px;
}
nav.global_nav ul li a:hover{
color: #D4006C;
}
nav.global_nav .btn a{
background-color: #ffffff;
border: 1px solid #000;
color: #000;
display: inline-block;
font-weight: 600;
margin-bottom: 15px;
min-width: 265px;
padding: 15px 18px;
transition: 0.2s;
}
nav.global_nav .btn a:hover{
background-color: #e6e6e6;
}
nav.global_nav p.searchPost{
position: relative;
}
nav.global_nav p.searchPost input{
width: 250px;
height: 30px;
margin: 0px;
padding: 0px 0px 0px 30px;
font-size: 1.2rem;
border: none;
background-color: rgba(228, 0, 127, 0.20);
box-sizing: border-box;
}
nav.global_nav p.searchPost:before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 24px;
height: 24px;
background: url(//www.merryproject.com/img/icon_searchPost01.png);
background-size: contain;
}
@media screen and (max-width:750px){
nav.global_nav{
box-sizing: border-box;
right: auto;
left: 0;
justify-items: left;
padding: 40px 20px;
width: 100%;
}
}
@media print {
.nav.global_nav { 
display: none !important; opacity:0;
}
} footer{
background-color: #DBDBDB;
padding: 100px 15px 70px 15px;
margin-top: 20px;
text-align: center;
}
footer p{
font-size: 20px;
}
footer .link_btn{
margin-top: 0;
margin-bottom: 40px;
}
footer ul,
.sns_link ul{
display: flex;
justify-content: center;
margin: 25px 0 160px 0;
padding: 0;
list-style: none;
}
footer ul li,
.sns_link li{
margin: 0 15px;
}
footer ul li img,
.sns_link img{
display: block;
height: 45px;
width: 45px;
}
footer p.copy_right{
font-size: 12px;
}
@media screen and (max-width:750px){
footer{
padding: 35px 15px;
}
footer ul{
margin: 25px 0;
}
footer ul li,
.sns_link li{
margin: 0 10px;
}
footer ul li img,
.sns_link img{
height: 35px;
width: 35px;
}
} img.border{
border: 1px solid #ccc;
}
.top-page h2{
font-size: 36px;
font-weight: 800;
margin-bottom: 1em;
text-align: center;
}
.top-page section{
margin-top: 150px;
}
.top-page ul{
list-style: none;
}
.top-page img{
max-width: 100%;
height: auto;
transition: 0.2s;
}
.top-page p{
line-height: 1.5em;
letter-spacing: 0.02em;
}
.top-page a{
transition: 0.2s;
}
.top-page a:hover{
opacity: 0.7;
}
@media screen and (max-width:750px){
.top-page h2{
font-size: 26px;
}
.top-page section{
margin-top: 70px;
}
}
.link_btn{
margin-left: auto;
margin-right: auto;
max-width: 315px;
width: 100%;
}
.link_btn a{
background-color: #ffffff;
border: 1px solid #5E5E5E;
display: block;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.1em;
margin-top: 60px;
padding: 15px;
padding-right: 35px;
position: relative;
text-align: center;
transition: 0.2s;
}
.link_btn a::after{
background-image: url(//www.merryproject.com/sys/wp-content/themes/merryproject/img/common/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
content: "";
vertical-align: middle;
transition: 0.2s;
right: 20px;
width: 16px;
height: 6px;
margin-top: 1px;
transform: translateY(-50%);
}
.link_btn a:hover{
background-color: #e6e6e6;
}
@media screen and (max-width:750px){
.link_btn{
max-width: 225px;
}
.link_btn a{
font-size: 12px;
padding: 9.5px;
padding-right: 35px;
margin-top: 40px;
}
}
.top-page .news_box .item{
border-top: 1px solid #ADACAC;
font-weight: 600;
display: flex;
justify-content: space-between;
padding: 30px 0;
}
.top-page .news_box .item:last-child{
border-bottom: 1px solid #ADACAC;
}
.top-page .news_box .item .img_box{
width: 38%;
}
.top-page .news_box .item .img_box img{
aspect-ratio: 3/2;
object-fit: cover;
}
.top-page .news_box .item .text_box{
width: 60%;
}
.top-page .news_box .item .text_box p.category{
background: #474747;
color: #ffffff;
display: inline-block;
font-size: 18px;
margin-top: 0;
margin-bottom: 30px;
min-width: 185px;
padding: 3px;
text-align: center;
}
.top-page .news_box .item .text_box p.date{
margin-top: 0;
margin-bottom: 0;
}
.top-page .news_box .item .text_box p.title{
font-size: 26px;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
}
@media screen and (max-width:750px){
.top-page .news_box .item{
padding: 20px 0;
}
.top-page .news_box .item .text_box p.category{
font-size: 13px;
line-height: normal;
margin-bottom: 10px;
min-width: 100px;
}
.top-page .news_box .item .text_box p.date{
margin-bottom: 5px;
}
.top-page .news_box .item .text_box p.date,
.top-page .news_box .item .text_box p.title{
font-size: 13px;
}
}
#contentWrap{
padding-top: 70px !important;
}
#main_visual img{
width: 100%;
} .top-page div#intro{
margin-top: 70px;
text-align: center;
}
.top-page div#intro p{
font-size: 18px;
font-weight: 600;
margin-left: auto;
margin-right: auto;
max-width: 575px;
line-height: 1.8em;
}
.top-page div#intro img{
margin-top: 40px;
}
@media screen and (max-width:750px){
.top-page div#intro p{
font-size: 12px;
}
.top-page div#intro{
margin-top: 35px;
}
} .top-page section#project .banner{
display: block;
margin-bottom: 40px;
}
.top-page section#project .banner img{
border: 1px solid #ccc;
}
@media screen and (max-width:750px){
.top-page section#project .banner{
margin-bottom: 17px;
}
} @media screen and (max-width:750px){
} .top-page section#media{
margin-top: 200px;
}
.top-page section#media .media_box.movie_box a{
display: block;
font-size: 22px;
font-weight: 600;
margin-top: 1em;
}
.top-page section#media .media_box.row_03{
display: flex;
justify-content: space-between;
margin-top: 60px;
margin-bottom: 80px;
}
.top-page section#media .media_box.row_03 .item{
width: 32%;
}
.top-page section#media .media_box.row_03 .item p{
font-size: 17px;
font-weight: 600;
}
.top-page section#media .media_box.row_03 .item img{
border: 1px solid #ccc;
}
@media screen and (max-width:750px){
.top-page section#media{
margin-top: 70px;
}
.top-page section#media .media_box.movie_box a,
.top-page section#media .media_box.row_03 .item p{
font-size: 12px;
}
} .top-page section#movie .movie_box.row_02{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.top-page section#movie .movie_box.row_02 .item{
margin-bottom: 40px;
width: 49%;
}
.top-page section#movie .movie_box.row_02 .item:last-of-type,
.top-page section#movie .movie_box.row_02 .item:nth-last-child(2){
margin-bottom: 0;
}
.top-page section#movie .movie_box.row_02 .item a:not(:first-child){
font-size: 17px;
font-weight: 600;
display: inline-block;
margin-top: 10px;
}
.top-page section#movie .movie_box.row_02 .item a:hover{
text-decoration: underline;
}
.top-page section#movie .movie_box.row_02 .item p{
font-size: 15.5px;
}
.top-page section#movie .movie_wrap{
position: relative;
width:100%;
height:0;
padding-top: 56.25%;
}
.top-page section#movie .movie_wrap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width:750px){
.top-page section#movie .movie_box.row_02 .item{
margin-bottom: 20px;
}
.top-page section#movie .movie_box.row_02 .item a,
.top-page section#movie .movie_box.row_02 .item p{
font-size: 12px !important;
}
} .top-page section#message .message .slick-track{
align-items: stretch;
display: flex;
}
.top-page section#message .message .slide{
align-content: center;
border: 2.5px solid #FF00AA;
background-color: #ffffff;
border-radius: 20px;
box-sizing: border-box;
height: auto !important;
margin-bottom: 70px;
padding: 70px;
position: relative;
width: 100% !important;
}
.top-page section#message .message .slide::before,
.top-page section#message .message .slide::after{
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
border: solid transparent;
transform: translateX(-50%);
border-width:60.5px;
content: "";
}
.top-page section#message .message .slide::before {
border-color: transparent;
border-top-color:  #FF00AA;
}
.top-page section#message .message .slide::after {
border-color: transparent;
border-top-color: white;
top: 99.5%;
}
.top-page section#message .message .slide p{
font-size: 26px;
font-weight: 600;
line-height: 1.8em;
margin: 0 0 45px 0;
}
.top-page section#message .message　.slide p.profile span{
font-size: 20px;
font-weight: 500;
letter-spacing: 0.1em;
}
.top-page section#message .message .slide p.text{
font-weight: 600;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;
}
.top-page section#message .message .slide a{
background-color: #919191;
color: #ffffff;
font-weight: 600;
display: inline-block;
margin-top: 45px;
padding: 10px 30px;
}
.top-page section#message .person{
display: flex;
justify-content: space-between;
}
.top-page section#message .person img{
border-radius: 999px;
}
.top-page section#message .person p{
font-size: 26px;
font-weight: 600;
text-align: center;
}
.top-page section#message .person p span{
font-size: 16px;
}
@media screen and (max-width:750px){
.top-page section#message .message .slide{
margin-bottom: 45px;
padding: 20px 30px;
}
.top-page section#message .message .slide a{
margin-top: 30px;
}
.top-page section#message .message .slide::before,
.top-page section#message .message .slide::after{
border-width: 30.5px;
}
.top-page section#message .message .slide::after{
top: 99%;
}
.top-page section#message .message .slide p{
font-size: 16px;
margin: 0 0 30px 0;
}
.top-page section#message .message .slide p.profile span{
font-size: 13px;
}
.top-page section#message .message .slide p.text{
font-size: 13px;
}
.top-page section#message .person p{
font-size: 13px;
}
.top-page section#message .person p span{
font-size: 10px;
}
} .top-page section#shop .product_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-page section#shop .product_box .item{
aspect-ratio: 1/1;
margin-bottom: 20px;
width: 30%;
}
.top-page section#shop .product_box .item img{
display: block;
height: 100%;
object-fit: cover;    
}
@media screen and (max-width:750px){
.top-page section#shop .link_btn a{
margin-top: 0;
}
} .top-page section#foundation ul{
border-top: 1px solid #adacac;
display: flex;
justify-content: center;
margin: 0;
padding: 20px 0;
}
.top-page section#foundation ul:last-of-type{
border-bottom: 1px solid #adacac;
}
.top-page section#foundation ul li{
padding: 0 20px;
}
.top-page section#foundation ul a{
display: block;
}
.top-page section#foundation img{
max-height: 60px;
}
.top-page section#foundation p{
font-weight: 600;
font-size: 20px;
padding: 70px 0;
text-align: center;
}
@media screen and (max-width:750px){
.top-page section#foundation p{
font-size: 14px;
padding: 30px 0;
}
} #sliderPickup,
#tagBanner,
#catTab{
display: none;
}
 #merryTop {
min-height: 3000px;
} @media print, screen and (min-width: 751px) { #mainSlide {
width: 100%;
margin: 0px 0px 60px 0px;
padding: 0px
}
#mainSlide ul.slide {
display: block;
margin: 0px;
padding: 0px;
}
#mainSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#mainSlide .slick-prev,
#mainSlide .slick-next {
width: 20px;
height: 20px;
}
#mainSlide .slick-prev:before,
#mainSlide .slick-next:before {
}
#mainSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowL02.png);
background-size: contain;
vertical-align: middle;
}
#mainSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowR02.png);
background-size: contain;
vertical-align: middle;
}
#mainSlide .slick-prev{
left: 10px;
}
#mainSlide .slick-next{
right: 10px;
}
#mainSlide .slick-arrow{
z-index: 2;
} #newPost {
margin-bottom: 60px;
}
#newPost h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#newPost h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#newPost ul.tab {
display: table;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
list-style: none;
list-style-image: none;
}
#newPost ul.tab li {
display: table-cell;
width: 20%;
margin: 0px;
padding: 10px 0px 5px 0px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
line-height: 100%;
background-color: #F6F6F6;
border-left: #DBDBDB 1px solid;
box-sizing: border-box;
cursor: pointer;
}
#newPost ul.tab li:first-child {
border-left: none;
}
#newPost ul.tab li[data-cat="all"].hit,
#newPost ul.tab li[data-cat="all"]:hover {
color: #E4007F;
border-bottom: #E4007F 5px solid;
}
#newPost ul.tab li[data-cat="event"].hit,
#newPost ul.tab li[data-cat="event"]:hover {
color: #E60012;
border-bottom: #E60012 5px solid;
}
#newPost ul.tab li[data-cat="activity"].hit,
#newPost ul.tab li[data-cat="activity"]:hover {
color: #008B43;
border-bottom: #008B43 5px solid;
}
#newPost ul.tab li[data-cat="latestmedia"].hit,
#newPost ul.tab li[data-cat="latestmedia"]:hover {
color: #F39800;
border-bottom: #F39800 5px solid;
}
#newPost ul.tab li[data-cat="tag-pickup"].hit,
#newPost ul.tab li[data-cat="tag-pickup"]:hover {
color: #E4007F;
border-bottom: #E4007F 5px solid;
}
#newPost ul.post {
display: none;
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 0px 0px;
background-color: #EDEDED;
list-style: none;
list-style-image: none;
overflow: hidden;
}
#newPost ul.all {
display: block;
}
#newPost .post:after {
content: "";
clear: both;
display: block;
}
#newPost .post .cell {
background-color: #FFFFFF;
cursor: pointer;
}
#newPost .post .cell:hover {
opacity: 0.6;
}
#newPost .post .cell:first-child {
float: left;
margin: 0px 20px 0px 20px;
padding: 0px;
}
#newPost .post .cell:first-child .inner {
width: 342px;
height: 442px; box-sizing: border-box;
overflow: hidden;
}
#newPost .post .cell:first-child img.pict {
display: block;
width: 342px;
height: 218.5px;
margin: 0px;
padding: 0px;
}
#newPost .post .cell:first-child p.cattag {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 100%;
}
#newPost .post .cell:first-child p.cattag span {
display: inline-block;
width: calc(50% - 10px);
margin: 0px;
padding: 5px 5px;
font-size: 0.8rem;
font-weight: bold;
color: #000000;
text-align: center;
background-color: #EFEFEF;
white-space: nowrap;
overflow: hidden;
}
#newPost .post .cell:first-child p.cattag span.date {
display: none;
}
#newPost .post .cell:first-child p.date {
margin: 0px 0px 5px 0px;
padding: 0px 10px;
font-size: 1.0rem;
font-weight: bold;
color: #000000;
}
#newPost .post .cell:first-child h4 {
margin: 0px 0px 5px 0px;
padding: 0px 10px;
font-size: 1.2rem;
font-weight: bold;
line-height: 140%;
word-break : break-all;
color: #000000;
}
#newPost .post .cell:first-child p.body {
margin: 0px;
padding: 0px 10px;
font-size: 1.0rem;
font-weight: normal;
line-height: 140%;
word-break : break-all;
color: #000000;
}
#newPost .post .cell:nth-child(n+2) {
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#newPost .post .cell:nth-child(n+2) .inner {
width: 190px;
height: 211.85px; box-sizing: border-box;
overflow: hidden;
}
#newPost .post .cell:nth-child(2n+2) {
margin-right: 20px;
}
#newPost .post .cell:nth-child(n+2) img.pict {
display: block;
width: 190px;
height: 118.75px;
margin: 0px;
padding: 0px;
}
#newPost .post .cell:nth-child(n+2) p.cattag {
margin: 0px 0px 8px 0px;
padding: 0px;
line-height: 100%;
}
#newPost .post .cell:nth-child(n+2) p.cattag span {
display: inline-block;
width: calc(50% - 10px);
margin: 0px;
padding: 3px 5px;
font-size: 0.6rem;
font-weight: bold;
color: #000000;
text-align: center;
background-color: #EFEFEF;
white-space: nowrap;
overflow: hidden;
}
#newPost .post .cell:nth-child(n+2) p.date {
margin: 0px 0px 2px 0px;
padding: 0px 5px;
font-size: 0.8rem;
font-weight: bold;
color: #000000;
}
#newPost .post .cell:nth-child(n+2) h4 {
margin: 0px 0px 5px 0px;
padding: 0px 5px;
font-size: 0.9rem;
font-weight: bold;
line-height: 140%;
word-break : break-all;
color: #000000;
}
#newPost .post .cell .sp {
display: none !important;
} #mainAct {
margin-bottom: 30px;
}
#mainAct h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.4rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#mainAct h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#mainAct h3 a:hover {
text-decoration: underline;
}
#mainAct ul.slide {
display: block;
margin: 0px;
padding: 0px;
cursor: pointer;
} #tagBanner {
margin-bottom: 60px;
}
#tagBanner ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
#tagBanner ul:after {
content: "";
clear: both;
display: block;
}
#tagBanner ul li {
float: left;
display: block;
width: 19%;
margin: 0px 0.5% 15px 0.5%;
padding: 0px;
cursor: pointer;
}
#tagBanner ul li:hover {
opacity: 0.6;
}
#tagBanner ul li img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#tagBanner ul li:nth-child(2),
#tagBanner ul li:nth-child(7) {
margin-left: 20px;
margin-right: 0px;
}
#tagBanner ul li:nth-child(3),
#tagBanner ul li:nth-child(8) {
margin-left: 30px;
margin-right: -20px;
}
#tagBanner ul li:nth-child(5),
#tagBanner ul li:nth-child(10) {
margin-left: 20px;
margin-right: -40px;
} #todaysMerry {
float: left;
width: 405px;
margin: 0px auto 40px auto;
padding: 0px 0px;
box-sizing: border-box;
}
#todaysMerry h3 {
position: relative;
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.4rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#todaysMerry h3 img {
position: absolute;
top: -0.3rem;
right: 0px;
width: auto;
height: 2.0rem;
margin: 0px;
padding: 0px;
}
#todaysMerry .pict {
margin: 0px;
padding: 0px;
border: #595757 1px solid;
box-sizing: border-box;
}
#todaysMerry .pict img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#todaysMerry .pict img:hover {
opacity: 0.6;
} #celebMessage {
float: right;
width: 370px;
margin: 0px auto 60px auto;
padding: 0px 0px;
box-sizing: border-box;
}
#celebMessage h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.4rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#celebMessage .cell {
position: relative;
display: block;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px;
border: #595757 1px solid;
border-radius: 10px;
box-sizing: border-box;
background-color: #FFFFFF;
cursor: pointer;
}
#celebMessage .cell:before {
content: "";
position: absolute;
bottom: -29px;
left: 50%;
margin-left: -25px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #FFFFFF transparent transparent transparent;
z-index: 1;
}
#celebMessage .cell:after {
content: "";
position: absolute;
bottom: -31px;
left: 50%;
margin-left: -25px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #595757 transparent transparent transparent;
z-index: 0;
}
#celebMessage .cell:hover {
opacity: 0.6;
}
#celebMessage .cell:nth-child(2n) {
margin-right: 0px;
}
#celebMessage .cell:nth-child(2n+1) {
clear: both;
}
#celebMessage .cell h4 {
margin: 25px 25px 20px 25px;
padding: 0px;
font-size: 1.3rem;
font-weight: bold;
line-height: 100%;
text-align: left;
font-feature-settings : "palt";
}
#celebMessage .cell p.info {
margin: 0px 25px 20px 25px;
padding: 0px;
font-size: 0.8rem;
font-weight: normal;
line-height: 100%;
text-align: left;
font-feature-settings : "palt";
}
#celebMessage .cell p.excerpt {
margin: 0px 25px 20px 25px;
padding: 0px;
font-size: 1.0rem;
font-weight: bold;
line-height: 180%;
text-align: left;
}
#celebMessage .cell p.button {
display: inline-block;
margin: 0px 25px 25px 25px;
padding: 5px 10px;
color: #FFFFFF;
font-size: 0.8rem;
font-weight: normal;
line-height: 100%;
text-align: center;
background-color: #000000;
}
#celebMessage .cell.red {
border: #E60012 1px solid;
}
#celebMessage .cell.red:after {
border-color: #E60012 transparent transparent transparent;
}
#celebMessage .cell.green {
border: #22AC38 1px solid;
}
#celebMessage .cell.green:after {
border-color: #22AC38 transparent transparent transparent;
}
#celebMessage .cell.blue {
border: #00A0E9 1px solid;
}
#celebMessage .cell.blue:after {
border-color: #00A0E9 transparent transparent transparent;
}
#celebMessage .cell.yellow {
border: #F39800 1px solid;
}
#celebMessage .cell.yellow:after {
border-color: #F39800 transparent transparent transparent;
}
#celebMessage p.listLink {
display: block;
max-width: 200px;
margin: 0px auto;
padding: 10px 10px;
color: #FFFFFF;
font-size: 1.1rem;
font-weight: bold;
line-height: 100%;
text-align: center;
background-color: #E4007F;
cursor: pointer;
}
#celebMessage p.listLink:hover {
opacity: 0.6;
} .wrapTwoCol .left {
float: left;
width: 405px;
margin: 0px auto 40px auto;
padding: 0px 0px;
box-sizing: border-box;
} #movieYoutube {
width: 405px;
margin: 0px auto 20px auto;
padding: 0px 0px;
box-sizing: border-box;
}
#movieYoutube iframe {
width: 405px;
} #movie {
margin-bottom: 60px;
}
#movie:after {
content: "";
clear: both;
display: block;
}
#movie h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#movie h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#movie iframe:nth-child(1) {
float: left;
width: 385px;
margin: 0px;
}
#movie iframe:nth-child(2) {
float: right;
width: 385px;
margin: 0px;
} #shopSlide {
margin-bottom: 60px;
}
#shopSlide h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.4rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#shopSlide h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#shopSlide ul.slide {
display: block;
margin: 0px -10px;
padding: 0px 40px;
}
#shopSlide ul.slide li {
display: block;
width: 10%;
margin: 0px;
padding: 0px 5px;
cursor: pointer;
}
#shopSlide ul.slide li:hover {
opacity: 0.6;
}
#shopSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#shopSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_prev01.png);
background-size: contain;
vertical-align: middle;
}
#shopSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_next01.png);
background-size: contain;
vertical-align: middle;
}
#shopSlide .slick-prev{
left: 10px;
}
#shopSlide .slick-next{
right: 15px;
}
#shopSlide .slick-arrow{
z-index: 2;
} #topicsSlide {
margin-bottom: 60px;
}
#topicsSlide h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.4rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#topicsSlide h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#topicsSlide ul.slide {
display: block;
margin: 0px 0px;
padding: 0px 40px;
}
#topicsSlide ul.slide li {
display: block;
margin: 0px;
padding: 0px 10px;
cursor: pointer;
}
#topicsSlide ul.slide li:hover {
opacity: 0.6;
}
#topicsSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#topicsSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_prev01.png);
background-size: contain;
vertical-align: middle;
}
#topicsSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_next01.png);
background-size: contain;
vertical-align: middle;
}
#topicsSlide .slick-prev{
left: 0px;
}
#topicsSlide .slick-next{
right: 5px;
}
#topicsSlide .slick-arrow{
z-index: 2;
} #sns {
margin-bottom: 60px;
}
#sns:after {
content: "";
clear: both;
display: block;
}
#sns h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#sns h3 a {
display: inline-block;
margin: -1px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
} #fbTimeline {
float: left;
width: 385px; margin: 0px;
padding: 0px;
font-size: 0;
}
#fbTimeline img.banner {
width: calc(100% - 2px);
height: auto;
margin: 0px 1px 5px 1px;
padding: 0px;
}
#fbTimeline #fb-root {
margin: 0px;
padding: 0px;
} #instaMizu {
float: right;
width: 385px; margin: 0px;
padding: 0px;
}
#instaMizu img.banner {
width: calc(100% + 2px);
height: auto;
margin: -1px -1px 2px -1px;
padding: 0px;
}
#instaMizu .frame {
margin: 0px;
padding: 0px;
border: #CCCCCC 1px solid;
}
#instaMizu .head {
height: 50px;
padding: 5px;
box-sizing: border-box;
cursor: pointer;
}
#instaMizu .head:hover {
opacity: 0.6;
}
#instaMizu .head:after {
content: "";
clear: both;
display: block;
}
#instaMizu .head .logo {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
}
#instaMizu .head .logo img {
width: auto;
height: 30px;
margin: 0px;
padding: 0px;
}
#instaMizu .head .user {
float: right;
margin: 0px 5px 0px 0px;
}
#instaMizu .head .icon {
display: inline-block;
width: 40px;
height: 40px;
margin: 0px 5px 0px 0px;
padding: 0px;
text-indent: -9999px;
vertical-align: middle;
border-radius: 100%;
background: no-repeat center center;
background-size: cover;
overflow: hidden;
}
#instaMizu .head .name {
display: inline-block;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
#instaMizu .list {
height: 450px;
padding: 10px;
background-color: #EEEEEE;
box-sizing: border-box;
overflow-y: scroll;
}
#instaMizu .list img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#instaMizu .list img:hover {
opacity: 0.6;
} #merryArchives {
margin-bottom: 60px;
padding: 20px 0px;
background-color: #BAE3F9;
}
#merryArchives  {
margin-bottom: 60px;
background-color: #BAE3F9;
}
#merryArchives img.title.pc {
display: block;
margin: 0px;
padding: 0px;
}
#merryArchives img.map {
display: block;
margin: -20px 0px 0px 0px;
padding: 0px;
}
#merryArchives img.button.pc {
display: block;
margin: -10px auto 0px auto;
padding: 0px;
}
#merryArchives a:hover img {
opacity: 0.6;
}
#merryArchives .pc {
display: block;
}
#merryArchives .sp {
display: none;
} #partnerBanner {
margin-bottom: 60px;
}
#partnerBanner img.head {
margin: 0px 0px 10px 0px;
padding: 0px 0px;
}
#partnerBanner h3 {
margin: 0px 0px 15px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#partnerBanner h3 span {
display: inline-block;
margin: -5px 0px 0px 20px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
color: #000000;
font-weight: bold;
font-size: 1.1rem;
line-height: 100%;
}
#partnerBanner p {
margin: 0px 0px 20px 0px;
padding: 0px;
font-size: 1.0rem;
line-height: 100%;
}
#partnerBanner ul.old {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
#partnerBanner ul.old:after {
content: "";
clear: both;
display: block;
}
#partnerBanner ul.old li {
float: left;
display: block;
margin: 0px 12.5px 12.5px 0px;
padding: 0px;
}
#partnerBanner ul.old li:nth-child(5n) {
margin: 0px 0px 12.5px 0px;
}
#partnerBanner ul.old li a,
#partnerBanner ul.old li span {
display: table-cell;
width: 150px;
height: 60px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: #231815 1px solid;
border-radius: 5px;
box-sizing: border-box;
}
#partnerBanner ul.old li a:hover {
opacity: 0.6;
}
#partnerBanner ul.old li img {
display: inline;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 5px;
}
#partnerBanner ul.first {
display: block;
margin: 0px 0px 25px 0px;
padding: 0px 0px 8px 0px;
text-align: center;
list-style: none;
list-style-image: none;
border-bottom: #9FA0A0 1px solid;
}
#partnerBanner ul.first:after {
content: "";
clear: both;
display: block;
}
#partnerBanner ul.first li {
display: inline-block;
margin: 0px 8px 12.5px 0px;
padding: 0px;
}
#partnerBanner ul.first li:nth-child(5n) {
margin: 0px 0px 12.5px 0px;
}
#partnerBanner ul.first li a,
#partnerBanner ul.first li span {
display: table-cell;
width: 150px;
height: 60px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: none;
border-radius: 5px;
box-sizing: border-box;
}
#partnerBanner ul.first li a:hover {
opacity: 0.6;
}
#partnerBanner ul.first li img {
display: inline;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 5px;
}
#partnerBanner ul.second {
display: block;
margin: 0px 0px 25px 0px;
padding: 0px 0px 8px 0px;
text-align: center;
list-style: none;
list-style-image: none;
border-bottom: #9FA0A0 1px solid;
}
#partnerBanner ul.second:after {
content: "";
clear: both;
display: block;
}
#partnerBanner ul.second li {
display: inline-block;
margin: 0px 5px 12.5px 0px;
padding: 0px;
}
#partnerBanner ul.second li:nth-child(6n) {
margin: 0px 0px 12.5px 0px;
}
#partnerBanner ul.second li a,
#partnerBanner ul.second li span {
display: table-cell;
width: 125px;
height: 50px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: none;
border-radius: 5px;
box-sizing: border-box;
}
#partnerBanner ul.second li a:hover {
opacity: 0.6;
}
#partnerBanner ul.second li img {
display: inline;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 5px;
}
}  @media screen and (max-width: 750px) { #mainSlide {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px
}
#mainSlide ul.slide {
display: block;
margin: 0px;
padding: 0px;
}
#mainSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#mainSlide .slick-prev,
#mainSlide .slick-next {
width: 20px;
height: 20px;
}
#mainSlide .slick-prev:before,
#mainSlide .slick-next:before {
}
#mainSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowL02.png);
background-size: contain;
vertical-align: middle;
opacity: 0.5;
}
#mainSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowR02.png);
background-size: contain;
vertical-align: middle;
opacity: 0.5;
}
#mainSlide .slick-prev{
left: 5px;
}
#mainSlide .slick-next{
right: 5px;
}
#mainSlide .slick-arrow{
z-index: 10;
} #newPost {
margin-bottom: 30px;
}
#newPost .backGray {
margin-left: -10px;
margin-right: -10px;
padding: 10px;
background-color: #fff;
}
#newPost h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#newPost h3 a { display: none !important;
}
#newPost h3 a img {
height: 100%;
}
#newPost ul.tab {
display: none; }
#newPost ul.tab:after {
content: "";
clear: both;
display: block;
}
#newPost ul.tab li {
float: left;
display: block;
width: 49%;
margin: 0px 2% 5px 0px;
padding: 15px 0px 10px 0px;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
background-color: #FFFFFF;
border-bottom: #EFEFEF 5px solid;
box-sizing: border-box;
cursor: pointer;
}
#newPost ul.tab li:nth-child(2n+1) {
margin-right: 0px;
}
#newPost ul.tab li:nth-child(2n) {
clear: both;
}
#newPost ul.tab li[data-cat="all"] {
display: none;
}
#newPost ul.tab li[data-cat="all"] {
color: #E4007F;
border-bottom: #E4007F 5px solid;
}
#newPost ul.tab li[data-cat="event"] {
color: #E60012;
border-bottom: #E60012 5px solid;
}
#newPost ul.tab li[data-cat="activity"] {
color: #008B43;
border-bottom: #008B43 5px solid;
}
#newPost ul.tab li[data-cat="latestmedia"] {
color: #F39800;
border-bottom: #F39800 5px solid;
}
#newPost ul.tab li[data-cat="tag-pickup"] {
color: #00A0E9;
border-bottom: #00A0E9 5px solid;
}
#newPost ul.post {
width: 100%;
height: auto;
margin: 0px auto 0px auto;
padding: 0px;
list-style: none;
list-style-image: none;
overflow-y: visible;
}
#newPost ul.post:not(.all) {
display: none !important;
}
#newPost ul.post .slick-prev,
#newPost ul.post .slick-next {
width: 20px;
height: 20px;
}
#newPost ul.post .slick-prev:before,
#newPost ul.post .slick-next:before {
}
#newPost ul.post .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowL02.png);
background-size: contain;
vertical-align: middle;
opacity: 0.5;
}
#newPost ul.post .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.merryproject.com/img/mainSliderArrowR02.png);
background-size: contain;
opacity: 0.5;
}
#newPost ul.post .slick-prev{
left: 5px;
}
#newPost ul.post .slick-next{
right: 5px;
}
#newPost ul.post .slick-arrow{
z-index: 2;
}
#newPost ul.all {
display: block;
}
#newPost .post .cell {
margin: 0px;
padding: 10px 0px;
border-bottom: #B5B5B6 1px solid;
box-sizing: border-box;
background-color: #fff;
cursor: pointer;
}
#newPost .post .cell:first-child {
border: #B5B5B6 1px solid;
padding-top: 0;
}
#newPost .post .cell:hover {
opacity: 0.6;
}
#newPost .post .cell .inner {
display: inline-block;
width: 100%;
clear: both;
}
#newPost .post .cell img.pict {
float: left;
display: block;
width: 30%;
height: auto;
margin: 0px;
padding: 0px;
}
#newPost .post .cell:first-child img.pict {
float: none;
width: 100%;
}
#newPost .post .right {
float: right;
display: block;
width: calc(70% - 10px);
height: auto;
margin: 0px;
padding: 0px;
}
#newPost .post .cell:first-child .right {
float: none;
width: 100%;
}
#newPost .post .cell:first-child p.cattag {
padding-left: 0;
width: 100%;
}
#newPost .post .cell:first-child p.date {
float: none;
width: 100%;
}
#newPost .post .cell:first-child h4 {
float: none;
width: 100%;
}
#newPost .post .cell p.cattag {
position: relative;
margin: 0px 0px 10px 0px;
padding: 0 0 0 10px;
display: table;
width: 70%;
table-layout: fixed;
box-sizing: border-box;
}
#newPost .post .cell p.cattag span {
display: table-cell;
vertical-align: middle;
width: 50%;
margin: 0px;
padding: 5px 5px;
font-size: 1.2rem;
font-weight: bold;
color: #000000;
line-height: 100%;
background-color: #EFEFEF;
box-sizing: border-box;
text-align: center;
}
#newPost .post .cell p.cattag span.date {
display: block;
position: static;
margin: 0px 0px 10px 0px;
padding: 10px 10px 0;
font-size: 1.4rem;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
clear: both;
float: none;
text-align: left;
}
#newPost .post .cell p.date {
float: left;
width: 70%;
padding: 0 10px;
box-sizing: border-box;
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 5px 0;
}
#newPost .post .cell h4 {
margin: 0px 0px 0px 0px;
padding: 0px 10px;
font-size: 1.4rem;
font-weight: bold;
color: #000000;
float: right;
width: 70%;
box-sizing: border-box;
}
#newPost .post .cell p.body {
margin: 0px;
padding: 0px 10px 20px 10px;
font-size: 1.0rem;
font-weight: normal;
color: #000000;
}
#newPost .post .cell .pc {
display: none !important;
} #mainAct {
margin-bottom: 30px;
}
#mainAct h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#mainAct h3 a { display: none !important;
}
#mainAct h3 a img {
height: 100%;
}
#mainAct ul.slide {
display: block;
width: 100%;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#mainAct ul.slide img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
} #tagBanner {
margin-bottom: 30px;
}
#tagBanner ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
#tagBanner ul:after {
content: "";
clear: both;
display: block;
}
#tagBanner ul li {
float: left;
display: block;
width: 16%;
height: auto;
margin: 0px 2% 20px 2%;
padding: 0px;
cursor: pointer;
}
#tagBanner ul li:hover {
opacity: 0.6;
}
#tagBanner ul li img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
} #todaysMerry {
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 10px;
box-sizing: border-box;
}
#todaysMerry h3 {
position: relative;
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#todaysMerry h3 img {
position: absolute;
top: -0.3rem;
right: 0px;
width: auto;
height: 2.1rem;
margin: 0px;
padding: 0px;
}
#todaysMerry .pict {
width: 100%;
margin: 0px;
padding: 0px;
border: #595757 1px solid;
box-sizing: border-box;
}
#todaysMerry .pict img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#todaysMerry .pict img:hover {
opacity: 0.6;
} #celebMessage {
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 10px;
box-sizing: border-box;
}
#celebMessage h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#celebMessage h3 a {
display: inline-block;
height: 20px;
margin: -3px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#celebMessage h3 a img {
height: 100%;
}
#celebMessage .cell {
position: relative;
display: block;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px;
border: #595757 1px solid;
border-radius: 10px;
box-sizing: border-box;
background-color: #FFFFFF;
cursor: pointer;
}
#celebMessage .cell:before {
content: "";
position: absolute;
bottom: -29px;
left: 50%;
margin-left: -25px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #FFFFFF transparent transparent transparent;
z-index: 1;
}
#celebMessage .cell:after {
content: "";
position: absolute;
bottom: -31px;
left: 50%;
margin-left: -25px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #595757 transparent transparent transparent;
z-index: 0;
}
#celebMessage .cell:hover {
opacity: 0.6;
}
#celebMessage .cell:nth-child(2n) {
margin-right: 0px;
}
#celebMessage .cell:nth-child(2n+1) {
clear: both;
}
#celebMessage .cell p.excerpt {
margin: 15px 15px 10px 15px;
padding: 0px;
font-size: 1.0rem;
font-weight: bold;
line-height: 180%;
text-align: left;
}
#celebMessage .cell h4 {
margin: 15px 15px 10px 15px;
padding: 0px;
font-size: 1.3rem;
font-weight: bold;
line-height: 100%;
text-align: left;
font-feature-settings : "palt";
}
#celebMessage .cell p.info {
margin: 0px 15px 10px 15px;
padding: 0px;
font-size: 0.8rem;
font-weight: normal;
line-height: 100%;
text-align: left;
font-feature-settings : "palt";
}
#celebMessage .cell p.button {
display: inline-block;
margin: 0px 15px 15px 15px;
padding: 5px 10px;
color: #FFFFFF;
font-size: 0.9rem;
font-weight: normal;
line-height: 100%;
text-align: center;
background-color: #000000;
}
#celebMessage .cell.red {
border: #E60012 1px solid;
}
#celebMessage .cell.red:after {
border-color: #E60012 transparent transparent transparent;
}
#celebMessage .cell.green {
border: #22AC38 1px solid;
}
#celebMessage .cell.green:after {
border-color: #22AC38 transparent transparent transparent;
}
#celebMessage .cell.blue {
border: #00A0E9 1px solid;
}
#celebMessage .cell.blue:after {
border-color: #00A0E9 transparent transparent transparent;
}
#celebMessage .cell.yellow {
border: #F39800 1px solid;
}
#celebMessage .cell.yellow:after {
border-color: #F39800 transparent transparent transparent;
}
#celebMessage p.listLink {
display: block;
max-width: 200px;
margin: 0px auto;
padding: 8px 10px;
color: #FFFFFF;
font-size: 1.6rem;
font-weight: bold;
line-height: 100%;
text-align: center;
background-color: #E4007F;
cursor: pointer;
}
#celebMessage p.listLink:hover {
opacity: 0.6;
} .wrapTwoCol .left {
margin: 0px;
padding: 0px;
} #movieYoutube {
margin: 0px 0px 20px 0px;
padding: 0px 10px;
}
#movieYoutube iframe {
width: 100%;
} #movie {
margin-bottom: 30px;
}
#movie:after {
content: "";
clear: both;
display: block;
}
#movie h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#movie h3 a { display: none !important;
}
#movie h3 a img {
height: 100%;
}
#movie iframe {
display: block;
width: 100%;
margin: 0px 0px 15px 0px;
} #shopSlide {
margin-bottom: 30px;
}
#shopSlide h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#shopSlide h3 a { display: none !important;
}
#shopSlide h3 a img {
height: 100%;
}
#shopSlide ul.slide {
display: block;
margin: 0px -10px;
padding: 0px 40px;
}
#shopSlide ul.slide li {
display: block;
width: 10%;
margin: 0px;
padding: 0px 5px;
cursor: pointer;
}
#shopSlide ul.slide li:hover {
opacity: 0.6;
}
#shopSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#shopSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_prev01.png);
background-size: contain;
vertical-align: middle;
}
#shopSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_next01.png);
background-size: contain;
vertical-align: middle;
}
#shopSlide .slick-prev{
left: 10px;
}
#shopSlide .slick-next{
right: 15px;
}
#shopSlide .slick-arrow{
z-index: 2;
} #topicsSlide {
margin-bottom: 30px;
}
#topicsSlide h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#topicsSlide h3 a {
display: inline-block;
height: 20px;
margin: -3px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#topicsSlide h3 a img {
height: 100%;
}
#topicsSlide ul.slide {
display: block;
margin: 0px -10px;
padding: 0px 40px;
}
#topicsSlide ul.slide li {
display: block;
width: 10%;
margin: 0px;
padding: 0px 10px;
cursor: pointer;
}
#topicsSlide ul.slide li:hover {
opacity: 0.6;
}
#topicsSlide ul.slide li img {
width: 100%;
margin: 0px;
padding: 0px
}
#topicsSlide .slick-prev:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_prev01.png);
background-size: contain;
vertical-align: middle;
}
#topicsSlide .slick-next:before {
margin: 0px;
content: " ";
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.merryproject.com/img/buttonSlider_next01.png);
background-size: contain;
vertical-align: middle;
}
#topicsSlide .slick-prev{
left: 10px;
}
#topicsSlide .slick-next{
right: 15px;
}
#topicsSlide .slick-arrow{
z-index: 2;
} #sns {
margin-bottom: 30px;
}
#sns:after {
content: "";
clear: both;
display: block;
} #sns h3 a { display: none;
}  #fbTimeline {
margin: 0px 0px 15px 0px;
padding: 0px 0px;
}
#fbTimeline:after {
content: "";
clear: both;
display: block;
}
#fbTimeline img.banner {
width: calc(100% - 0px);
height: auto;
margin: 0px 0px 2px 0px;
padding: 0px;
}
#fbTimeline .logo {
margin: 0px;
padding: 8px 10px 2px 10px;
background-color: #004EA2;
}
#fbTimeline .logo img {
width: 30%;
height: auto;
margin: 0px;
padding: 0px;
line-height: 100%;
}
#fbTimeline #fb-root {
border: none;
} #instaMizu {
margin: 0px 0px 0px 0px;
padding: 0px;
}
#instaMizu img.banner {
width: calc(100% - 0px);
height: auto;
margin: -1px 0px 2px 0px;
padding: 0px;
}
#instaMizu .frame {
margin: 0px;
padding: 0px;
border: #CCCCCC 1px solid;
}
#instaMizu .head {
height: 50px;
padding: 5px;
box-sizing: border-box;
cursor: pointer;
}
#instaMizu .head:hover {
opacity: 0.6;
}
#instaMizu .head:after {
content: "";
clear: both;
display: block;
}
#instaMizu .head .logo {
float: left;
margin: 5px;
padding: 0px;
box-sizing: border-box;
}
#instaMizu .head .logo img {
width: auto;
height: 30px;
margin: 0px;
padding: 0px;
}
#instaMizu .head .user {
float: right;
margin: 0px 5px 0px 0px;
}
#instaMizu .head .icon {
display: inline-block;
width: 40px;
height: 40px;
margin: 0px 5px 0px 0px;
padding: 0px;
text-indent: -9999px;
vertical-align: middle;
border-radius: 100%;
background: no-repeat center center;
background-size: cover;
overflow: hidden;
}
#instaMizu .head .name {
display: inline-block;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
#instaMizu .list {
height: 250px;
padding: 10px;
background-color: #EEEEEE;
box-sizing: border-box;
overflow-y: scroll;
}
#instaMizu .list img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#instaMizu .list img:hover {
opacity: 0.6;
} #merryArchives {
margin-bottom: 60px;
padding: 20px 0px;
background-color: #BAE3F9;
}
#merryArchives img {
display: block;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#merryArchives img.button.sp {
display: block;
width: 60%;
height: auto;
margin: 10px auto 0px auto;
padding: 0px;
}
#merryArchives .pc {
display: none;
}
#merryArchives .sp {
display: block;
} #partnerBanner {
margin-bottom: 60px;
}
#partnerBanner img.head {
width: 100%;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px;
}
#partnerBanner h3 {
margin: 0px 0px 10px 0px;
padding: 2px 10px 0px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.5rem;
line-height: 100%;
border-left: #E4007F 7px solid;
box-sizing: border-box;
}
#partnerBanner h3 a {
display: inline-block;
height: 20px;
margin: -3px 0px 0px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
#partnerBanner h3 a img {
height: 100%;
}
#partnerBanner p {
margin: 0px 0px 15px 0px;
padding: 0px;
text-align: center;
font-size: 1.1rem;
font-weight: bold;
line-height: 100%;
}
#partnerBanner ul.old {
display: block;
margin: 0px auto;
padding: 0px;
list-style: none;
list-style-image: none;
}
#partnerBanner ul.old li {
float: left;
display: block;
width: 32%;
margin: 0px 2% 5px 0px;
padding: 0px;
}
#partnerBanner ul.old li:nth-child(3n) {
margin: 0px 0px 5px 0px;
}
#partnerBanner ul.old li:nth-child(3n+1) {
clear: both;
}
#partnerBanner ul.old li a,
#partnerBanner ul.old li span {
display: table-cell;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: #231815 1px solid;
border-radius: 3px;
box-sizing: border-box;
}
#partnerBanner ul.old li img {
display: inline;
width: 80%;
height: auto;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 3px;
}
#partnerBanner ul.first {
display: block;
margin: 15px 0px 15px 0px;
padding: 8px 0px 8px 0px;
text-align: center;
list-style: none;
list-style-image: none;
border-bottom: #9FA0A0 1px solid;
border-top: #9FA0A0 1px solid;
}
#partnerBanner ul.first:after {
content: "";
clear: both;
display: block;
}
#partnerBanner ul.first li {
display: inline-block;
margin: 0px 5px 5px 0px;
padding: 0px;
}
#partnerBanner ul.first li a,
#partnerBanner ul.first li span {
display: table-cell;
width: 50px;
height: 20px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: none;
border-radius: 5px;
box-sizing: border-box;
}
#partnerBanner ul.first li a:hover {
opacity: 0.6;
}
#partnerBanner ul.first li img {
display: inline;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 5px;
}
#partnerBanner ul.second {
display: block;
margin: 0px 0px 25px 0px;
padding: 0px 0px 8px 0px;
text-align: center;
list-style: none;
list-style-image: none;
border-bottom: #9FA0A0 1px solid;
}
#partnerBanner ul.second:after {
content: "";
clear: both;
display: block;
}
#partnerBanner ul.second li {
display: inline-block;
margin: 0px 3px 3px 0px;
padding: 0px;
}
#partnerBanner ul.second li a,
#partnerBanner ul.second li span {
display: table-cell;
width: 50px;
height: 20px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
border: none;
border-radius: 5px;
box-sizing: border-box;
}
#partnerBanner ul.second li a:hover {
opacity: 0.6;
}
#partnerBanner ul.second li img {
display: inline;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-radius: 5px;
}
} .topBanner-type01 {
margin: 30px auto 80px auto;
}
.topBanner-type01 img {
max-width: 100%;
height: auto
}
.topBanner-type01 a:hover img {
opacity: 0.6;
}
@media screen and (max-width: 750px) {
.topBanner-type01 {
margin-top: 20px;
margin-bottom: 30px;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/fonts/slick.eot);
src: url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/fonts/slick.woff) format('woff'), url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/fonts/slick.ttf) format('truetype'), url(https://www.merryproject.com/sys/wp-content/themes/merryproject/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: red;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}