@charset "utf-8";

@media only screen and max-width 1000px {
.option-img {
width:200px;
}

.font_aloha {
font-size:36px;
}

.menufont {
font-size:14px;
line-height:20px;
}

h1 {
font-size:74px;
line-height:84px;
}

#unity-msg {
margin-left:40px;
margin-top:-200px;
margin-bottom:140px;
}

#cubetext {
padding:10%;
}
}

@media only screen and max-width 1080px {
#newsframe {
height:700px;
}
}

@media only screen and max-width 1400px {
#newsframe {
height:1000px;
}

body {
font-size:16px;
line-height:180%;
}
}

* {
margin:0;
padding:0;
}

#contents-area1000 {
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.update {
position:relative;
top:10px;
left:100px;
clear:both;
display:inline;
}

.fontcolor-red {
color:#FC2C2F;
}

.aboutphoto {
width:inherit;
}

table {
border-collapse:collapse;
border-spacing:0;
}

li {
list-style-type:none;
}

#header {
display:block;
}

html,body {
font-family:"Noto Sans Japanese";
font-size:16px;
line-height:180%;
}

a {
text-decoration:none;
color:#2672BD;
}

a:hover {
color:#71AAE2;
}

a.footer {
color:#333;
}

#base-window {
min-width:100%;
width:1200px;
}

#main-contents {
border:red;
width:100%;
margin:0 auto;
}

#picnic-box {
background-image:url(../images/top/top-picknic.jpg);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:50%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#flow-box {
background-image:url(../images/top/top-flow.jpg);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:40%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#point-box {
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:30%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#block-stop {
clear:both;
}

#voice-box {
background-image:url(../images/top/top-flow.jpg);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
vertical-align:middle;
color:#FFF;
display:table;
width:50%;
min-width:600px;
min-height:600px;
float:left;
height:auto;
position:relative;
}

#block-box {
text-align:center;
vertical-align:middle;
position:relative;
color:#FFF;
display:table;
width:50%;
background:#ACD9EC;
float:left;
height:calc(100vmin - 60px);
min-width:600px;
min-height:600px;
}

#video-box {
background-image:url(../images/top/top-video.jpg);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:41.66%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#arrange-box {
background-image:url(../images/top/top-arrange.jpg);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:56.3%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#photo-box {
background-image:url(../images/top/top-grid.jpg);
background-repeat:repeat;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:69%;
height:0;
color:#FFF;
display:table;
width:100%;
}

#photo-box_base {
background-image:url(../images/top/top-grid.jpg);
background-repeat:repeat;
text-align:center;
vertical-align:middle;
position:relative;
padding-bottom:35%;
height:0;
color:#FFF;
display:table;
width:100%;
}

.vertical_unity {
width:100%;
	height: 185px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}

#white-box {
text-align:center;
padding:100px;
}

#white-box img {
padding-top:30px;
padding-bottom:70px;
}

a.button_main {
margin-top:60px;
height:50px;
width:260px;
display:block;
background:#CCA0F0;
color:#fff;
margin-left:auto;
margin-right:auto;
line-height:45px;
font-size:20px;
}

.button_link {
display:inline-block;
width:230px;
height:54px;
text-align:center;
text-decoration:none;
outline:none;
color:#fff;
line-height:50px;
}

.button_link:hover {
background-color:rgba(255,255,255,0.8);
}

a.button_pink {
background:#F1A4B8;
border:2px solid #F1A4B8;
}

a.button_pink:hover {
color:#F1A4B8;
}

a.button_picnic {
background:#CCA0F0;
border:2px solid #CCA0F0;
}

a.button_picnic:hover {
color:#CCA0F0;
}

a.button_arrange {
background:#A0F0C3;
border:2px solid #A0F0C3;
}

a.button_arrange:hover {
color:#A0F0C3;
}

a.button_video {
background:#DCEB80;
border:2px solid #DCEB80;
}

a.button_video:hover {
color:#DCEB80;
}

a.button_photo {
background:#A0E0F0;
border:2px solid #A0E0F0;
}

a.button_photo:hover {
color:#A0E0F0;
}

a.button_flow {
background:#F0A0A1;
border:2px solid #F0A0A1;
}

a.button_flow:hover {
color:#F0A0A1;
}

a.button_voice {
background:#A0C1F0;
border:2px solid #A0C1F0;
}

a.button_voice:hover {
color:#A0C1F0;
}

.left-box-A {
position:relative;
float:left;
width:100%;
}

.left-box-1 {
float:left;
position:relative;
width:50%;
text-align:center;
vertical-align:middle;
padding:0 0 50%;
}

.grid {
width:50%;
float:left;
background:#424242;
color:#fff;
display:inline;
background-repeat:no-repeat;
background-size:100% auto;
overflow:hidden;
}

.left-box-inside {
width:100%;
overflow:hidden;
position:absolute;
padding-bottom:auto;
padding-top:44%;
}

#msg-box {
width:100%;
position:relative;
}

#unity-logo {
position:absolute;
z-index:3000;
bottom:80px;
margin-left:30px;
}

#unity-copy {
position:absolute;
z-index:3000;
bottom:100px;
margin-right:30px;
right:0;
}

#main-picture {
display:block;
width:100%;
top:0;
}

#unity-msg {
position:absolute;
margin-left:50px;
margin-bottom:160px;
bottom:-100px;
width:85%;
}

#unity-sp {
position:absolute;
z-index:3000;
margin-right:40px;
bottom:-50px;
right:0;
width:15%;
}

#unity-sp img {
width:100%;
height:auto;
}

#unity-menu {
text-align:left;
position:absolute;
z-index:2000;
top:110px;
margin-left:10px;
margin-right:30px;
white-space:normal;
width:100%;
}

.option-img {
margin-right:10px;
float:left;
margin-bottom:20px;
width:300px;
}

#First_copy {
margin-bottom:40px;
padding-left:40px;
padding-right:40px;
z-index:9999;
position:relative;
}

#info-text {
width:600px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:100px;
}

#info-text strong,#cubetext strong {
font-size:110%;
line-height:normal;
}

.contents-catch {
width:100%;
text-align:center;
font-size:36px;
line-height:150%;
margin:100px auto 40px;
}

.contents-option {
color:#FFF;
width:100%;
text-align:center;
font-size:36px;
line-height:150%;
background-color:#251B13;
padding-top:10px;
padding-bottom:10px;
margin:100px auto 40px;
}

.lines {
border-bottom:thin solid #FFF;
padding-bottom:16px;
padding-top:8px;
}

#split {
width:100%;
height:100%;
margin-left:0;
margin-right:0;
display:block;
clear:both;
margin-bottom:0;
position:relative;
}

#split div#toppage2 {
color:#FFF;
font-weight:lighter;
display:block;
bottom:150px;
position:relative;
}

.toppage {
color:#FFF;
width:100%;
vertical-align:middle;
text-align:center;
z-index:9999;
font-size:36px;
line-height:40px;
position:relative;
left:0;
font-weight:lighter;
display:block;
float:none;
margin:0;
}

.font-white2 {
color:#FFF;
filter:dropshadow(color=#000000, offX= 0, offY=-1) dropshadow(color=#000000, offX= 1, offY= 0) dropshadow(color=#000000, offX= 0, offY= 1) dropshadow(color=#000000, offX=-1, offY= 0);
-webkit-text-stroke-color:#000;
-webkit-text-stroke-width:1px;
text-shadow:#000 1px 1px 0 #000 -1px 1px 0 #000 1px -1px 0 #000 -1px -1px 0;
}

#split-left {
margin-right:2%;
}

#split-right {
margin-left:1%;
}

#split-center {
margin-right:2%;
margin-left:1%;
}

#split2-1LVoice {
width:50%;
display:inline-block;
vertical-align:top;
}

#split2-1RVoice {
width:49%;
display:inline-block;
vertical-align:top;
}

#split2-1L {
width:49%;

margin-right:1%;
margin-bottom:16px;
display:inline-block;
vertical-align:top;
}

#split2-1R {
width:49%;
margin-left:0;
margin-bottom:16px;
display:inline-block;
vertical-align:top;
}

#split2-1R2 {
width:49.5%;
margin-bottom:16px;
display:inline-block;
vertical-align:middle;
}

#split3-1 {
width:33.3333%;
float:left;
position:relative;
margin-bottom:15px;
}

#split4-1 {
width:25%;
float:left;
position:relative;
}

#split5-1 {
width:20%;
float:left;
position:relative;
}

#split6-1 {
width:16.66667%;
float:left;
position:relative;
}

#split3-center {
text-align:center;
display:block;
padding:50px;
}

#grid {
width:450px;
}

#grid li {
float:left;
list-style:none;
margin:5px;
}

.font_aloha {
font-size:46px;
}

.font-small {
font-size:70%;
line-height:normal;
}

.cube-message {
font-size:14px;
line-height:normal;
float:left;
text-align:left;
}

.font12 {
font-size:12px;
line-height:normal;
}

.font16 {
font-size:16px;
line-height:normal;
}

.font22 {
font-size:22px;
line-height:normal;
}

.font30 {
font-size:30px;
line-height:46px;
}

.font48 {
font-size:48px;
line-height:56px;
}

#info-text li {
width:230px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#eee;
color:#251B14;
margin-bottom:25px;
padding:15px;
}

.Dancing {
font-family:'Dancing Script';
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:normal;
}

.SPFont {
font-family:'Raleway', sans-serif;
font-variant:normal;
font-weight:300;
}

.MainMenuFont {
font-family:'Raleway', sans-serif;
font-variant:normal;
font-weight:400;
margin-left:20px;
}

.MainMenuFont:hover {
color:#fff;
}

h1,h2,h3,h4,h5,h6 {
font-weight:lighter;
}

h1 {
font-family:'Dancing Script';
font-size:94px;
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:104px;
z-index:9999;
}

h2 {
padding-bottom:3px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#666;
margin-bottom:16px;
}

.text_color_777 {
color:#777;
}

.text_bg_voice {
background-color:#2672BD;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#FFF;
margin-bottom:14px;
display:block;
padding:2px;
}

.text_bg_gray {
background-color:#444;
color:#FFF;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-bottom:3px;
padding:2px;
}

.text_qa {
font-size:30px;
color:#A3C0EF;
padding:10px;
}

.text_whiteL {
font-size:22px;
}

.text_whiteS {
font-size:14px;
}

.text_small {
font-size:10px;
}

#panel-btn {
display:inline-block;
position:relative;
margin-top:20px;
margin-right:10px;
margin-bottom:10px;
}

#panel-btn-icon {
display:block;
position:absolute;
top:50%;
left:50%;
width:14px;
height:2px;
background:#2196F3;
transition:.2s;
margin:-1px 0 0 -7px;
}

#panel-btn-icon:before,#panel-btn-icon:after {
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:14px;
height:2px;
background:#2196F3;
transition:.3s;
}

#panel-btn-icon:before {
margin-top:-6px;
}

#panel-btn-icon:after {
margin-top:4px;
}

#panel-btn .close {
background:transparent;
}

#panel-btn .close:before {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

#panel-btn .close:after {
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

#main-textlink {
text-align:center;
font-size:14px;
float:none;
clear:none;
display:block;
position:static;
color:#333;
padding:30px;
}

#main-textlink img {
max-width:100%;
}

#main-copyright {
font-size:70%;
line-height:85%;
color:#333;
text-align:center;
padding-right:20px;
padding-bottom:40px;
position:relative;
}

#main-develop {
font-size:10%;
color:#251B16;
text-align:right;
float:right;
position:absolute;
right:10px;
bottom:10px;
}

#cubetext {
vertical-align:middle;
height:100%;
padding:40px;
}

#cubetext strong {
font-size:150%;
}

#cubetext2 {
padding:20%;
}

#cubetext_flow {
vertical-align:middle;
padding:10%;
}

#video-main {
margin-bottom:20px;
}

#video-sub {
width:33%;
height:56.25%;
float:left;
margin-bottom:30px;
margin-right:1px;
}

.videoWrapper {
position:relative;
padding-bottom:56.25%;
height:0;
}

.videoWrapper div,.videoWrapper embed,.videoWrapper object,.videoWrapper img,.videoWrapper iframe {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}

.button_booking {
display:inline-block;
width:230px;
height:54px;
text-align:center;
text-decoration:none;
outline:none;
background-color:#13A4D5;
border:2px solid #13A4D5;
color:#fff;
line-height:50px;
}

.button_booking:hover {
background-color:#fff;
color:#59b1eb;
border-color:#59b1eb;
}

.bg_black {
color:#FFF;
background-color:#000;
}

.bg_beige {
color:#452927;
background-color:#FDF5E5;
}

#newsframe {
height:1100px;
}

#wedding-text {
margin-top:20px;
margin-bottom:60px;
}

.unity-qa {
text-align:center;
padding:25px 80px 80px;
}

#frame-line {
display:block;
width:70%;
position:relative;
color:#000;
border:#A3C0EF solid 1px;
border-radius:20px;
background:#fff;
margin:auto auto 100px;
padding:80px;
}

#frame-line:before {
content:url(../images/flower01.gif);
position:absolute;
bottom:-40px;
right:-80px;
}

#frame-fusen {
display:block;
position:relative;
background:#D9D9DF;
margin-right:10px;
margin-left:10px;
color:#333;
transform:rotate(-5deg);
max-width:60%;
top:25px;
padding:10px;
}

#frame-fusen:before {
content:"";
bottom:0;
position:absolute;
right:0;
border-color:#F1A9C0 #fff #fff #F1A9C0;
border-style:solid;
border-width:0 0 18px 18px;
}

#frame-picnic {
display:block;
width:70%;
position:relative;
color:#000;
border:#CCA0F0 solid 1px;
border-radius:20px;
background:#fff;
align-content:center;
margin:auto;
padding:80px;
}

#frame-voice {
display:block;
width:70%;
position:relative;
color:#000;
border:#A3C0EF solid 1px;
border-radius:20px;
background:#fff;
margin:auto;
padding:80px;
}

#frame-voice:before {
content:url(../images/voice/heart.png);
position:absolute;
top:10%;
left:5%;
}

li.listQ {
list-style-image:url(../images/questions/q.jpg);
margin:5px 5px 5px 40px;
}

li.listA {
list-style-image:url(../images/questions/a.jpg);
margin-left:40px;
}

p,* html .videoWrapper {
margin-bottom:0;
}

#main-window,#panel-btn .close:before,#panel-btn .close:after {
margin-top:0;
}

.button_link img,.button_booking img {
vertical-align:middle;
}

.button_link::before,.button_link::after,.button_booking::before,.button_booking::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.button_link,.button_link::before,.button_link::after,.button_booking,.button_booking::before,.button_booking::after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .3s;
transition:all .3s;
}

.toppage:hover,.white {
color:#FFF;
}

.font26,.menufont {
font-size:26px;
line-height:38px;
}

#split-left strong,#split-right strong {
font-size:110%;
line-height:140%;
}