@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
/*============================================

common.css

============================================*/

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

Reset

--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html {
     width: 100%;
     height: 100%;
}
body {
     width: 100%;
     height: 100%;
}

/*formの初期化*/
input, button, textarea, select {
     /* 
     margin: 0;
     padding: 0;
     background: none;
     border: none;
     border-radius: 0;
     outline: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     */
}


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

Setting

--------------------------------------------*/
*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
img{
     max-width:100%;
     width:auto;
}

/*for clearFix*/
.cf:after {
     display: block ;
     height: 0 ;
     visibility: hidden ;
     clear: both ;
     content:"";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf {display: inline-block ;}
/*MacIE \*/
* html .cf {height: 1em ;}
.cf {display: block ;}

/*bold*/
.fwb{font-weight:bold;}

/*float*/
.fl{float: left;}
.fr{float: right;}

/*textalign*/
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}

/*border*/
.bdn{border: none;}
.bdtn{border-top: none;}
.bdln{border-left: none;}
.bdrn{border-right: none;}
.bdbn{border-bottom: none;}

/*margin&padding*/
.mt0{margin-top:0!important}
.mt1{margin-top:1px!important}
.mt2{margin-top:2px!important}
.mt3{margin-top:3px!important}
.mt4{margin-top:4px!important}
.mt5{margin-top:5px!important}
.mt6{margin-top:6px!important}
.mt7{margin-top:7px!important}
.mt8{margin-top:8px!important}
.mt9{margin-top:9px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt23{margin-top:23px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt55{margin-top:55px!important}
.mt60{margin-top:60px!important}
.mt65{margin-top:65px!important}
.mt70{margin-top:70px!important}
.mt75{margin-top:75px!important}
.mt80{margin-top:80px!important}
.mt85{margin-top:85px!important}
.mt90{margin-top:90px!important}
.mt95{margin-top:95px!important}
.mt100{margin-top:100px!important}
.mb0{margin-bottom:0!important}
.mb1{margin-bottom:1px!important}
.mb2{margin-bottom:2px!important}
.mb3{margin-bottom:3px!important}
.mb4{margin-bottom:4px!important}
.mb5{margin-bottom:5px!important}
.mb6{margin-bottom:6px!important}
.mb7{margin-bottom:7px!important}
.mb8{margin-bottom:8px!important}
.mb9{margin-bottom:9px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb55{margin-bottom:55px!important}
.mb60{margin-bottom:60px!important}
.mb65{margin-bottom:65px!important}
.mb70{margin-bottom:70px!important}
.mb75{margin-bottom:75px!important}
.mb80{margin-bottom:80px!important}
.mb85{margin-bottom:85px!important}
.mb90{margin-bottom:90px!important}
.mb95{margin-bottom:95px!important}
.mb100{margin-bottom:100px!important}
.ml0{margin-left:0!important}
.ml1{margin-left:1px!important}
.ml2{margin-left:2px!important}
.ml3{margin-left:3px!important}
.ml4{margin-left:4px!important}
.ml5{margin-left:5px!important}
.ml6{margin-left:6px!important}
.ml7{margin-left:7px!important}
.ml8{margin-left:8px!important}
.ml9{margin-left:9px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml35{margin-left:35px!important}
.ml40{margin-left:40px!important}
.ml45{margin-left:45px!important}
.ml50{margin-left:50px!important}
.ml55{margin-left:55px!important}
.ml60{margin-left:60px!important}
.ml65{margin-left:65px!important}
.ml70{margin-left:70px!important}
.ml75{margin-left:75px!important}
.ml80{margin-left:80px!important}
.ml85{margin-left:85px!important}
.ml90{margin-left:90px!important}
.ml95{margin-left:95px!important}
.ml100{margin-left:100px!important}
.mr0{margin-right:0!important}
.mr1{margin-right:1px!important}
.mr2{margin-right:2px!important}
.mr3{margin-right:3px!important}
.mr4{margin-right:4px!important}
.mr5{margin-right:5px!important}
.mr6{margin-right:6px!important}
.mr7{margin-right:7px!important}
.mr8{margin-right:8px!important}
.mr9{margin-right:9px!important}
.mr10{margin-right:10px!important}
.mr12{margin-right:12px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr35{margin-right:35px!important}
.mr40{margin-right:40px!important}
.mr45{margin-right:45px!important}
.mr50{margin-right:50px!important}
.mr55{margin-right:55px!important}
.mr60{margin-right:60px!important}
.mr65{margin-right:65px!important}
.mr70{margin-right:70px!important}
.mr75{margin-right:75px!important}
.mr80{margin-right:80px!important}
.mr85{margin-right:85px!important}
.mr90{margin-right:90px!important}
.mr95{margin-right:95px!important}
.mr100{margin-right:100px!important}
.mtbm0{margin-bottom:0!important}
.pt0{padding-top:0!important}
.pt1{padding-top:1px!important}
.pt2{padding-top:2px!important}
.pt3{padding-top:3px!important}
.pt4{padding-top:4px!important}
.pt5{padding-top:5px!important}
.pt6{padding-top:6px!important}
.pt7{padding-top:7px!important}
.pt8{padding-top:8px!important}
.pt9{padding-top:9px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt35{padding-top:35px!important}
.pt40{padding-top:40px!important}
.pt45{padding-top:45px!important}
.pt50{padding-top:50px!important}
.pt55{padding-top:55px!important}
.pt60{padding-top:60px!important}
.pt65{padding-top:65px!important}
.pt70{padding-top:70px!important}
.pt75{padding-top:75px!important}
.pt80{padding-top:80px!important}
.pt85{padding-top:85px!important}
.pt90{padding-top:90px!important}
.pt95{padding-top:95px!important}
.pt100{padding-top:100px!important}
.pb0{padding-bottom:0!important}
.pb1{padding-bottom:1px!important}
.pb2{padding-bottom:2px!important}
.pb3{padding-bottom:3px!important}
.pb4{padding-bottom:4px!important}
.pb5{padding-bottom:5px!important}
.pb6{padding-bottom:6px!important}
.pb7{padding-bottom:7px!important}
.pb8{padding-bottom:8px!important}
.pb9{padding-bottom:9px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb35{padding-bottom:35px!important}
.pb40{padding-bottom:40px!important}
.pb45{padding-bottom:45px!important}
.pb50{padding-bottom:50px!important}
.pb55{padding-bottom:55px!important}
.pb60{padding-bottom:60px!important}
.pb65{padding-bottom:65px!important}
.pb70{padding-bottom:70px!important}
.pb75{padding-bottom:75px!important}
.pb80{padding-bottom:80px!important}
.pb85{padding-bottom:85px!important}
.pb90{padding-bottom:90px!important}
.pb95{padding-bottom:95px!important}
.pb100{padding-bottom:100px!important}
.pl0{padding-left:0!important}
.pl1{padding-left:1px!important}
.pl2{padding-left:2px!important}
.pl3{padding-left:3px!important}
.pl4{padding-left:4px!important}
.pl5{padding-left:5px!important}
.pl6{padding-left:6px!important}
.pl7{padding-left:7px!important}
.pl8{padding-left:8px!important}
.pl9{padding-left:9px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl35{padding-left:35px!important}
.pl40{padding-left:40px!important}
.pl45{padding-left:45px!important}
.pl50{padding-left:50px!important}
.pl55{padding-left:55px!important}
.pl60{padding-left:60px!important}
.pl65{padding-left:65px!important}
.pl70{padding-left:70px!important}
.pl75{padding-left:75px!important}
.pl80{padding-left:80px!important}
.pl85{padding-left:85px!important}
.pl90{padding-left:90px!important}
.pl95{padding-left:95px!important}
.pl100{padding-left:100px!important}
.pr0{padding-right:0!important}
.pr1{padding-right:1px!important}
.pr2{padding-right:2px!important}
.pr3{padding-right:3px!important}
.pr4{padding-right:4px!important}
.pr5{padding-right:5px!important}
.pr6{padding-right:6px!important}
.pr7{padding-right:7px!important}
.pr8{padding-right:8px!important}
.pr9{padding-right:9px!important}
.pr10{padding-right:10px!important}
.pr12{padding-right:12px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr35{padding-right:35px!important}
.pr40{padding-right:40px!important}
.pr45{padding-right:45px!important}
.pr50{padding-right:50px!important}
.pr55{padding-right:55px!important}
.pr60{padding-right:60px!important}
.pr65{padding-right:65px!important}
.pr70{padding-right:70px!important}
.pr75{padding-right:75px!important}
.pr80{padding-right:80px!important}
.pr85{padding-right:85px!important}
.pr90{padding-right:90px!important}
.pr95{padding-right:95px!important}
.pr100{padding-right:100px!important}

/*border-radius*/
.bdrs1{border-radius: 1px;}
.bdrs2{border-radius: 2px;}
.bdrs3{border-radius: 3px;}
.bdrs4{border-radius: 4px;}
.bdrs5{border-radius: 5px;}
.bdrs6{border-radius: 6px;}
.bdrs7{border-radius: 7px;}
.bdrs8{border-radius: 8px;}
.bdrs9{border-radius: 9px;}
.bdrs10{border-radius: 10px;}
.bdrs15{border-radius: 15px;}
.bdrs20{border-radius: 20px;}
.bdrs25{border-radius: 25px;}
.bdrs30{border-radius: 30px;}
.bdrs35{border-radius: 30px;}
.bdrs40{border-radius: 40px;}
.bdrs45{border-radius: 45px;}
.bdrs50{border-radius: 50px;}

/*左上*/
.bdtlrs5{border-top-left-radius: 5px;}
.bdtlrs10{border-top-left-radius: 10px;}
/*右上*/
.bdtrrs5{border-top-right-radius: 5px;}
.bdtrrs10{border-top-right-radius: 10px;}
/*左下*/
.bdblrs5{border-bottom-left-radius: 5px;}
.bdblrs10{border-bottom-left-radius: 10px;}
/*右下*/
.bdbrrs5{border-bottom-right-radius: 5px;}
.bdbrrs10{border-bottom-right-radius: 10px;}


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

フォント

--------------------------------------------*/
/* Noto sans CJK jp ゴシック */
@font-face {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 400;
     src:url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Regular.woff2") format('woff2'),
     url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Regular.woff") format('woff'),
     url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Regular.otf") format('opentype');
}
@font-face {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     src:url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Bold.woff2") format('woff2'),
     url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Bold.woff") format('woff'),
     url("http://hotel-koo.com/common_f/fonts/NotoSansJP-Bold.otf") format('opentype');
}

/* Noto sans CJK jp 明朝 */
@font-face {
     font-family: 'NotoSerifJP';
     font-style: normal;
     font-weight: 400;
     src:url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Regular.woff2") format('woff2'),
     url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Regular.woff") format('woff'),
     url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Regular.otf") format('opentype');
}
@font-face {
     font-family: 'NotoSerifJP';
     font-style: normal;
     font-weight: 700;
     src: url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Bold.woff2") format('woff2'),
     url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Bold.woff") format('woff'),
     url("http://hotel-koo.com/common_f/fonts/NotoSerifJP-Bold.otf") format('opentype');
}


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

PC

--------------------------------------------*/
.onlySP{display:none!important}
a{transition:.3s; text-decoration: none;}
a img{transition:.3s;}
a:hover img{opacity:.6; text-decoration: none;}


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

SP

--------------------------------------------*/
@media screen and (max-width:768px){
	.onlyPC{display:none!important}
	.onlySP{display:block!important}
	img{width: 100%;}
}



/*align
-----------------------------------------------*/
.wp____content .alignleft{float:left;margin:5px 10px 5px 0;}

.wp____content .alignright{float:right;margin:5px 0 5px 10px ;}

.wp____content .aligncenter{margin:10px auto;display:block;_text-align:center;}

/*caption
-----------------------------------------------*/
.wp____content .wp-caption{background-color:transparent;border:none;padding-top:5px;}

.wp____content .wp-caption-text{
	text-align:center;
	font-size:85%;
	margin-top:5px;
	line-height:120%;
}

/*strong,a,p
-----------------------------------------------*/
.wp____content strong{font-weight:bold;}
.wp____content a{color:#165A75;}
.wp____content a:hover{color:#307996;}
.wp____content a:visited{color:#666;}
.wp____content p{margin-bottom:10px;}
/*li
-----------------------------------------------*/
.wp____content ul{margin:15px 0 15px 35px;*margin-left:15px;}
.wp____content ol{margin:15px 0 15px 40px;}
.wp____content ul li{
	list-style-type:disc;
	padding-left:5px;
	*margin-left:20px;
}

.wp____content ol li{list-style-type:decimal;}
.wp____content em {
	font-style: italic;
}
.wp____content hr {
	height: 1px;
	background-color: #52b362;
	border: none;
	color: #52b362;
}
.wp____content {
	word-wrap:break-word;
}
.wp____content h3{
	font-weight:bold;
}
/*
.wp____content ol{
	font-size:150%;
}
*/
.wp____content .gallery-item{
	border: 0px;
	padding: 0;
}
.wp____content .gallery-item .gallery-icon{
	width: 95%;
	padding: 0;
	margin: 0 auto;
}
.wp____content .gallery-item img{
	border: 0 !important;
}

.eigo_font{
	font-family: 'Josefin Sans';
}
.eigo_font2{
	font-family: 'Noto Sans Japanese';
	font-weight: Regular ;
}