@charset "utf-8";

/* Hello Kitty Room [PC]
===================================================*/

/* common : button */
.kitty_content .link02 a::after {
    content: "";
    position: absolute;
    top: 7px;
    left: -18px;
    width: 14px;
    height: 14px;
	margin-top: -7px;
	padding: 0;
	border-radius: 50%;
	background: #ea3d76;
	z-index: 0;
}
.kitty_content .link02 a::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -12px;
    width: 0px;
    height: 0px;
	margin-top: -3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #fff;
	z-index: 1;
}
.kitty_content .link02 a[target="_blank"] span,
.kitty_content .link01[target="_blank"] span {
    background: url("../../sanrio/images/kitty_ic03.png") no-repeat scroll right center transparent;
	width: 11px;
	height: 10px;
	padding-right: 15px;
}
.kitty_content .btn02 {
	background-color: #ea3d76;
}
.kitty_content .btn02:hover {
	background-color: #d3255f;
}
.kitty_content .list01 li::before {
	background-color: #ea3d76;
}

iframe.kitty_video {
	width: 100%;
}

.kitty_close {
	cursor: pointer;
}
.kitty_section_h3 .kitty_btn_top {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(../../sanrio/images/kitty_ic02.png) 0 0 no-repeat;
	background-size: cover;
	z-index: 1;
}
.kitty_section_h3 .kitty_btn_top span {
	display: none;
}
.kitty_btn_bottom {
	margin: 30px 0 10px;
	padding: 20px 10px 25px;
	border-top: 1px solid #dddddd;
	border-bottom: 3px solid #f24280;
	text-align: center;
	font-size: 140%;
	line-height: 1.2;
}	
.kitty_btn_bottom span {
	position: relative;
}
.kitty_btn_bottom span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -3.5em;
	width: 32px;
	height: 32px;
	background: url(../../sanrio/images/kitty_ic02.png) 0 0 no-repeat;
	background-size: cover;
}
.kitty_btn_bottom.close span::before,
.kitty_section_h3 .kitty_btn_top.close {
	background: url(../../sanrio/images/kitty_ic02.png) 0 -32px no-repeat;
	background-size: cover;
}


/* common : section title */
.kitty_section_h2 {
	margin: 0;
	padding: 0 0 30px;
	border: none;
	background: none;
}

/*.kitty_section_h3 {
	position: relative;
	width: 100%;
	margin-bottom: 13px;
}
.kitty_section_h3::after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background: url(../../sanrio/images/kitty_bg03.gif) 0 0 repeat-x;
}
.kitty_section_h3 h3 {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 18px 50px 12px 65px;
	border: none;
	border-radius: 10px 10px 0px 0px;
	background: url(../../sanrio/images/kitty_bg02.gif) 0 0 repeat;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.3;
}
.kitty_section_h3 h3::before {
	content: "";
	width: 31px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 23px;
	margin-top: -12px;
	background: url(../../sanrio/images/kitty_ic01.png) 0 0 no-repeat;
}*/

/* common : column */
.kitty_img_wrap.col2 {
	margin-bottom: 0 !important;
}
.kitty_img_wrap .col2itemL,
.kitty_img_wrap .col2itemR {
	width: 49.7% !important;
}

/* common : kitty_links */
.kitty_links {
	padding: 20px;
	background: #ffedf2;
	overflow: hidden;
	_zoom: 1;
}
.kitty_links .link02 {
	display: inline-block;
	margin-right: 10px;
}

/* common : kitty_buttons */
.kitty_buttons {
	padding-top: 30px;
}
.kitty_buttons .btn02{
	margin: 0 0 0 15px;
}
.kitty_buttons .btn02:first-child{
	margin: 0;
}


/* slide */
.top_slider li .caption {
	position: absolute;
	z-index: 100;
	color: #fff;
	bottom: 35px;
	right: 50px;
	font-size: 1.5em;
}
.mainViCon {
	padding: 0;
}
.mainViCon .mainViTxtArea p {
	padding: 15px;
	margin-bottom: 30px;
	background: url(../../sanrio/images/kitty_bg01.gif) 0 0 repeat;
	color: #fff;
}


/* kitty_img_padding */
.kitty_img_padding {
	margin-bottom: 10px;
	padding: 20px;
}

/* contact */
.kitty_contact {
	padding: 19px 19px 0px;
	border: 1px solid #ddd;
}
.kitty_contact .kitty_contact_text {
	position: relative;
	padding-left: 4em;
}
.kitty_contact .kitty_contact_title {
	position: absolute;
	top: 2px;
	left: 0px;
}

/* dot_line */
/*.kittyT--main__wrap {
    position: relative;
		text-align: right;
    background-image: url("../images/dot_line04.gif");
    background-repeat: repeat-x;
    background-position: 0 18px;
}*/

.kittyT--main {
		text-align: center;
    background-color: #fff;
    color: #ea3d76;
    font-size: 30px;
    font-size: 2.5rem;
	font-family: "Arial Rounded MT Bold", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}


/* table */
/*.kittyTable th {
		background-color: #fef5f8;
}

.kittyTable th, .kittyTable td {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 0.7rem 0;
    border: 1px solid #ccc;
    text-align: center;
}*/
	

/* Hello Kitty Room [SP]
===================================================*/
@media screen and (max-width: 1000px) {
	.kitty_buttons {
		overflow: hidden;
	}
	.kitty_buttons .btn02 {
		display: block;
		width: 49.5%;
		margin: 0 0 0 0.5%;
		float: right;
	}
	.kitty_buttons .btn02:first-child {
		margin: 0 0.5% 0 0;
		float: left;
	}
	
	
	/* slide */
	.top_slider li .caption {
		font-size: 1.1em;
	}

	
}

@media screen and (max-width: 750px) {
	#contents .col2 img{
		margin-bottom: 0;
	}
	.kitty_img_wrap .col2itemL,
	.kitty_img_wrap .col2itemR {
		width: 100% !important;
	}
	.kitty_img_wrap .kitty_img_right{
		margin-bottom: 10px;
	}
	.kitty_links .link02 {
		margin-bottom: 20px;
	}
	.kitty_links .link02:last-child {
		margin-bottom: 0;
	}
	.kitty_buttons .btn02{
		width: 100%;
		margin: 0;
		float: none !important;
	}
	.kitty_buttons .btn02:first-child{
		margin-bottom: 15px;
	}
	
/*	.kitty_section_h3 h3 {
		padding: 18px 50px 12px 40px;
		font-size: 110%;
	}
	
	.kitty_section_h3 h3::before {
		content: "";
		width: 16px;
		height: 15px;
		position: absolute;
		top: 50%;
		left: 14px;
		margin-top: -6px;
		background: url("../../sanrio/images/kitty_ic01.png") no-repeat scroll 0px 0px transparent;
		background-size: cover;
	}*/

	/* slide */
	.top_slider li .caption {
		display: none;
	}
	
	/* video */
	iframe.kitty_video {
		margin-bottom: 30px;
	}
	.col2itemR iframe.kitty_video{
		margin: 0;
	}
	
	/* kitty_img_padding */
	.kitty_img_padding {
		margin: 10px 0 20px;
		padding: 0px;
	}
	
.kittyT--main {
    font-size: 1.875rem;
}

}
















/*191009追加分-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h2 {
border-bottom: 0;
}

/*基本----------------*/
.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.cmnBox--btm {
    padding: 0 0 40px 0;
}

.adjust--L20 {
    margin-left: -20px;
}

.cmnBox--w490 {
    float: left;
    width: 490px;
}



.kittyBg--pink {
    background-color: #ffedf2;
}

.kittyYoutube {
    padding: 6px 0 24px;
}
.kittyYoutube {
    width: 480px;
    margin: 0 auto;
}
.kittyT--ribbon {
    margin: 0;
    background-repeat: no-repeat;
    height: 70px;
    color: #717171;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
		font-weight: bold;
    padding: 20px 0 0 72px;
}

.kitty2col--r {
    margin-left: 40px;
    float: right;
    width: 480px;
}
.kitty2col--l {
    float: left;
    width: 480px;
}

.kitty2col__wrap::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.kittyTable {
    float: left;
    margin-left: 20px;
}
.kittyTable__title {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
}
.kittyTable th {
    background-color: #fef5f8;
}
.kittyTable th, .kittyTable td {
    font-size: 0.8125rem;
    padding: 0.7rem 0;
    border: 1px solid #ccc;
    text-align: center;
}
.kittyT--main__wrap {
    position: relative;
    text-align: center;
    background-image: url("../images/dot_line_kitty.gif");
    background-repeat: repeat-x;
}
.kittyT--main {
    display: inline-block;
}

.kitty_content .col2itemR {
    width: 482px;
    float: right;
}
.kitty_content .col2itemL {
    width: 482px;
    float: left;
}

.cmnBox::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.adjust--L20::after {

    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

 p.approval--no {
    font-family: "游ゴシック体", "Helvetica Neue Roman", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 80%;
}


@media screen and (max-width: 750px) {
	.yohaku--LR {
    padding: 0 10px;
}
	
.wrapper {
    width: 100%;
    margin: 0;
}

.cmnBox--btm {
    padding: 0 0 20px 0;
}

.adjust--L20 {
    margin-left: 0;
}

.kittyBg--pink {
    background-color: #fff;
    padding: 0;
    margin: 0;
}
	.kitty_content .col2itemR,
	.kitty_content .col2itemL {
    width: 100%;
		float: none;
	}
	
.kittyYoutube {
    box-sizing: border-box;
    width: 100%;
}
.kitty2col__item {
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    list-style: square inside;
    color: #ea3d76;
    font-size: 20px;
    font-size: 1.25rem;
}

/*table--------*/
.kittyTable {
    margin-left: 0px;
    float: none;
    margin-bottom: 20px;
}
	
.cmnBox--w490 {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}
.kittyT--ribbon, .mymelodyT--ribbon, .littletwinT--ribbon {
    padding: 0 10px 15px 70px;
    height: 60px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    display: table-cell;
    vertical-align: middle;
}
	
}



	.sanrio--font {
		font-weight: bold;
		color: #717171;
		font-family: "モトヤフォント", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	}

	.bn-shadow {
box-shadow:2px 1px 5px 0px #c6c6c6;
	}
	.bn-hover:hover {
		opacity: 0.8;
	}

/*MainTitle------------------------*/
.sanrioMainTitle {
    box-sizing: border-box;
    height: auto;
    width: 100%;
    text-align: center;
		border-top: 1px dashed #e0e0e0;
		/*background: url(../images/sanrio_bg01.png);*/
}
	.sanrioMainTitle h1 img {
		width: auto;
	}
	
/*mokumoku------------------------*/
.mokumoku--box {
		position: relative;
	}

.mokumoku {
		position: absolute;
		z-index: 10;
		line-height: 0;
}
	
.mokumoku img {
	width: auto;
}

/*CharacterMainTitle----------------*/
	
	.CharacterMainTitle {
    text-align: center;
    padding: 125px 0 140px;
    background-size: 1367px 310px;
		background-repeat: repeat-x;
		height: auto;
}
	
	.CharacterMainTitle.kitty.spnone {
    background-image: url(../images/kitty_main_title_bg06.jpg);
}
	.CharacterMainTitle.kitty.pc-None {
    background-image: url(../images/kitty_main_title_bg07.jpg);
}
	
	.CharacterMainTitle.mymelody {
    background-image: url(../images/mymelody_main_title_bg05.jpg);
}
	.CharacterMainTitle.littletwin {
    background-image: url(../images/littletwin_main_title_bg05.jpg);
}

	.CharacterMainTitle.kitty img,
	.CharacterMainTitle.mymelody img,
	.CharacterMainTitle.littletwin img {
    width: auto;
}
	
	.CharacterMainTitle--bg img {
    width: auto;
    height: 420px;
	}

	
/*sanrioGnav------------------------*/
	
.sanrioGnav {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-mozjustify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	margin: 60px auto 90px;
	}
	
.sanrioGnav li {
	border-right: 2px dotted #E9E9E9;
	list-style: none;
}	
.sanrioGnav li:nth-of-type(3n) {
	border-right: none;
}	
	
.sanrioGnav li a {
	transition: 0.3s;
	display: block;
}	
.sanrioGnav li a:hover {
	transform: scale(1.05,1.05);
}
	
	.sanrioGnav img {
		width: 100%;
	}

/*background--------------------------*/

/*	.kitty--bg {
		background:url(https://www.keioplaza.co.jp/tama/stay/img/sanrio_bg04.png);
	}
	
	.mymelody--bg {
		background:url(https://www.keioplaza.co.jp/tama/stay/img/sanrio_bg02.png);
	}
	
	.littletwin--bg {
		background:url(https://www.keioplaza.co.jp/tama/stay/img/sanrio_bg03.png);
	}*/
	
	
/*h2--------------------------*/
	
	.kittyT--ribbon--wrap,
	.mymelodyT--ribbon--wrap,
	.littletwinT--ribbon--wrap {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

	.mymelodyT--ribbon,
	.littletwinT--ribbon {
    margin: 0;
    background-repeat: no-repeat;
    height: 70px;
    color: #717171;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "モトヤフォント", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
		font-weight: bold;
    padding: 20px 0 0 72px;
}

	.kittyT--ribbon {
    background-image: url("https://www.keioplaza.co.jp/tama/stay/img/kitty_h02_bg.gif");
	}
	.mymelodyT--ribbon {
    background-image: url("https://www.keioplaza.co.jp/tama/stay/img/mymelody_h01_bg.gif");
	}
	.littletwinT--ribbon {
    background-image: url("https://www.keioplaza.co.jp/tama/stay/img/littletwin_h01_bg.gif");
	}

		
	
	
.mymelodyT--ribbon--wrap,
.littletwinT--ribbon--wrap {
    display: table;
}
	
	
/*アメニティ-------------------------*/
.kitty2col__item span {
    font-size: 1.05rem;
}
	

	
/*ソーシャルボタン-------------------------*/
	
.socialmediaBottom ul {
    text-align: center;
}
	
	
/*button--------------------------*/
.kittyNav__item {
    background-color: #ef9b9c;
		border-radius: 37px;}
	
/*linebox--------------------------*/
	.linebox {
		display: inline-block;
		border: 4px solid #dedede;
		border-radius: 10px;
		box-sizing:border-box;
	}
	
/*table--------------------------*/
.mymelodyTable th {
    background-color: #f8fef5;
}
.littletwinTable th {
    background-color: #fbf5fe;
}
	
/*アコーディオン--------------------------*/
.kitty_section_h3,
.mymelody_section_h3,
.littletwin_section_h3 {
    position: relative;
    width: 100%;
    margin-bottom: 13px;
}
	.kitty_section_h3 h3 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 15px 0 28px 65px;
    border: none;
    border-radius: 10px 10px 0px 0px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/kitty_h02_bg.gif) 0 0 repeat;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1.3;
}
	.mymelody_section_h3 h3 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 15px 0 28px 65px;
    border: none;
    border-radius: 10px 10px 0px 0px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/mymelody_h01_bg.gif) 0 0 repeat;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1.3;
}
		.littletwin_section_h3 h3 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 15px 0 28px 65px;
    border: none;
    border-radius: 10px 10px 0px 0px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/littletwin_h01_bg.gif) 0 0 repeat;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1.3;
}
	
	
.kitty_section_h3 .kitty_btn_top {
    position: absolute;
    top: -4px;
    right: 22px;
    width: 32px;
    height: 32px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/kitty_ic01.png) 0 0 no-repeat;
        background-size: auto;
    background-size: cover;
    z-index: 1;
}
.mymelody_section_h3 .kitty_btn_top {
    position: absolute;
    top: -4px;
    right: 22px;
    width: 32px;
    height: 32px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/mymelody_ic01.png) 0 0 no-repeat;
        background-size: auto;
    background-size: cover;
    z-index: 1;
}
.littletwin_section_h3 .kitty_btn_top {
    position: absolute;
    top: -4px;
    right: 22px;
    width: 32px;
    height: 32px;
    background: url(https://www.keioplaza.co.jp/tama/stay/img/littletwin_ic01.png) 0 0 no-repeat;
        background-size: auto;
    background-size: cover;
    z-index: 1;
}

	.kitty_section_h3,
	.mymelody_section_h3,
	.littletwin_section_h3 {
    position: relative;
    width: 100%;
    margin-bottom: 13px;
}
	.kitty_btn_bottom.close span::before, .kitty_section_h3 .kitty_btn_top.close {
    background: url(https://www.keioplaza.co.jp/tama/stay/img/kitty_ic01.png) 0 -32px no-repeat;
		background-size: auto;
    background-size: cover;
}
	.kitty_btn_bottom.close span::before, .mymelody_section_h3 .kitty_btn_top.close {
    background: url(https://www.keioplaza.co.jp/tama/stay/img/mymelody_ic01.png) 0 -32px no-repeat;
		background-size: auto;
    background-size: cover;
}
		.kitty_btn_bottom.close span::before, .littletwin_section_h3 .kitty_btn_top.close {
    background: url(https://www.keioplaza.co.jp/tama/stay/img/littletwin_ic01.png) 0 -32px no-repeat;
		background-size: auto;
    background-size: cover;
}
	

	.kitty_close {
    cursor: pointer;
}
	.kitty_section_h3 .kitty_btn_top span,
	.mymelody_section_h3 .kitty_btn_top span,
	.littletwin_section_h3 .kitty_btn_top span
	{
    display: none;
}

/*kittyYoutube------------------------*/
.kittyYoutube {
    padding: 6px 0 24px;
}
.kittyBg--pink {
		margin: 20px 0;
		padding: 30px 0 24px;
}
	
@media screen and (min-width:641px) and (max-width:767px) {
		
	.sanrioGnav.wrapper {
		width: 92%;
	}
		
	}
	
@media screen and (max-width: 640px) {
/*sanrioMainTitle------------------------*/
	.sanrioMainTitle h1 img {
		width: 80%;
	}
	
/*mokumoku------------------------*/
.mokumoku--box img {
	width: 100%;
}
/*sanrioGnav------------------------*/
.sanrioGnav {
	width: auto;
	padding: 0 10px;
	margin: 25px auto 40px;
}


	
/*CharacterMainTitle------------------------*/
	
.CharacterMainTitle {
    padding: 60px 0 20px;
    background-size: 660px 150px;
		height: 74px;
}
	
	.CharacterMainTitle.kitty img {
    width: 65%;
}
	.CharacterMainTitle.mymelody img {
    width: 65%;
}
	.CharacterMainTitle.littletwin img {
    width: 90%;
}

/*h2--------------------------*/

	.kittyT--ribbon,
	.mymelodyT--ribbon,
	.littletwinT--ribbon {
		padding: 0 10px 15px 70px;
		height: 60px;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.4;
		display: table-cell;
		vertical-align: middle;
		background-size: auto;
	}
.kittyT--ribbon--wrap {
    display: table;
}

	
.kitty_section_h3 .kitty_btn_top {
    top: -2px;
    right: 14px;
}
	
/*アメニティ------------------------*/
	
.kitty2col__item span {
    font-size: 0.9rem;
}
	
/*kittyYoutube------------------------*/
.kittyYoutube {
    padding: 6px 0 24px;
}
.kittyBg--pink {
    background-color: #fff;
		padding: 0;
		margin: 0;
}
}