@charset "utf-8";

html {
    width: 100%;

}

body {
    width: 100%;
    font-size:14px;
    overflow-x: hidden;
}

img, a {
}

a{
}
a:link {/*未訪問のリンク*/
    
}
a:visited {/*訪問後のリンク*/
    
}
a:hover {/*マウスをのせたとき*/color: #f0b81a;}
a:active {/*クリック中*/
    
}

#header {
    width: 100%;
    height: 0px;
    z-index: 100;
    position: relative;
}

#header-top {
    width: 120%;
    height: 200px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg); /* Firefox用 */
    -ms-transform: rotate(-5deg); /* IE用 */
    -webkit-transform: rotate(-5deg); /* Google Chrome,Safari,Opera用 */
    /* box-shadow:-5px 0px 5px #ddd; */
    position: relative;
    top: -143px;
    left: -20px;
    z-index: 9;
    background-image: linear-gradient(139deg , #ffed4d, #dab100, #EDAC06, #EDAC06, #EDAC06, #fff178, #ECB802, #DAAF08, #B67B03);
}

#header-top h1 {
	transform: rotate(5deg);
	-moz-transform: rotate(5deg); /* Firefox用 */
	-ms-transform: rotate(5deg); /* IE用 */
	-webkit-transform: rotate(5deg); /* Google Chrome,Safari,Opera用 */
	
    position: relative;
    left: 190px;
    top: 120px;
	width: 280px;
}

#header-top h1 img {
    width: 270px;
	
}

#header-top h1 a {
}

#header #toptext {
    display: inline;
    position: relative;
    left: 320px;
    font-size: 23px;
    font-family: 'Cabin', sans-serif;
    top: 35px;
}

#header-bottom {
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg); /* Firefox用 */
	-ms-transform: rotate(-5deg); /* IE用 */
	-webkit-transform: rotate(-5deg); /* Google Chrome,Safari,Opera用 */
	
    position: relative;
    
	top: -151px;
    left: -20px;
    padding: 0 0 0 331px;
    width: 110%;
    
	background: rgba(0,0,0,0.5);
	z-index: 5;
}

#header-bottom nav {
/* width: 100%; */
	
}

#header-bottom nav a {
    background: none;
    display: inline-block;
    width: auto;
    padding: 0 1px;
    margin: 0;
    font-size: 17px;
    z-index: 200;
    position: relative;
}

.swipeshow {
}

.slideshow .dots {
    display: inline-block;
}

#snsshare {
    width: 450px;
    left: 50%;
    position: relative;
    margin: 0px 0 8px -150px;
    z-index: 200;
}

#snsshare li {
    font-size: 15px!important;
    padding: 0;
    width: 132px;
}

#snsshare li a {
    /* padding: 9px 0px 7px 3%; */
	
    display: inline-block;
    position: relative;
    z-index: 200;
}

#lineshare {
}

#lineshare:before {
    margin: 5px 0 0 5px;
}

#fbshare {
}

#fbshare:before {
    margin: 6px 0 0 17px;
}

#twshare {
}

#twshare:before {
    margin: 7px 0 0 9px;
}

#translate {
left: 50%;
position: absolute;
margin-left: 380px;
margin-top: 8px;
z-index: 100;
}

h2.title {
    padding: 12px 0 3px;
    font-size: 25px;
}

 #footer {
}

#footer ul{
    text-align: center;
    
}

#footer ul li{
    width: 70px;
    height: 70px;
}

#footer ul li.twitter{
    background: url(../img/sns_icon.png) #10a5de no-repeat -147px 2px;
}

#footer ul li.facebook{
    background: url(../img/sns_icon.png) #284a95 no-repeat -70px 4px;
}

#footer ul li.line{
}

#footer ul li a {
}

#footer-bottom {
    width: 110%;
    
    height: 180px;
}

#footer h2 {
    margin: 0;
    bottom: -13px;
}

#footer h2 a {
}

#footer-bottom {
    
}

#footer-bottom #tagline {
    text-align: left;
    padding: 0 0 0 308px;
}

#footer-bottom #reserve {
    text-align: left;
    padding: 0 0 0 305px;
} 

.pagenate {
}

.pagenate ul {

}

.pagenate ul li {
    width: auto!important;
}

.pagenate ul li span {
    font-size: 14px;
    padding: 6px 0px 2px;
}

.pagenate ul li a {
    padding: 6px 0px 2px;
    font-size: 14px;
}

.fancybox-overlay {
    width: 100%!important;
}

.swipeshow {
	width: 100%!important;
	height: 560px!important;
	max-width: 1200px!important;
	z-index: 13;
	/* position: relative; */
}

.swipeshow img {
	width:100%!important;
	height: auto!important;
}

.slideshow .dots .active {


	background:#cb1212;
}

#entrybody {
	font-size:16px;
}

#header {/* position: fixed; */z-index: 400;}

#top-about-area {
	
}

#about-inner {
    width: 1000px;
	
    margin: 0 auto;
}

#about-inner dl {
    float: left;
	
    width: 120px;
    margin: 6px 8px 0 0;
}

#about-inner dt {
	
}

#about-inner dd {
	
}

#about-inner p {
    width: 520px;
	
    display: inline-block;
}

#about-inner h3 {
    width: 500px;
	
    display: inline-block;
    margin: 18px 0 6px;
    font-size: 19px;
    font-family: 'Cabin', sans-serif;
    text-shadow: 2px 2px 2px #000000;
}

#about-main {
    float: right!important;
    width: 440px!important;
    margin-bottom: 120px!important;
}

#about-main dd {
	
}

#about-main dt {
	
}