プレゼントが当たる！＃VERYファミラグ 投稿キャンペーン
$(function(){
$('.modal-open').click(function(){
$('body').append('');
$('.modal-overlay').fadeIn('slow');
var modal = '#' + $(this).attr('data-target');
modalResize();
$(modal).fadeIn('slow');
$('.modal-overlay, .modal-close').off().click(function(){
$(modal).fadeOut('slow');
$('.modal-overlay').fadeOut('slow',function(){
$('.modal-overlay').remove();
});
});
$(window).one('resize', function(){
modalResize();
});
function modalResize(){
var h = $(window).scrollTop();
var y = 0.98 * h;
$(modal).css({'left': 0, 'right': 0, 'margin': 'auto', 'top': y + 'px'});
}
});
$('.roomba-slider').slick({
prevArrow: '',
nextArrow: '',
});
var tabTop = $(".roomba-report-tabBox-top .tab_label");
var tabBottom = $(".roomba-report-tabBox-bottom .tab_label");
$(tabTop).on("click",function(){
var $th = $(this).index();
$(tabTop).removeClass("active");
$(".tab_panel").removeClass("active");
$(this).addClass("active");
$(".tab_panel").eq($th).addClass("active");
$('.roomba-slider').slick('setPosition');
});
$(tabBottom).on("click",function(){
var $th = $(this).index();
$(tabTop).removeClass("active");
$(".tab_panel").removeClass("active");
$(tabTop).eq($th).addClass("active");
$(".tab_panel").eq($th).addClass("active");
$('.roomba-slider').slick('setPosition');
});
});
* {
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif !important;
}
img {
max-width: 100%;
vertical-align: baseline;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
/* ------------ リンク ------------ */
a {
color: #ff2323;
overflow: hidden;
outline: none;
transition-property: all;
transition: 0.3s linear;
}
a:hover {
color: #444;
}
/* ------------ 選択時 ------------ */
/*
::selection {
background: #ffdddd;
color: #000;
}
::-moz-selection {
background: #ffdddd;
color: #000;
}
*/
/* -------------------------------------------
3. 段落設定
------------------------------------------- */
#container {
margin: 0;
padding: 0;
overflow: hidden;
}
div#container {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
font-size: 16px;
line-height: 26px;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.pc-hidden {
display: none;
}
@media (max-width: 767px) {
.pc-hidden {
display: block;
}
.sp-hidden {
display: none;
}
.entry .entry-item {
padding-left:0;
padding-right:0;
}
}
/* -------------------------------------------
modal
------------------------------------------- */
@media screen and (max-width: 768px){
.modal-content {
position: absolute;
display: none;
width: 94%;
margin: 20vw auto 0 !important;
padding: 10% 5%;
background:#fff;
z-index: 60;
height:400px;
overflow:scroll;
}
.modal-content p {
margin:0;
padding:0;
}
.modal-overlay {
z-index:1;
position: fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}
.modal-open {
}
.modal-open:hover {
cursor:pointer;
color:#f00;
}
.modal-close{
display: inline-block;
position: absolute;
margin: 0 20px 0 7px;
padding: 0;
width: 2px;
height: 37px;
background: #fff;
transform: rotate(45deg);
right: -24px;
top: -77px;
}
.modal-close:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: -17px;
width: 37px;
height: 2px;
margin-top: -2px;
background: #fff;
}
}
@media screen and (min-width: 769px){
.modal-content {
position: absolute;
display: none;
width: 802px;
margin:200px auto 0;
padding: 56px 52px;
background:#fff;
z-index: 60;
height:400px;
overflow:scroll;
}
.modal-content p {
margin:0;
padding:0;
}
.modal-overlay {
z-index:1;
position: fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}
.modal-open {
}
.modal-open:hover {
cursor:pointer;
color:#f00;
}
.modal-close{
display: inline-block;
position: absolute;
margin: 0 20px 0 7px;
padding: 0;
width: 2px;
height: 37px;
background: #fff;
transform: rotate(45deg);
right: -58px;
top: -96px;
}
.modal-close:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: -17px;
width: 37px;
height: 2px;
margin-top: -2px;
background: #fff;
}
}
/* -------------------------------------------
ページ埋め込み用
------------------------------------------- */
.rugbysns-contents {
max-width: 1080px;
margin: 0 auto;
}
@media (max-width: 767px) {
.rugbysns-contents {
padding: 0 10px;
}
}
.rugbysns-contents h2.cover {
width: 100%;
margin: 0 auto 80px;
}
@media (max-width: 767px) {
.rugbysns-contents h2.cover {
margin: 0 auto 50px;
}
}
.rugbysns-contents h3.content-title {
font-size: 40px;
line-height: 56px;
text-align: center;
margin-bottom: 48px;
font-weight: bold;
}
@media (max-width: 767px) {
.rugbysns-contents h3.content-title {
font-size: 30px;
line-height: 42px;
}
}
.rugbysns-contents .read {
text-align: center;
margin-bottom: 68px;
}
.rugbysns-contents .content-block {
margin-bottom: 80px;
}
.rugbysns-contents .content-block h3.corner-title {
background: url(https://file.veryweb.jp/wp-content/uploads/2019/06/bg-corner-title.png) no-repeat center top;
padding: 50px 0 0;
margin-bottom: 50px;
font-size: 24px;
line-height: 32px;
font-weight: bold;
text-align: center;
}
.rugbysns-contents h3.content-title span {
color:#f46f0e;
background: linear-gradient(transparent 70%, #ececec 70%);
}
.rugbysns-guide-box {
margin: 0 auto 10px;
max-width: 800px;
position: relative;
padding:30px 20px 30px 50px;
border: 5px solid #e3e3e3;
}
@media (max-width: 767px) {
.rugbysns-guide-box {
padding:50px 10px 0px;
margin-bottom: 40px;
}
}
.rugbysns-guide-box .circle {
position: absolute;
display: inline-block;
width: 75px;
height: 75px;
border-radius: 50%;
background: #fff;
border: 5px solid #e3e3e3;
top:50%;
margin-top: -37px;
left: -37px;
}
.rugbysns-guide-box .circle span.step {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :65px;
text-align:center;
font-family: 'Josefin Sans', sans-serif !important;
font-size: 18px;
line-height: 21px;
}
.rugbysns-guide-box .circle span.count {
font-size: 24px;
font-family: 'Josefin Sans', sans-serif !important;
}
@media (max-width: 767px) {
.rugbysns-guide-box .circle {
top:-37px;
margin-top: 0;
left: 50%;
margin-left: -37px;
}
}
.rugbysns-guide-box td,
.rugbysns-guide-box th {
padding: 30px 20px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rugbysns-guide-box th {
text-align: center;
border-right: 1px solid #e3e3e3;
font-weight: bold;
font-size: 18px;
line-height: 26px;
padding-left: 0;
width: 32%;
}
@media (max-width: 767px) {
.rugbysns-guide-box td,
.rugbysns-guide-box th {
display: block;
padding: 10px 20px 30px;
}
.rugbysns-guide-box th {
border-right: none;
border-bottom: 1px solid #e3e3e3;
width: 100%;
}
}
.rugbysns-guide-box td {
font-size: 16px;
line-height: 26px;
}
.rugbysns-entry-read {
background: url(https://file.veryweb.jp/wp-content/uploads/2019/06/bg-catch.png) no-repeat;
background-size: 100% auto;
padding:100px 0 0;
text-align: center;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.rugbysns-entry-read {
padding:50px 0 0;
}
}
/* 応募要項 */
.rugbysns-postedGuideline {
margin: 0 auto 100px;
max-width: 800px;
}
.rugbysns-postedGuideline-point {
margin: 0 auto 30px;
padding: 50px 80px 30px;
background: #eeeeee;
font-size: 14px !important;
line-height: 24px !important;
position: relative;
color:#000 !important;
}
.rugbysns-postedGuideline-point .icon-att {
width: 56px;
position: absolute;
top:-28px;
left: 50%;
margin-left: -28px;
}
@media (max-width: 767px) {
.rugbysns-postedGuideline-point {
padding: 20px;
}
}
.rugbysns-postedGuideline-point strong {
font-weight: bold;
}
.rugbysns-postedGuideline-popup {
position: relative;
}
.rugbysns-postedGuideline-popup-button {
max-width: 500px;
margin: 0 auto;
}
.rugbysns-postedGuideline-popup-button a{
width: 100%;
margin: auto;
font-size: 20px !important;
line-height: 28px !important;
font-weight: bold;
color: #fff !important;
position: relative;
background: #555;
text-align: center;
padding: 12px 0 11px;
display: block;
}
.rugbysns-postedGuideline-popup-button-remarks {
font-size: 13px !important;
line-height: 22px !important;
color: #fff !important;
font-weight: normal;
}
.rugbysns-postedGuideline-popup-button a:after {
content: "";
width: 12px;
height: 12px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 30px;
bottom: 0;
top: 0;
margin: auto;
}
.rugbysns-postedGuideline-popup {
position: relative;
}
.rugbysns-postedGuideline-popup-title {
font-size: 14px !important;
line-height: 24px;
margin-bottom: 24px !important;
}
.rugbysns-postedGuideline-popup-item {
font-size: 14px !important;
line-height: 24px !important;
font-weight: bold;
margin-bottom: 8px !important;
}
.rugbysns-postedGuideline-popup-text {
font-size: 14px !important;
line-height: 24px !important;
margin-bottom: 24px !important;
}
.rugbysns-postedGuideline-popup-agreement {
margin: 96px auto 44px;
text-align: center;
font-size: 26px !important;
line-height: 24px !important;
font-weight: bold;
}
.rugbysns-postedGuideline-popup-agreement-text {
font-size: 14px !important;
line-height: 24px !important;
margin-bottom: 50px !important;
}
PROMOTION
#VERYファミラグをつけて投稿しよう!
VERYでは、ご家族でラグビー観戦を楽しんでいる写真や、
「ALL FOR ONE ,ONE FOR ALL(みんなはひとりのためにひとりはみんなのために)」の精神のもと
家族が協力している写真を投稿を募集しています。
ご自身のInstagtamまたはtwitterでラグビー観戦やラグビーを楽しんでいる様子を投稿してください。
投稿方法
step
1
1
| VERY公式アカウントを フォロー |
VERY公式Twitter または VERY公式Instgram をフォロー。 |
|---|
step
2
2
| 写真を撮影する | ご家族でラグビー観戦を楽しんでいる写真や、「ALL FOR ONE ,ONE FOR ALL(みんなはひとりのためにひとりはみんなのために)」の精神のもと家族が協力している写真 |
|---|
step
3
3
| Twitterまたは Instagramで投稿 |
TwitterまたはInstagramに、ハッシュタグ「#VERYファミラグ」を付けて投稿してください。 Instagramの場合は@veryweb.jpをタグ付けして投稿してください。 |
|---|
・応募期間 2019年6年13日（木）～2019年12月31日（火）
・投稿いただいた写真はキャンペーンページにて掲載させていただく場合がございます。
・当選された方にはSNSのダイレクトメッセージでご連絡します。
・アカウント非公開、ハッシュタグがついていない投稿は、応募対象外となります。
みんなの投稿
ご家族でラグビー観戦を楽しんでいる写真や、
「ALL FOR ONE, ONE FOR ALL(みんなはひとりのためにひとりはみんなのために)」の精神のもと
家族が協力している写真を募集中です！
「＃VERYファミラグ」をつけた投稿お待ちしています。