伊豆の観光、箱根の観光

.jumbotron { /*backpage-headerground: url('http://lorempixel.com/768/768/') no-repeat 50% 50%;*/ background: url(../image/random/) no-repeat; background-position: left; background-size: cover; color: white; /*margin-left: 0; paddind-left:0;*/ margin-top: 0px; } .value { text-align:center; } .value2 { text-align:center; line-height: 30px; } a:hover { color: goldenrod; } .lef { text-align: center; margin-bottom: 20px; } .page-header { top: 10px; } img { -webkit-user-drag:none; -khtml-user-drag:none; -webkit-user-drag: none; -moz-user-select: none; } /*.righ { margin-left: 350px; }*/ .sumaho { text-align: center; } /*.akomu_1 { margin: 0 auto; display: inline; }*/ .kokoku { text-align: center; } .anai { width: 100%; } /*.car_insu { margin: 0 auto; display: inline; } .kinki { margin: 0 auto; display: inline; } .amazon { margin: 0 auto; display: inline; }*/ .row { margin-top: 10px; 　　margin-left: 10px; padding-left: 10px; /*margin: auto;*/ } .center { text-align: center; margin-top: 50px; } .row2 { margin-top: 10px; } .koshin { text-align: center; font-size: 25px; font-weight: bold; color: #888888; 伊豆の観光、箱根の観光 }*/ .red { color: red; } .site_name { font-size: 26px; font-weight: bold; text-align: center; color: #888888; } div.page-header { position:relative; margin-top: -60px; margin-bottom: 20px; } /*h1 { font-size: 22px; font-weight: medium; line-height: 50px; }*/ .sumaho { text-align: center; } h2 { /*width: 1920px;*/ text-align: center; padding-left: 10px; font-size:20px; font-weight: bold; line-height:30px; } h3 { font-size:17px; font-weight: bold; } h4 { font-size:17px; font-weight: bold; } .koshi { text-align: center; font-size: 18px; font-weight: bold; line-height: 32px; } .hizuke { line-height: 30px; font-size: 15px; } #center { text-align: center; } .dropdown { font-size: 15px; /*font-size: 19px;*/ /*font-size: 24px;*/ } .dropdown-menu li { font-size: 15px; /*font-size: 19px;*/ /*font-size: 24px;*/ margin-bottom: 30px; } .dropdown-toggle { font-size: 22px; margin-bottom: 20px; } p.syoukai { font-size: 22px; font-weight: bold; } p.anai { width: 1035px; /*text-align: center;*/ margin: 0 auto; text-align: justify; /*margin-left: 50px;*/ font-size: 17px; } p.setsumei { font-size: 14px; } .end { text-align: center; } /*a:link { color: #0000ff; }*//*未訪問のリンク*/ /*a:visited { color: #7f7fff; }*//*訪問済みのリンク*/ /*a:hover { color: #6600FF; }*//*ポイント時のリンク*/ /*a:active { color:#6600FF; }*//*選択中のリンク*/ /*.container { margin-top: -20px; }*/ #container { margin-top: -30px; min-width: 360px; max-width: 900px; font-size: 15px; margin: auto; padding: 1em 2em; background: #acdaf2 url(../images/bg.png) repeat; } /*img*/ /*div, p, img { pointer-events: none; box-sizing: border-box; }*/ /*�@��b�x�[�X�X�^�C��@*/ .message { overflow: hidden; margin: 0 0 1em 0; padding: 0; } .message span { display: block; margin: 0; padding: 0; } .message .speaker-name { display: none; } .message .speaker-icon { float: left; width: 64px; } /*�@��o��x�[�X�X�^�C��@*/ .message .message-content { position: relative; box-sizing: border-box; width: auto; min-height: 64px; margin: 0 160px 0 80px; padding: 1em; color: #333; border-radius: 10px; background: #e4f2f9; } /*�@��b�ڍ׃X�^�C��@*/ .message .speaker-icon img { max-width: 100%; height: auto; vertical-align: bottom; border: 2px solid white; border-radius: 50%; } /*�@��o��̂��ہ@*/ .message .message-content:before { position: absolute; top: 20px; left: -20px; display: block; width: 190px; height: 122px; content: ''; border: 10px solid transparent; border-right-color: #e4f2f9; } /*�@�t��̏㏑��X�^�C��@*/ .message.myself .speaker-icon { float: right; } .message.myself .message-content { margin: 0 80px 0 160px; color: #000; background: #fff; } .message.myself .message-content:before { right: -20px; left: auto; border-color: transparent; border-left-color: #fff; } /*�@��̑��̕t��I�ȑ��@*/ #chat-title { font-size: 19px; font-size: 1.2rem; font-weight: normal; margin: 0.5em; padding: 0.5em; text-align: center; color: white; border-radius: 0; background: #4472aa; } .pagetop { padding: 1em; text-align: center; } .pagetop a { font-size: 16px; font-size: 1rem; display: inline-block; padding: 0.5em 2em; text-align: center; text-decoration: none; color: white; border-radius: 100px; background: #4472aa; } /*------------------------------------------------------------*/ @media screen and (max-width:480px) { img { max-width: 100%; height: auto; } video { max-width: 100%; height: auto; } body { /*position:relative;*/ width: 100%; height: auto; } } .page-header { top: 10px; } /*.page-header { top: -100px; } .dropdown { font-size: 19px; } .dropdown-menu { font-size: 17px; } .jumbotron { position:relative; padding-bottom:75%; height:0; overflow:hidden; margin-top: -50px; } .message.myself + .message.myself { margin-top: -0.5em; }*/ .row { width: 100%; } .koshin { width: 100%; } .lef { padding: 20px; } .righ { /*margin-left: 0;*/ margin: 0 0 0 0; } .sumaho { padding: 20px; } .kokoku { padding: 20px; } /*h1 { width: 100%; line-height: 100%;*/ /*margin-top: -45px;*/ /*}*/ /*#container { padding: 30px 1em; font-size:80%; line-height: 1.5; width: 100%; height: auto; }*/ h2 { width: 100%; } .anai { width: 100%; /*margin-left: 10px; text-align: justify;*/ } @media screen and (max-width: 640px) { .container { padding: 30px 1em; font-size:80%; line-height: 1.5; width: 100%; height: auto; } .message .message-content:before { position: absolute; top: 20px; left: -20px; display: block; width: 100%; height: auto; content: ''; border: 10px solid transparent; border-right-color: #e4f2f9; } .koshin { width: 100%; } #chat-title { margin: 0.5em 0.5em 1em; } .message .message-content { margin-right: 0; } .message.myself .message-content { margin-left: 0; } }