@charset "UTF-8";
/* CSS Information ===========
File name:style.css
Description:tanoshima LP []
D&M/
Date: 2017.00
Contents: *this page only
=============================== */
/*html5doctor.com Reset Stylesheetv1.6.1*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;}
body {line-height:1.6em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:""; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
ins {background-color:transparent; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:transparent; color:#000; font-style:normal; font-weight:normal;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
iframe{border:0;}
/*-------------------*/
*, *:before, *:after{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
ul,ol,li{margin:0; padding:0; list-style-type:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
.container:before, .container:after {content: " "; display: table;}
/*-------------------*/
input, button, textarea, select {margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*iOS reset*/
input[type="submit"],input[type="button"],input[type="reset"],button{border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]:-webkit-search-decoration,input[type="button"]:-webkit-search-decoration,input[type="reset"]:-webkit-search-decoration,button:-webkit-search-decoration{display: none;}
input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus,button:focus{outline-offset: -2px;}
/*=======
public
=====================*/
html{overflow-x:hidden;}
body{padding:0; margin:0; color:#444; width:100%; font-family:"メイリオ", meiryo , "Hiragino Kaku Gothic ProN" , sans-serif; word-break: break-all; font-size:1em;/*16 base*/
background-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body.night{background-image:url("https://www.tanoshima.jp/res/public/common/img/index/weather/bk_night.jpg");
background-repeat:repeat;background-position:0 0; background-color:#000;}
img{/*IE8*/height:auto\9; width:100%;}
.f--min{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.f--en{font-family: 'Oswald', sans-serif;}
/*=======
link
=====================*/
a{text-decoration:underline; outline:none;}
a:link{color:#333;}/*未訪問*/
a:visited{color:#333;}/*訪問済*/
a:hover{color:#333; text-decoration:none; opacity:.85;}/*マウスオーバー*/
a:active{color:#333;}/*クリック動作間*/
button:hover{opacity:.85;}
.link--offset a,.link--offset a:hover{text-decoration:none;color:#444;}
/*========
Micro clearfix
=====================*/
.cf:before, .cf:after{content:""; display:table;}
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}
/*========
Coming Soon
=====================*/
.coming__wrap{width:100%; position:relative; display:table;}
.coming{width:100%; height:100vh; text-align:center; display:table-cell; vertical-align:middle;}
.coming__logo{width:150px; margin:0 auto 20px;}
.coming h1{font-size:2.5rem; margin-bottom:40px;}
.coming h1 span{display:inline-block; padding:0 5px;}
.coming h2{font-size:1.875rem; margin-bottom:40px;}
.coming h2 span{display:inline-block; padding:0 5px;}
.coming p a{display:inline-block; text-decoration:none; padding:10px 20px; border:solid 1px #ccc; border-radius:30px;}
.coming p a:hover{background:#0080b8; color:#fff;}
/*=======
Responsive
=====================*/
/*(Landscape)*/
@media (max-width:1280px){
  }
@media (max-width:1100px){
	}
@media (max-width:950px){
  }
@media (max-width:768px){
  }
@media (max-width:640px){
  }
@media (max-width:550px){
  }
@media (max-width:450px){
  }
@media (max-width:360px){
  }
/*(Portrait)*/
@media (min-width:1024px) and (max-height:800px){
  }
@media (min-width:1024px) and (max-height:550px){
  }
@media (max-width:768px) and (max-height:450px){
  }