@charset "utf-8";
 .private_wrap div, .private_wrap span, .private_wrap applet, .private_wrap object, .private_wrap iframe,
.private_wrap h1, .private_wrap h2, .private_wrap h3, .private_wrap h4, .private_wrap h5, .private_wrap h6, .private_wrap p, .private_wrap blockquote, .private_wrap pre,
.private_wrap a, .private_wrap abbr, .private_wrap acronym, .private_wrap address, .private_wrap big, .private_wrap cite, .private_wrap code,
.private_wrap del, .private_wrap dfn, .private_wrap em, .private_wrap font, .private_wrap img, .private_wrap ins, .private_wrap kbd, .private_wrap q, .private_wrap s, .private_wrap samp,
.private_wrap small, .private_wrap strike, .private_wrap strong, .private_wrap sub, .private_wrap sup, .private_wrap tt, .private_wrap var,
.private_wrap dl, .private_wrap dt, .private_wrap dd, .private_wrap ol, .private_wrap ul, .private_wrap li,
.private_wrap fieldset, .private_wrap form, .private_wrap label, .private_wrap legend,
.private_wrap table, .private_wrap caption, .private_wrap tbody, .private_wrap tfoot, .private_wrap thead, .private_wrap tr, .private_wrap th, .private_wrap td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
}
.private_wrap img {
vertical-align: text-bottom;
-ms-interpolation-mode: bicubic;
}
.private_wrap a {
-webkit-tap-highlight-color: transparent;
}
.private_wrap table {
border-collapse: collapse;
border-spacing: 0;
}
.private_wrap caption, .private_wrap th,.private_wrap td {
font-weight: normal;
text-align: left;
vertical-align: top;
}
.private_wrap *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.private_wrap{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
padding-top: 5vw;
}
.private_wrap img{
max-width: 100%;
height: auto;
}
.private_wrap .centerWidth800 {
width: 100%;
margin: 0px auto 15vw;
padding: 0px 4vw;
}
.pc{
display: none !important;
} .wrap_out{
width:100%;
height:auto;
overflow:hidden;
}
.wrap_main{
width:100%;
height:auto;
overflow:hidden;
}
.wrap_in{
width:100%;
height:auto;
overflow:hidden;
margin:0 auto;
} ul.many_rows{
display:block;
height:auto;
overflow:hidden;
}
ul.many_rows > li{
display:block;
height:auto;
float:left;
} ul.two_rows{
display:block;
height:auto;
overflow:hidden;
}
ul.two_rows > li{
display:block;
height:auto;
float:left;
}
ul.two_rows > li:nth-child(2n+2) {
float: right;
} ul.three_rows{
display:block;
height:auto;
overflow:hidden;
}
ul.three_rows > li{
display:block;
height:auto;
float:left;
}
ul.three_rows > li:nth-child(3n+2) {
margin-right:0;
}
ul.three_rows > li:nth-child(3n+3) {
float: right;
margin-right:0;
}
.table_block{
display: table;
table-layout:fixed;
width: 100%;
}
.table_block > .cell_block{
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle;
}
.table_block.sp_tate{
display: block;
table-layout: auto;
}
.table_block.sp_tate > .cell_block{
display: block;
width: 100%;
}/*/*/.private_wrap{
font-size: 3.7vw;
color: #231815;
line-height: 1.8;
}
.private_wrap p{
font-size: 3.7vw;
line-height: 1.8;
margin: 0;
}
.private_wrap p strong{
font-size: 4.2vw;
line-height:1.6;
font-weight: bold;
}
.private_wrap .ttl_h3 {
font-size: 6vw;
line-height: 1.2;
font-weight: normal;
}
.private_wrap ul{
list-style: none;
padding: 0;
margin: 0;
}/**//*/*/.join_sec_01 .ttl_h2 {
text-align: center;
margin-bottom: 8vw;
}
ul.many_rows {
margin-bottom: 8vw;
}
ul.many_rows.raw4 li{
width: 25%;
padding: 1.5vw;
}
.join_sec_01 ul.many_rows.raw4 li{
width: 50%;
height: 54vw
}
.join_sec_01 ul.many_rows.raw4 li img{
width: 100%;
}
.private_wrap .ttl_h3 {
margin: 0;
font-weight: normal;
color: #009944;
border-bottom: 5px solid #009944;
margin-bottom: 5vw;
}
.private_wrap .btn_wrap {
text-align: center;
padding: 8vw 0;
}/*/*/.img_box_01 li{
width: 50%;
padding: 0;
margin: 0;
}
.img_box_01 li:nth-child(1) img,
.img_box_01 li:nth-child(2) img{
display: block;
width: 100%;
}
.img_box_01 li:last-child {
width: 100%;
text-align: center;
background-color: #009944;
height: 10vw;
padding: 2vw 2vw 0;
}
.join_sec_02 .ttl_h4 {
margin: 6vw 0;
}
ul.rows3 li{
width: 100%;
text-align: center;
overflow: hidden;
}
ul.img_text li span{
display: block;
width: 30%;
float: left;
}
ul.img_text li p{
padding: 0 2vw 0 4vw;
text-align: left;
width: 70%;
float: left;
}
div.grn_box {
border: 2px solid #009944;
padding: 3vw;
width: 98%;
margin-left: auto;
margin-right: auto;
}
div.grn_box .ttl_h5{
font-size: 3.7vw;
color: #009944;
}
.join_sec_02 .btn_wrap{
padding-top: 8vw;
padding-bottom: 0;
}
ul.pink_list li {
padding-left: 1em;
text-indent: -1em;
line-height: 1.6;
}/*/*/.join_sec_03 .arrow_list{
margin-top: 5vw;
}
ul.arrow_list{
margin-bottom: 0;
}
ul.arrow_list li {
width: 100%;
text-align: left;
margin-bottom: 2vw;
}
ul.arrow_list li span:first-child {
display: block;
text-align: left;
overflow: visible;
position: relative;
padding-bottom: 7vw;
background: url(//www.merryproject.com/sys/wp-content/themes/merryproject/img/join/sec_03_img_05_tate.png) center bottom no-repeat;
background-size: 5vw auto;
}
ul.arrow_list li:last-child span:first-child{
background: none;
padding-bottom: 0;
}
ul.arrow_list li p {
font-size: 3.2vw;
padding-top: 7vw;
padding-left: 4vw;
line-height: 1.6;
}
.join_sec_03 .btn_wrap{
padding-bottom: 0;
}/*/*/.join_sec_04 .ttl_h4 {
margin: 7vw 0 4vw;
text-align: center;
}
div.blue_box {
padding: 3vw 1vw;
background-color: #e5f5f8;
}
.blue_box .many_rows{
margin-bottom: 0;
}
.blue_box .many_rows li {
width: 100%;
padding: 3vw;
display: table;
table-layout: fixed;
}
.blue_box .many_rows li img{
width: 100%;
display: block;
}
.blue_box .many_rows li span{
display: table-cell;
width: 40%;
}
.blue_box .many_rows li p {
display: table-cell;
width: 60%;
background-color: #fff;
padding: 3vw;
font-size: 3.2vw;
line-height: 1.8;
word-break: break-all;
vertical-align: top;
}
.blue_box > p{
padding: 3vw;
}/**/#whatsMerry.private_wrap{
padding-top: 0;
}
#whatsMerry .centerWidth800{
margin-bottom: 8vw;
}
#whatsMerry .ttl_h3{
position: relative;
margin: 0px 0px 10px 0px;
padding: 5px 10px;
color: #E4007F;
font-weight: bold;
font-size: 1.6rem;
border-left: #E4007F 10px solid;
border-bottom: #E4007F 2px solid;
box-sizing: border-box;
}/*/*/div.movie_wrap{
margin-left: -4vw;
margin-right: -4vw;
}
.movie_wrap iframe{
width: 100%;
height: 56vw;
}
.whatsMerry_sec_01 .ttl_h2{
margin: 8vw 0;
text-align: center;
}
.whatsMerry_sec_01 .text_box_01 {
background: url(//www.merryproject.com/sys/wp-content/themes/merryproject/img/whatsMerry/sec_01_img_01.png) center bottom no-repeat;
background-size: 60vw;
padding-bottom: 6vw;
}
.whatsMerry_sec_01 .text_box_01 p{
transform: rotate(0.028deg);
-o-transform: rotate(0.028deg);
-ms-transform: rotate(0.028deg);
-moz-transform: rotate(0.028deg);
-webkit-transform: rotate(0.028deg);
}
#whatsMerry .centerWidth800.whatsMerry_sec_01{
margin-bottom: 12vw;
}/*/*/.whatsMerry_sec_02 .table_block {
margin-top: 5vw;
padding-bottom: 5vw;
border-bottom: 1px solid #e4007f;
}
.whatsMerry_sec_02 .table_block:last-child{
border-bottom: 0;
}
.whatsMerry_sec_02 .table_block .img_cell{
width: 100%;
}
.whatsMerry_sec_02 .table_block .img_cell img{
width: 100%;
}
.whatsMerry_sec_02 .table_block .text_cell {
padding-top: 5vw;
}
.whatsMerry_sec_02 .table_block .text_cell img{
margin: 3vw 0;
}
.sp_clear{
clear: both;
}
.outline_text{
float: right;
width: 70%;
text-align: left;
}
.outline_img{
float: left;
margin: 3vw 0 3vw 9vw !important;
width: 15%;
}/*/*/.whatsMerry_sec_03 .rows4{
margin-left: -2vw;
margin-right: -2vw;
margin-top: 3vw;
}
.whatsMerry_sec_03 .rows4 li {
padding: 2vw;
width: 50%;
}/*/*//*/*/.whatsMerry_sec_05 .ttl_h3 + p {
margin-bottom: 3vw;
transform: rotate(0.028deg);
-o-transform: rotate(0.028deg);
-ms-transform: rotate(0.028deg);
-moz-transform: rotate(0.028deg);
-webkit-transform: rotate(0.028deg);
}
.profile_wrap .cell_block{
text-align: left;
vertical-align: top;
}
.profile_wrap .img_cell img{
width: 100%;
margin-bottom: 3vw;
}
.profile_wrap .text_cell p{
font-size: 3.2vw;
line-height: 1.8;
}
div.profile_wrap{
margin-bottom: 30px;
}
.whatsMerry_sec_05 .rows3{
margin-left: -2vw;
margin-right: -2vw;
margin-bottom: 0;
}
.whatsMerry_sec_05 .rows3 li{
padding: 2vw;
width:100%;
}
.whatsMerry_sec_05 .rows3 li img{
width: 100%;
display: block;
}
.whatsMerry_sec_05 .rows4{
margin-bottom: 5vw;
}
.whatsMerry_sec_05 .rows4 li{
padding: 2vw;
width: 50%;
}
.whatsMerry_sec_05 .rows4 li img{
width: 100%;
}/**/#projectHeader {
display: block;
min-width: 100%;
padding: 4vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#projectHeader img {
display: block;
width: 100%;
margin-bottom: 3vw;
}
#projectHeader p.searchPost {
float: right;
position: relative;
display: block;
margin: 0px;
padding: 0px;
}
#projectHeader p.searchPost::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 8vw;
height: 8vw;
background: url(//www.merryproject.com/sys/wp-content/themes/merryproject/img/sns/icon_searchPost01.png) center no-repeat;
background-size: 6vw auto;
}
#projectHeader p.searchPost input {
float: right;
display: block;
width: 50vw;
height: 8vw;
margin: 0px;
padding: 0px 0px 0px 8vw;
font-size: 1.2rem;
border: none;
background-color: rgba(228,0,127,0.20);
box-sizing: border-box;
}
#projectHeader::after {
content: "";
clear: both;
display: block;
} .centerWidth800.sns_sec_02 {
margin-bottom: 6vw;
}
.sns_sec_02 .ttl_h2{
text-align: center;
font-size: 3.7vw;
line-height: 1.6;
}
.sns_sec_02 .ttl_h2 img {
display: block;
margin: 0 auto 2vw;
} .centerWidth800.sns_sec_03 {
background-color: #efefef;
padding-top: 3vw;
padding-bottom: 3vw;
}
.sns_post_list > .wrap_main{
overflow: hidden;
margin-left: -2vw;
margin-right: -2vw;
width: auto;
}
.sns_post_list .sns_post_wrap{
width: 100%;
padding: 2vw;
float: left;
}
.sns_post_wrap .sns_img img{
display: block;
width: 100%;
height: auto;
}
.sns_post_wrap .sns_pst_ttl {
display:table;
table-layout: fixed;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #efefef;;
}
.sns_post_wrap .sns_pst_ttl span {
display: table-cell;
vertical-align: middle;
padding-left: 0.2em;
line-height: 1.2;
font-size: 6.5vw;
font-weight: bold;
}
.sns_post_wrap .sns_pst_ttl span strong{
font-weight: bold;
font-family: Arial, Helvetica, "sans-serif";
display: inline-block
}
.sns_post_wrap .sns_pst_ttl span strong.s_text{
font-size: 0.9em;
}
.sns_pst_ttl .ico_block{
width: 23.46938776%;
border-right: 1px solid #efefef;
}
.sns_pst_ttl .name_block{
width:76.53061224%;
}
.sns_post_wrap .sns_pst_ttl span img{
width: 100%;
display: block;
}
.sns_post_wrap .text_block{
padding: 3vw;
background-color: #fff;
}
.text_block p {
padding: 2vw 0;
text-align: left;
font-size: 4vw;
line-height: 1.6;
word-break: break-all; overflow: hidden;
}
.sns_post_wrap .table_block{
padding: 0 2vw 2vw;
background-color: #fff;
}
.sns_post_wrap .table_block .cell_block img {
height: 11.8vw;
width: auto;
}
.sns_post_wrap .sns_ico_cell{
text-align: left;
width: 78%;
}
.sns_post_wrap .btn_cell{
text-align: right;
}