@charset "utf-8";
/* CSS Document */

/*-----バナー消去-----*/
#bnr-hawaiian{ display:none;}

.bg-hawaiian-top{
	background-image: url(img/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	width: 100%;
	height: 100%;
	padding: 120px 0;
}
.bg-hawaiian-top .hawaiian-top-title{
	width: 100%;
	height: 100%;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-hawaiian-top .hawaiian-top-title img{ width:700px;}

.hawaiian-cont{ color:#1d1d1d; }
.hawaiian-cont p{ margin:0 auto 2.4em; font-size:1.2em; line-height:2.4em; letter-spacing:0.1em; color:#5b4f3f;}
.hawaiian-cont p.hawaiian-midashi{ font-size:2em; margin:0 auto 1.2em; letter-spacing:0.3em; font-weight: 400; font-family: 'Noto Serif Japanese' !important; text-align:center !important;}
.hawaiian-cont p.hawaiian-subtxt{ font-size:1.2em; letter-spacing:0.1em;}
.hawaiian-cont p.hawaiian-subtxt2{ font-size:1em; letter-spacing:0em; line-height:2em;}
.hawaiian-cont p:last-child{ margin:0 auto 0;}

.hawaiian-color-white p{ color:#fff !important;}
.hawaiian-mincho{ font-family: 'Noto Serif Japanese' !important; }
.hawaiian-keisen{ text-align:center !important;}
.hawaiian-keisen img{ width:138px; }

.bg-hawaiian-about{
	background-image: url(img/bg-about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-hawaiian-about .hawaiian-about-title{ margin:0 auto 2.4em; text-align:center;}
.bg-hawaiian-about .hawaiian-about-title img{ width:350px;}

.bg-hawaiian-history{
	background-image: url(img/bg-history.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-hawaiian-history .hawaiian-history-title{ margin:0 auto 2.4em; text-align: center;}
.bg-hawaiian-history .hawaiian-history-title img{ width:340px;}

.bg-hawaiian-message{
	background-image: url(img/bg-message.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-hawaiian-message .hawaiian-message-title{ margin:0 auto 2.4em; text-align: center;}
.bg-hawaiian-message .hawaiian-message-title img{ width:160px;}

.bg-hawaiian-motif{
	text-align:center;
	padding:10em 0 0;
	width:100%;
}
.bg-hawaiian-motif .hawaiian-motif-title{ margin:0 auto 2.4em; text-align: center;}
.bg-hawaiian-motif .hawaiian-motif-title img{ width:140px;}
.hawaiian-motif-ring{ margin: 90px 0 0 0 !important;}
.hawaiian-motif-ring ul{ overflow:hidden; width:100%; }
.hawaiian-motif-ring ul li{ float:left; width:50%; padding:5em; border:none;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.hawaiian-motif-ring ul li.motif-hibiscus{
	background-image: url(img/motif-hibiscus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	text-align:center;}
.hawaiian-motif-ring ul li p{ color:#fff; text-align:left; font-size:1.2em; line-height:2em; letter-spacing:0;}
.hawaiian-motif-ring ul li p.motif-subtitle img{ width:376px;} 
.hawaiian-motif-ring ul li p.motif-photo{ text-align:center;}
.hawaiian-motif-ring ul li.motif-plumeria{
	background-image: url(img/motif-plumeria.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	text-align:center;}
.hawaiian-motif-ring ul li.motif-maile{
	background-image: url(img/motif-maile.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	text-align:center;}
.hawaiian-motif-ring ul li.motif-scroll{
	background-image: url(img/motif-scroll.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	text-align:center;}

.bg-hawaiian-bland{
	text-align:center;
	padding:10em 0 0;
	width:100%;
}
.bg-hawaiian-bland .hawaiian-bland-title{ margin:0 auto 2.4em; text-align:center;}
.bg-hawaiian-bland .hawaiian-bland-title img{ width:149px;}

.hawaiian-bland-lineup{ width:960px; margin:0 auto; background-color:#000; }
.hawaiian-bland-lineup ul{ display:table; table-layout:fixed; width:100%;}
.hawaiian-bland-lineup ul li{ display:table-cell; vertical-align:middle; width:50%; text-align:center; padding:70px 0;} 
.hawaiian-bland-lineup ul li:first-child{ 
	background-image:url(img/heartisland-photo.jpg); 
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.hawaiian-bland-lineup ul.heartisland li p{ color:#fff !important; font-size:1em; margin: 0 auto 1.8em;}
.hawaiian-bland-lineup ul.heartisland li p:last-child{ margin:0 auto 0 !important;}
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-logo{ width:60%;}
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-btn a{
	border:solid 1px #fff;
	color:#fff;
	padding:10px 60px;
	position:relative;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;}
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-btn a:before{
	position: absolute;
    font-size: 16px !important;
    line-height: normal;
    top: 10px;
    left: 10px;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #fff;
}
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-btn a:hover{ background-color:#fff; color:#000;}
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-btn a:hover:before{ color:#000;}

@media only screen and (max-width: 1024px) {

.bg-hawaiian-top .hawaiian-top-title img{ width:75%;}
.hawaiian-cont p.hawaiian-midashi{ letter-spacing:0.1em; }
.hawaiian-motif-ring ul li{ padding:2.5em;}
.hawaiian-motif-ring ul li p br{ display:none;}

.hawaiian-bland-lineup{ width:90%;}

}

@media only screen and (max-width: 768px) {

.hawaiian-bland-lineup{ width:90%;}
.hawaiian-bland-lineup ul{ display:block; text-align:center;}
.hawaiian-bland-lineup ul li{ width:100%; padding:40px 0; display: block;} 
.hawaiian-bland-lineup ul.heartisland li p.hawaiian-bland-lineup-btn{ margin:0 auto; text-align:center; display:inline-block;}
.hawaiian-bland-lineup ul.heartisland li:first-child{ height:200px; }

}

@media only screen and (max-width: 480px) {

.hawaiian-justify{ text-align: justify !important; }

.hawaiian-cont p.hawaiian-midashi span{ display:block;}

.bg-hawaiian-about .hawaiian-about-title{margin: 0 auto 1em;}
.bg-hawaiian-message .hawaiian-message-title {margin: 0 auto 1em;}
.bg-hawaiian-history .hawaiian-history-title {margin: 0 auto 1em;}
.bg-hawaiian-top .hawaiian-top-title img{ width:85%;}
.hawaiian-motif-ring ul li{ width:100%; float:none;}
.hawaiian-cont p{
	width: 80%;
	margin: 0 auto 1.6em;
	font-size: 1.2em;
    line-height: 2em;
    letter-spacing: 0em;
	text-align:left;
	}
.hawaiian-cont p br{ display:none;}
.hawaiian-cont p span{ display:block;}
.bg-hawaiian-about{ padding: 6em 0; }
.bg-hawaiian-about .hawaiian-about-title img { width: 65%;}
.bg-hawaiian-history{ padding: 6em 0; }
.bg-hawaiian-history .hawaiian-history-title img { width: 60%; }
.hawaiian-cont p.hawaiian-midashi { font-size: 1.6em; margin: 0 auto 1.2em;}
.hawaiian-keisen img { width: 100px; }
.bg-hawaiian-motif { padding: 6em 0 0;}
.bg-hawaiian-motif .hawaiian-motif-title img { width: 30%;}
.hawaiian-motif-ring { margin: 40px 0 0 0 !important; }
.hawaiian-motif-ring ul li {     padding: 3em 0;}
.bg-hawaiian-message { padding: 6em 0;}
.bg-hawaiian-message .hawaiian-message-title img { width: 45%;}
.bg-hawaiian-bland { padding: 6em 0 0;}
.bg-hawaiian-bland .hawaiian-bland-title img{ width: 30%;}
.hawaiian-motif-ring ul li p.motif-subtitle img{ width:80%;} 

}