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

/*------------------------

背景

------------------------*/

html {
	font-size: 62.5%; 
	overflow: -moz-scrollbars-vertical;
	height:100%;
}

body {
	background-color: #fff;
	word-wrap: break-word;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.61;
    letter-spacing: .1em;
	color:#000;
	height:100%;
}

#wrap_rakuten {
	width:950px;
	margin:0 auto;
}

.wrap {
	width: 94%;
	max-width: 980px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.wrap-1280 {
	width: 94%;
	max-width: 1280px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.wrap-1440 {
	width: 94%;
	max-width: 1440px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}

@font-face {
    font-family: 'sorts_mill_goudyregular';
    src: url('../fonts/sortsmillgoudy-regular-webfont.eot');
    src: url('../fonts/sortsmillgoudy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sortsmillgoudy-regular-webfont.woff2') format('woff2'),
         url('../fonts/sortsmillgoudy-regular-webfont.woff') format('woff'),
         url('../fonts/sortsmillgoudy-regular-webfont.ttf') format('truetype'),
         url('../fonts/sortsmillgoudy-regular-webfont.svg#sorts_mill_goudyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
/*------------------------

ヘッダー

------------------------*/

header{
	display:block;
	width:100%;
}

header .wrap-1440{
	position:relative;
	}

header .navbar.navbar-left{
	padding-top:8px;
	}

header .navbar.navbar-right li.reserve,
header .navbar.navbar-right li{
	margin-left:0;
	}
	
header .navbar.navbar-right li + li{
	margin-left:1em;
	}

header .navbar.navbar-right li a{
	display:block;
	font-size:1.4rem;
	color:#000000;
	padding-top:25px;
	}

header .navbar.navbar-right li.drop-down-menu span{
	display:block;
	font-size:1.4rem;
	padding-top:18px;
	cursor:pointer;
	}
	
header .navbar.navbar-right li.drop-down-menu span i,
header .navbar.navbar-right li.drop-down-menu span,
header .navbar.navbar-right li.drop-down-menu a i,
header .navbar.navbar-right li.drop-down-menu a,
header .navbar.navbar-right li a:hover{
	color:#009f9f;
	text-decoration:none;
	}

header .navbar.navbar-right li.margin{
	padding-right:0;
	width:360px;
	height:1px;
	}
	
li.tel{
	display:block;
	position:absolute;
	top:10px;
	right:175px;
	width:175px;
	cursor:pointer;
	}

header .navbar.navbar-right li.tel a{
	padding-top:0;
	}
		
header .navbar.navbar-right li.tel span{
	cursor:pointer;
	}
	
li.reserve{
	display:block;
	position:absolute;
	width:175px;
	top:10px;
	right:0;
	}
	
header .navbar.navbar-right li.reserve a{
	margin:0;
	padding:0;
	}

header .wrap-1440{
	width:100%;
	}

header .navbar.navbar-right li + li{
	margin-left:.65em;
	}

header .navbar.navbar-right li.margin{
	padding-right:0;
	width:280px;
	height:1px;
	}

li.tel{
	right:140px;
	width:140px;
	}
	
li.reserve{
	width:140px;
	}

/*------------------------

メイン

------------------------*/
#main{
	display:block;
	position:relative;
	width:100%;
	height:680px;
	overflow:hidden;
	border-bottom:25px solid #fff;
	}
	
ul.main-slide > li img{
	display:none;
	}

#main .bx-wrapper .bx-viewport,
#main .bx-wrapper,
.main-img-box,	
ul.main-slide,
ul.main-slide > li{
height:100% !important;
}

.main-img-box,	
ul.main-slide{
	display:block;
	width:100%;
	}
	
ul.main-slide > li{
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	}

ul.main-slide > li:nth-child(1){
	background-image:url(../img/main01.png);
	-moz-background-size:cover;
	background-size:cover;
	}
	
ul.main-slide > li:nth-child(2){
	background-image:url(../img/main02.png);
	-moz-background-size:cover;
	background-size:cover;
	}
	
ul.main-slide > li:nth-child(3){
	background-image:url(../img/main03.png);
	-moz-background-size:cover;
	background-size:cover;
	}
	
ul.main-slide > li:nth-child(4){
	background-image:url(../img/main04.png);
	-moz-background-size:cover;
	background-size:cover;
	}
	
ul.main-slide > li:nth-child(5){
	background-image:url(../img/main05.png);
	-moz-background-size:cover;
	background-size:cover;
	}

.#main ul{
	overflow:hidden;
	}

.#main ul li{
	transition: .8s;
}

.main-title{
	display:block;
	position:absolute;
	top:35%;
	left:0;
	right:0;
	margin:0 auto;
	width:567px;
	}

.main-scroll{
	display:block;
	position:absolute;
	bottom:10%;
	left:0;
	right:0;
	margin:0 auto;
	width:67px;
	}

/*------------------------

中面

------------------------*/
article{
	background-color:#fff;
	}

.infiniteslide-box{
	display:block;
	position:relative;
	width:100%;
	height:600px;
	margin-bottom:25px;
	overflow:hidden;
	}

.infiniteslide-box h1{
	display:block;
	position:absolute;
	background:url(../img/circle.png) no-repeat left top;
	width:541px;
	height:541px;
	top:30px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	}

.infiniteslide-box h1 img{
	display:block;
	margin:215px auto 13px;
	}

.infiniteslide-box h1 span{
	display:block;
	font-size:1.4rem;
	font-weight:normal;
	}

.infiniteslide1{
	position:relative;
	top:0;
	z-index:3;
	overflow: hidden;
	width:100%;
	height: 200px;
	}
	
.infiniteslide2{
	position:relative;
	top:0;
	z-index:2;
	overflow: hidden;
	margin-top:200px;
	width:100%;
	height: 200px;
	}
	
.slideFrame {
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	height: 200px;
}

.slideGuide {
	width: 150%;
	height: 100%;
}

.slideCell {
	display: block;
	float: left;
	width: 300px;
	height: 200px;
	background: #FFF;
	color: #333;
}

/* sample */
.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
	background: skyblue;
}
.slideCell a:hover {
	background: yellow;
}

/*------------------------

中面-おもてなしから下部分

------------------------*/

.topin-box01{
	display:block;
	background:url(../img/feature-back.png) no-repeat center top;
	width:100%;
	min-height:910px;
	padding-bottom:45px;
	}	
	
h1.feature-heading{
	display:block;
	text-align:center;
	margin-bottom:30px;
	padding-top:35px;
	font-size:4.8rem;
	color:#fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	}

h1.feature-heading img{
	display:block;
	margin:0 auto 45px;
	}

h1.feature-heading span{
	display:block;
	margin-top:10px;
	font-family: 'sorts_mill_goudyregular', "Times New Roman", serif;
	font-size:2.4rem;
	font-weight:normal;
	}

h1.feature-heading:after{
	display:block;
	content:"";
	background-color:#fff;
	width:100px;
	height:3px;
	margin:28px auto 0;
	}	

p.feature-text{
	display:block;
	text-align:center;
	color:#fff;
	}

.topin-box01 ul.blocks-3 > li{
	background-color:#ffffff;
	}

.topin-box01 ul.blocks-3 > li img{
	display:block;
	width:100%;
	}
.topin-box01 ul.blocks-3 > li h2{
	display:block;
	margin-bottom:15px;
	font-size:1.8rem;
	line-height:1.5;
	color:#004c66;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	}	

.topin-box01 ul.blocks-3 > li h2:after{
	display:block;
	content:"";
	background-color:#009f9f;
	width:70px;
	height:3px;
	margin:15px 0 0;
	}	

.topin-box01 ul.blocks-3 > li a p{
	color:#000;
	letter-spacing:normal;
	}

.topin-box01-text{
	padding:25px 16px 0;
	}

.topin-box04,
.topin-box03,
.topin-box02{
	display:block;
	position:relative;
	width:100%;
	padding-top:130px;
	}

.topin-box02{
	background:url(../img/spa-back.png) no-repeat center top;
	}

.topin-box03{
	background:url(../img/room-back.png) no-repeat center top;
	}
	
.topin-box04{
	background:url(../img/dish-back.png) no-repeat center top;
	}
		
h1.top-heading01{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	z-index:2;
	margin:0;
	}
	
ul.photo-slide{
	max-width:890px;
	margin:0 auto;
	}

ul.photo-slide > li{
	max-width:890px; !important;
	border:  10px solid #fff;
	}

.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a{
	background:url(../img/spa-thumbnail01.png) no-repeat left top;
	}

.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a{
	background:url(../img/spa-thumbnail02.png) no-repeat left top;
	}
	
.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a{
	background:url(../img/spa-thumbnail03.png) no-repeat left top;
	}
	
.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a{
	background:url(../img/spa-thumbnail04.png) no-repeat left top;
	}
	
.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a{
	background:url(../img/spa-thumbnail05.png) no-repeat left top;
	}
	
.topin-box02 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(6) a{
	background:url(../img/spa-thumbnail06.png) no-repeat left top;
	}

.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a{
	background:url(../img/room-thumbnail01.png) no-repeat left top;
	}

.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a{
	background:url(../img/room-thumbnail02.png) no-repeat left top;
	}
	
.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a{
	background:url(../img/room-thumbnail03.png) no-repeat left top;
	}
	
.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a{
	background:url(../img/room-thumbnail04.png) no-repeat left top;
	}
	
.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a{
	background:url(../img/room-thumbnail05.png) no-repeat left top;
	}
	
.topin-box03 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(6) a{
	background:url(../img/room-thumbnail06.png) no-repeat left top;
	}

.topin-box04 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a{
	background:url(../img/dish-thumbnail01.png) no-repeat left top;
	}

.topin-box04 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a{
	background:url(../img/dish-thumbnail02.png) no-repeat left top;
	}
	
.topin-box04 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a{
	background:url(../img/dish-thumbnail04.png) no-repeat left top;
	}
	
.topin-box04 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a{
	background:url(../img/dish-thumbnail05.png) no-repeat left top;
	}
	
.topin-box04 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a{
	background:url(../img/dish-thumbnail06.png) no-repeat left top;
	}
					
.text-box01 {
	margin-top:11em;
	}
a.allergies-btn{
	color: rgba(255,255,255,.8);
}
a.allergies-btn::after{
    font-family: 'FontAwesome';
    content: "\f0da";
    margin-left: 1em;
}
a.allergies-btn:hover{
	color: #cb3737;
}
.text-box01 .unit-35{
	text-align:right;
	}

.text-box01 p{
	color:#fff;
	}

.topin-box05{
	display:block;
	background:url(../img/banquet-back.png) no-repeat center top;
	width:100%;
	height:600px;
	}

.topin-box05 .text-box02{
	display:block;
	width:300px;
	float:right;
	padding-left:40px;
	}
	
.topin-box06{
	display:block;
	background:url(../img/plan-back.png) no-repeat center top;
	width:100%;
	height:600px;
	}	
	
.topin-box06 .text-box02{
	display:block;
	width:290px;
	}

.topin-box06 h1,
.topin-box05 h1{
	display:block;
	padding-top:70px;
	}	

.topin-box07{
	display:block;
	background:url(../img/bestprice-line.png) no-repeat center top;
	width:100%;
	margin-top:1.65em;
	margin-bottom:1.65em;
	}
	
h1.heading{
	display:block;
	font-family: 'sorts_mill_goudyregular', "Times New Roman", serif;
	font-weight:normal;
	}
	
h1.heading span{
	 font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	 font-size:1.4rem;
	 }

/*------------------------

フッター

------------------------*/

footer{
	background-color:#fff;
	padding-top:1.65em;
	padding-bottom:80px !important;
	}

#global-nav{
	position:fixed;
     left:0;
	 right:0;
	 bottom:0;
     overflow:hidden;
     width:100%;
	 background-color: rgba(0,0,0,.9);
	z-index: 99998;
	 padding:.6em 0;
	 color:#fff;
	}

#global-nav .wrap-1440 {
	max-width: 1290px;
}

.text_search{
	display:block;
	float:left;
	margin-left:1.25em;
	padding-top:.4em;
	}

.text_search span{
	display:inline-block;
	border:1px solid #fff;
	border-radius: 3px;	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	padding:.15em .35em;
	margin-right:.65em;	
	}

.btn_search{
	display:block;
	margin:.65em auto -1.25em;
	max-width:965px;
	}

.text_search_box{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	}
	
.btn_search input.btn{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#cb3737;
	color:#fff;
	font-weight:normal;
border: 0px;
outline: 0;
	}	
	
.btn_search input.btn:hover{
	background-color:#9c2828;
	}

.btn_search a.white-btn{
	display:inline-block;
	width:130px;
	background-color:#009f9f;
	border:0;
	padding:.57em 0;
	color:#fff;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left:3px;	
	}

.btn_search a.white-btn.long{
	width:230px;	
	background-color:#33a5d1;
	}
			
.btn_search a.white-btn:after{
	display:none;
	}
	
.btn_search a.white-btn:hover{
	background-color:#005e5e;
	color:#fff;
	}

.btn_search a.white-btn.long:hover{
	background-color:#1a6380;	
	}
	
.access-box{
	display:block;
	background:url(../img/access-back.png) no-repeat center top;
	width:100%;
	height:547px;
	padding:0 0 1.65em;
	}

.access-box h1.heading{
	font-size:3rem;
	text-align:center;
	margin-bottom:1.25em;
	padding-top:.65em;
	}

.access-box h1.heading span{
	display:block;
	margin-top:.35em;
	}

.text-box03{
	display:block;
	margin-top:5em;
	}

.text-box03 h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
	font-weight:normal;
	font-size:2.4rem;
	color:#009f9f;
	line-height:1.8;
	border-bottom:1px solid #e5e3df;
	width:305px;
	padding-bottom:.65em;
	margin-bottom:.85em;
	}

.foot-logo{
	display:block;
	margin:0 auto .65em;
	width:285px
	}	

p.foot-text{
	text-align:center;
	color:#575757;
	font-size:1.4rem;
	}

ul.sitemap {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	}

ul.sitemap > li{
	display: inline;
	padding: 0;
	}

ul.sitemap > li a{
	color:#575757;
	font-size:1.4rem;
	display: inline-block;
	}

ul.sitemap > li a:hover{
	color:#000;
	text-decoration:underline;
	}

ul.sitemap > li + li:before{
	content:"/";
	margin:0 10px;
	}

.copy {
	padding: 1.65em 0;
	color:#575757;
	font-size:1.4rem;
	text-align: center;
}

/*------------------------

ボタン

------------------------*/

a.green-btn{
	display:block;
	background-color:#009f9f;
	width:50%;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	padding:1em 0;
	margin:1em auto;
	text-align:center;
	}

a.green-btn:after{
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-left: 1.65em;
	}
  
 a.green-btn:hover{
	 background-color:#005e5e;
	 }


a.white-btn{
	display:block;
	width:200px;
	border:1px solid #fff;
	padding:1em 1.65em;
	color:#fff;
	}

a.pink-btn02:after,
a.green-btn02:after,
a.pink-btn:after,
a.black-btn:after,	
a.white-btn:after{
	display:block;
	float:right;
	font-family: 'FontAwesome';
	content: "\f178";
	}

a.white-btn:hover{
	background-color:#ffffff;
	color:#000;
	}

a.black-btn{
	display:block;
	width:200px;
	border:1px solid #000;
	padding:1em 1.65em;
	color:#000;
	}

input.black-btn{
	display:inline-block;
	background-color:#fff;
	width:100px;
	border:1px solid #000;
	padding:1em 1.65em;
	color:#000;
	}
	
input.black-btn:hover,
a.black-btn:hover{
	background-color:#000000;
	color:#fff;
	}
	
a.pink-btn{
	display:block;
	width:200px;
	border:1px solid #cd3365;
	padding:1em 1.65em;
	color:#cd3365;
	}

input.pink-btn{
	display:inline-block;
	background-color:#fff;
	width:200px;
	border:1px solid #cd3365;
	padding:1em 1.65em;
	color:#cd3365;
	margin-right:1.35em;
	}
	
input.pink-btn:hover,
a.pink-btn:hover{
	background-color:#cd3365;
	color:#fff;
	}

a.green-btn02{
	display:block;
	width:200px;
	background-color:#009f9f;
	color:#fff;
	border:1px solid #009f9f;
	padding:1em 1.65em;
	}

a.green-btn02:hover{
	background-color:#fff;
	color:#009f9f;
	}

a.pink-btn02{
	display:block;
	width:200px;
	background-color:#cd3365;
	color:#fff;
	border:1px solid #cd3365;
	padding:1em 1.65em;
	}
	
a.pink-btn02:hover{
	background-color:#fff;
	color:#cd3365;
	}
		
/*------------------------

テーブル

------------------------*/

table td {
	word-break: break-all;
}

/*------------------------

リスト

------------------------*/

.list-flat {
	margin-bottom: 0;
}

.list-flat li {
	margin-bottom: 1em;
}

.list-flat li:last-child {
	margin-bottom: 0;
}

.list-left li {
	margin-right: 1em;
	float: left;
}

.list-left li:last-child {
	margin-right: 0;
}

.link {
	margin: 0;
}

.link li {
	list-style: none;
	line-height: 1.35;
}

.link li a {
	margin-left: 1em;
	display: block;
	text-decoration: none;
	text-indent: -1em;
}

.link li a:before {
	margin-right: .5em;
	content: '\f0da';
	color: #e60013;
	font: normal normal normal 14px/1 FontAwesome;
}

.list-center {
	display: inline-block;
	zoom: 1;
}

.list-before li {
	padding-left: 1em;
	display: block;
}

.list-before li:before {
	width: 1em;
	margin-left: -1em;
	padding: .5em 0;
	display: block;
	float: left;
	content: '?';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-before li.second:before {
	width: 1em;
	margin-left: 0;
	padding: .5em 0;
	display: block;
	float: left;
	content: '?';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-after li {
	padding-right: 15px;
	position: relative;
}

.list-after li:after {
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 10px;
	content: '?';
	color: #007f2d;
	font-family: 'FontAwesome';
}

.list-centered {
	text-align: center;
}

.list-centered ul {
	display: inline-block;
	zoom: 1;
}

/*------------------------

画像

------------------------*/

a:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

img.left {
	margin-right: 1em;
}

img.right {
	margin-left: 1em;
}

/*------------------------

レイアウト

------------------------*/

.v-bottom {
	position: absolute !important;
	right: 0;
	bottom: 0;
}

.v-center {
	width: 100%;
	display: table;
}

.v-center p,
.v-center > div,
.v-center img {
	padding: 0 .5em;
	display: table-cell;
	vertical-align: middle;
}

img {
	vertical-align: bottom;
}

.img-centered img {
	margin: 0 auto;
	display: block;
}

.btn-centered {
	text-align: center;
}

/*------------------------

Typography

------------------------*/

i {
	margin: 0 .5em;
	color: #005eae;
}

em,
i {
	font-style: normal;
}

.red {
	color: #c3000f;
}

/*------------------------

余白

------------------------*/

.mt-05{
	margin-top:-5px;
	}
	
.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.mt_20 {
	margin-top: -20px;
}

.mtb05 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml05 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr05 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}


.pt40 {
	padding-top: 40px;
}

/*------------------------

表示・非表示

------------------------*/

br.sp_only {
	display: none;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inline-block !important;
}

/*------------------------

clearfix

------------------------*/

.clearfix:before,
.clearfix:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */