.desktop{
	display: none;
}
body{
padding:50px 0 100px 0px;
height: 90vh;
}

/*------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------*/
div.headerWrapper{
position: fixed !important;
position:absolute;
top:0;
left:0;
width:100%;
height: 50px;
background: rgba(180,160,220,0.9);
}
div.header{
width:100%;
height: 50px;
color:#fff;
}
div.header a{
color: #fff;
border:none;
}
div.header h1{
display: inline-block;
line-height: 50px;
margin-left:5px;
margin-right:5px;
width:120px;
float: left;
font-size:18px;
}
ul.contents{
width:calc(100% - 140px);
text-align: center;
display: inline-flex;
float:right;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
ul.contents li{
display: inline-block;
text-align: left;
line-height: 50px;
text-indent: 25px;
margin-right:6px;
background-position: left center;
background-repeat:no-repeat;
}
ul.contents li.profile {
	background-image: url(img/icon_profile.svg);
	background-size: 20px;
}
ul.contents li.facebook {
	background-image: url(img/icon_facebook.svg);
	background-size: 20px;
}
ul.contents li.youtube {
	background-image: url(img/icon_youtube.svg);
	background-size: 20px;
}
ul.contents li.instagram {
	background-image: url(img/icon_instagram.svg);
	background-size: 20px;
}
ul.contents li.contact {
	background-image: url(img/icon_contact.svg);
	background-size: 20px;
}
ul.contents li.twitter {
	background-image: url(img/icon_X.svg);
	background-size: 20px;
}
li.facebook,
li.youtube,
li.contact,
li.instagram,
li.twitter{
text-indent: -9999px !important;
padding-left:20px;
}

/*------------------------------------------------------------------------
メイン
------------------------------------------------------------------------*/
div.wrapper{
width:100%;
height:calc(vh100 - 100px);
position:relative;
z-index:1;
}
div.main{
width:100%;
margin:0 auto;
}
div#profile{
padding-bottom:10px;
}
div.profile{
display: none;
}
div.facebook{
display: none;
text-align: center;
overflow: hidden;
}
div.mobileInstagram{
width:80%;
height: auto;
margin:10px auto;
}
div.facebook2{
display: block;
text-align: center;
width:300px;
position:absolute;
top:100px;
left:10px;
}
div.youtube{
display: none;
}
div.instagram{
display: none;
}
div.twitter{
display: none;
}
div.contact{
display: none;
}

div.contents {
	position:relative;
	width:calc(100%-10px);
	padding:5px;
	margin:0 auto;
	overflow: hidden;
}
div.contents.pink{
background:rgba(180,160,220,0.9)
}
div.contents.blue{
background:rgba(37,167,230,0.9) !important;
}
div.contents h2{
font-size:22px;
line-height: 30px;
color:#fff;
text-indent:35px;
margin-bottom:20px;
}
div.profile h2{
background:url(img/icon_profile.svg) left center no-repeat;
background-size:30px;
}
div.facebook h2{
text-align: left;
background:url(img/icon_facebook.svg) left center no-repeat;
background-size:30px;
}
div.instagram h2{
background:url(img/icon_instagram.svg) left center no-repeat;
background-size:30px;
}
div.youtube h2{
background:url(img/icon_youtube.svg) left center no-repeat;
background-size:25px;
}
div.contact h2{
background:url(img/icon_contact.svg) left center no-repeat;
background-size:30px;
}
div.twitter h2{
background:url(img/icon_X.svg) left center no-repeat;
background-size:30px;
}
h3.result{
background:url(img/surfboad.svg) left center no-repeat;
background-size:25px;
margin-top:20px;
color:#fff;
font-size:18px;
text-indent:30px;
clear: both;
padding:0.5em;
border-bottom:2px solid #fff;
margin-bottom:15px;
}
dl.result{
margin:10px;
color:#fff;
overflow: hidden;
border-bottom:1px dotted #fff;
padding-bottom: 40px;
padding-right:5px;

}
dl.result dt:first-child,
dl.result dd:first-child{
border-top:none;
}
dl.result dt:first-child + dd{
border-top:none;
}
dl.result dt{
width:calc(60%-10px);
width:65%;
float: left;
clear: both;
border-top:1px dotted #fff;
padding-top:0.5em;
padding-bottom:0.5em;
}
dl.result dd{
width:calc(35% - 30px);
float: right;
border-top:1px dotted #fff;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:30px;
}
dl.result dd.win{
background:url(img/icon_win.svg) left top no-repeat;
background-size:20px;
}
div.contents img{
float: left;
}
img.shino{
width:50%;
height: auto;
float: left;
}
div.contentsRight{
width:50%;
float: right;
color:#fff;
}
div.profileWrapper{
overflow: hidden;
}
div.contentsRight dl{
overflow: hidden;
margin-left:5px;
}
div.contentsRight dl dt{
clear: both;
font-size:14px;
}
div.contentsRight dl dd{
text-indent: 1em;
}
p.closeContents{
background:url(img/icon_close_pink.svg) no-repeat;
width:30px;
height: 30px;
background-size:30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position:absolute;
top:10px;
right:10px;
}
p.closeContents a{
display: block;
width:100%;
height: 100%;
border: none;
}
div.container{
	background:#C7E4ED;
	width:720px;
	margin:50px auto;
	padding:50px;
}
dl.contact {
overflow: hidden;
color:#fff;
border-bottom: 1px solid #fff;
}
dl.contact dt{
border-top: 1px solid #fff;
}
dl.contact dd{
	margin-left:50px;
}
div.container{
	background:#C7E4ED;
	width:720px;
	margin:50px auto;
	padding:50px;
}
div.container h1{
font-size:24px;
color:#000;
margin-bottom:20px;
}
div.container h2{
font-size:18px;
color:#000;
border-bottom:1px solid #000;
margin-bottom:20px;
}
div.container p{
margin:0 20px 20px;
}
div.container ul{
list-style:circle;
margin-left:50px;
	margin-bottom:50px;
}
div.container ul li{
	list-style: disc;
}
p.link{
width:200px;
height: 50px;
background:#fff;
line-height: 50px;
margin:10px auto;
}
p.link a{
display:block;
width:100%;
height: 100%;
border:none;
color:#e34aad
}
p.link:hover{
background-color:#eee;
}
p.link.facebook{
background:url(img/icon_pink_facebook.svg) left 10px center no-repeat #fff;
background-size:25px;
}
p.link.instagram{
background:url(img/icon_pink_instagram.svg) left 10px center no-repeat #fff;
background-size:25px;
text-align: center;
}
p.link.youtube{
background:url(img/icon_pink_youtube.svg) left 10px center no-repeat #fff;
background-size:25px;
}
p.link.twitter{
background:url(img/icon_X.svg) left 10px center no-repeat #fff;
background-size:25px;
}
p.underconst{
text-align: center;
margin:50px auto;
color:#fff;

}


table.result{
margin:10px;
color:#fff;
overflow: hidden;
border-bottom:1px dotted #fff;
padding-bottom: 40px;
padding-right:5px;
	margin-bottom: 100px;

}
table.result tr:first-child td{
border-top:none !important;
}
table.result tr td:first-child{
width:calc(60%-10px);
width:65%;
float: left;
clear: both;
border-top:1px dotted #fff;
padding-top:0.5em;
padding-bottom:0.5em;
}
table.result tr td:last-child{
width:calc(35% - 30px);
float: right;
border-top:1px dotted #fff;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:30px;
}
table.result td.win{
background:url(img/icon_win.svg) left top 0.5em no-repeat;
background-size:20px;
}

/*------------------------------------------------------------------------
フッター
------------------------------------------------------------------------*/
div.footerWrapper{
position: fixed !important;
position:absolute;
bottom:0;
left:0;
width:100%;
height: 260px;
background: rgba(255,255,255,0.5);
}
ul.sponser{
width:calc(100% - 6px);
height: 75px;
margin:0 auto;
display:flex;
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
}
ul.sponser li{
width:15%;
height: 75px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-repeat:no-repeat;
background-position: center center;
background-size:100%;
margin:5px;
}
ul.sponser li a{
display: block;
width:100%;
height: 100%;
border:none;
}
ul.sponser li.s1{
background-image:url(img/BRAVO_logo1.jpg);
}
ul.sponser li.s2{
background-image:url(img/FCS_logo.jpg) ;
}
ul.sponser li.s3{
background-image:url(img/WB_surffing.png);
}
ul.sponser li.s4{
background-image:url(img/aerotech.svg);
}
ul.sponser li.s5{
background-image:url(img/BBG-Arch-Black.png);
}
ul.sponser li.s6{
background-image:url(img/yu.png);
}
ul.sponser li.s7{
background-image:url(img/Yogi_Logo.png);
}
ul.sponser li.s8{
background-image:url("img/HLNA.png");
}
ul.sponser li.s9{
background-image:url("img/morinaga_injelly.png");
}
ul.sponser li.s10{
background-image:url("img/seablink.png");
}
ul.sponser li.s11{
background-image:url("img/ALLIE_tagline_1_black.png");
}
ul.sponser li.s12{
background-image:url("img/sambazon.png");
}
ul.sponser li.s13 {
background-image:url("img/tokioinkarami-logo.png");
}
ul.sponser li.s14 {
background-image:url("img/blank.png");
}
ul.sponser li.s15 {
background-image:url("img/NIKE_bl.png");
}
ul.sponser li.s16 {
background-image:url("img/Panasonic.png");
}
ul.sponser li.s17 {
background-image:url("img/calmic.png");
}
ul.sponser li.s18 {
background-image:url("img/mizkan.png");
}
ul.sponser li.s19 {
background-image:url("img/iwasaki.png");
}
p.support{
width:100%;
height: 15px;
line-height: 15px;
font-size:12px;
text-align: center;
}
p.copy{
color:#fff;
text-align: center;
font-size: 8px;
line-height: 10px;
/*background:#25a7e6;*/
}


/*------------------------------------------------------------------------
動画
------------------------------------------------------------------------*/
div.movieWrapper{
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 30px;
	/*border: solid 1px rgb(88, 88, 88);*/
	border-radius: 2px;
}
div.movie{
	display: inline-block;
	text-align: center;
	width: -webkit-fill-available;
	width: -moz-available;
	margin: 5px;
	margin-bottom: 85px;
	height: 15em;
}
div.movie iframe{
	width: 90%;
	height: 100%;

}
dl.movieDescription{
	border-top: solid 1px rgb(0, 0, 0);
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}
dl.movieDescription dd{
	color: rgb(17, 17, 17)
}