@charset "UTF-8";

body
{
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h2{
    font-size: 20px;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 16px;
}

/* Ａ: ナビゲーションバー */
.menu	{margin: 20;
	border: none;
	background-color: #fff;}

.menu .collapse	{margin-top: 10px;
	font-size: 12px;}

.menu .navbar-toggle	{margin-top: 17px;}

a.headerInquiry_tel {
	display: block;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 300;
	line-height: 1;
}

/* Ｂ: グローバルメニュー */

.global	{padding: 0; 
	background-color: #fff;}


@media (min-width: 768px) {

.global ul,
.global ol	{display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.global li	{display: table-cell;
	text-align: center;
	*float: left;}

.global li a	{display: block;
	padding: 10px 5px 10px 5px;
	color: #000;
	text-decoration: none;}

.global li a:hover	{background-color: #eee;}

.global li span	{display: block;
	font-size: 10px;}


/* 横に並べたリンクを区切る罫線 */
.global li a	{padding: 10px 0;
	border-right: solid 1px #aaa;}

.global li:first-child a	{border-left: solid 1px #aaa;}


/* 罫線で区切る設定 */
.global	{padding: 0;
	border-bottom: solid 1px #aaa;
	border-top: solid 1px #aaa;}


/* グラデーションの設定 */
.global	{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#fff));
	background-image: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: linear-gradient(to bottom,  #fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%);}


.global li a:hover	{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(91%,#fff), color-stop(92%,#ed1e79), color-stop(100%,#ed1e79));
	background-image: -webkit-linear-gradient(top,  #fff 0%,#fff 91%,#ed1e79 92%,#ed1e79 100%);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2VkMWU3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDFlNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/*	background-image: linear-gradient(to bottom,  #fff 0%,#fff 91%,#ed1e79 92%,#ed1e79 100%); */
	background-image: linear-gradient(to bottom,  #fff 0%,#fff 91%,var(--bg-color_04) 92%,var(--bg-color_04) 100%);
}


/* Bootstrapの設定を無効化 */
.global .navbar-nav,
.global .navbar-nav>li	{float: none;}

.global .navbar-collapse:before,
.global .navbar-collapse:after,
.global .nav:before,
.global .nav:after
	{display: none;}

} /* @media */

/* Main Visual : carousel
---------------------------------------->>*/
.carousel	{margin-bottom: 30px;}

.carousel-caption	{left: 15%;
	bottom: 40px;
	text-align: left;}

.carousel-caption h3	{font-size: 42px;}

@media (max-width: 680px) {
	.carousel-inner>.item>img	{min-width: 500px;}
	.carousel-control	{width: 20px;}
	.carousel-caption	{bottom: 0;}
	.carousel-indicators	{bottom: 0;}
	.carousel-caption h3	{font-size: 20px;}
	.carousel-caption p	{font-size: 12px;}
} /* @media */


/* 見出し 980 x 200 : col-md-8,4 用
---------------------------------------->>*/
.midashi_980_200_001	{
    position: relative;/*相対配置*/
/*    margin-bottom: 40px;*/
	padding: 0;
}

.midashi_980_200_001 img	{
    max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
	vertical-align: bottom;}

.midashi_980_200_001 h2	{
    position: absolute;/*絶対配置*/
    color: white;
    top:-8px;
    left:8px;
    display:block;
    line-height:1.2;
    text-align:left;
    letter-spacing:-4px;
/*    text-shadow:1px 1px 3px #fff,3px 3px 6px var(--bg-color_03);*/
    text-shadow:1px 1px 3px #fff,3px 3px 6px #888;
}

.midashi_980_200_001 h4{
    margin: 0;
	line-height: 1.2;
    text-align: right;
}

/* 枠の設定 */
.midashi_980_200_001 h4{
    padding: 8px;
 	color: #fff;
	background-color: #004120;
/*	background-color: var(--bg-color_03);*/
}

.midashi_980_200_001 p{
    margin: 0;
/*	font-size: 20px;*/
	line-height: 1.2;
    text-align: right;
}

/* 枠の設定 */
.midashi_980_200_001 p{
    padding: 8px;
 	color: #fff;
}

/* end */

/*schedule table
---------------------------------------->>*/
.schedule_head {
	margin-bottom: 5px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

/*table style>>*/
.schedule_table {
/*	border-top: 3px solid #f5a8f5;*/ /* Very soft magenta */
	border-top: 3px solid var(--bg-color_04);
/*	border-bottom: 3px solid #f5a8f5;/* /* Very soft magenta */
	border-bottom: 3px solid var(--bg-color_04);
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	white-space: nowrap;
}
	.schedule_table {
		box-sizing: border-box;
 		font-size: 14px;
		font-size: 1.4rem; 
	}

.schedule_table tr {
	border-bottom: 1px dotted #e5e5e5;
}

.schedule_table th {
	padding: .6em 0;
	border-left: 1px dotted #e5e5e5;
/*	background-color: #fdedfd;*/ /* Light grayish magenta */
	background-color: var(--bg-color_02);
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	text-align: center; /* 上位の指定（.schedule_table）が効いていない */
}
.schedule_table th:first-child {
	border-left: none;
}

.schedule_table td {
	background-color: #fff;
	border-left: 1px dotted #e5e5e5;
	vertical-align: middle;
/*  	font-size: 25px;
	font-size: 2.5rem; */
/*	color:#fad6fa;*/ /* Light grayish magenta */
	color: var(--bg-color_03);
}
.schedule_table td:first-child {
	border-left: none;
}
	.schedule_table td {
		padding: .25em 0;
		line-height: 1;
/*  		font-size: 20px;
		font-size: 2.0rem; */
	}
	.schedule_table td {
		padding: .25em .5em;
	}

	.schedule_table_information {
		width: 75%;
		margin: 0 auto;
		font-size: 18px;
		font-size: 1.8rem;
	}

	.schedule_table_information.schedule_table td {
		padding: 0;
		font-size: 35px;
		font-size: 3.5rem;
	}

	.schedule_table_information .schedule_time {
		font-size: 18px;
		font-size: 1.8rem;
	}

/*<<table style*/

.schedule_time {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
}
	.schedule_time {
		font-size: 14px;
		font-size: 1.4rem;
	}

.schedule_off {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
}

.schedule_caption,
.schedule_caption span {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
	.schedule_caption,
	.schedule_caption span {
		text-align: center;
	}
	.schedule_caption,
	.schedule_caption span {
		text-align: right;
	}
/*<<--------------------------------------*/


/* Ｄ１: 新着情報メニュー */
.new	{margin-bottom: 40px;
	padding: 0;}

.new h2	{margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 1.2;}

.new ul,
.new ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.new li a	{display: block;
	padding: 10px 5px 10px 5px;
	color: #000;
	text-decoration: none;}

/*.new li a:hover	{background-color: #eee;}*/
.new li a:hover	{background-color: var(--bg-color_01);}

.new time	{float: left;
	border: none;}

.new p	{margin: 0 0 0 110px;}

.new .desc	{color: #666;
	font-size: 12px;}

.new li a:after	{content: "";
	display: block;
	clear: both;}
.new li a	{*zoom: 1;}

/* 縦に並べたリンクを区切る罫線 */
.new li a	{border-bottom: solid 1px #aaa;}

/* 枠の設定 */
.new h2	{padding: 10px;
/* 	background-color: #6d0e38; */
 	color: #fff;
/*	color: #666; */
/*	background-color: #fffae1;*/
	background-color: var(--bg-color_03);
}

/* 吹き出し型にする設定 */
.new h2	{position: relative;}

.new h2:after	{content: '';
	position: absolute;
	top: 100%;
	left: 40px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
/*	border-top-color: #fffae1;*/
	border-top-color: var(--bg-color_03);
}

/* Ｄ１: アクセスメニュー */
.access	{margin-bottom: 40px;
	padding: 0;}

.access h2	{margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 1.2;}

/* 枠の設定 */
.access h2	{padding: 10px;
/* 	background-color: #6d0e38; */
 	color: #fff;
/*	color: #666; */
/*	background-color: #fad6fa;*/
	background-color: var(--bg-color_03);
}

/* 吹き出し型にする設定 */
.access h2	{position: relative;}

.access h2:after	{content: '';
	position: absolute;
	top: 100%;
	left: 40px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
/*	border-top-color: #fad6fa;*/
 	border-top-color: var(--bg-color_03);
}

.access dl {
    width:320px;
}
.access dt{
	font-weight:normal;
    float:left;
}
.access dd{
	margin-left:80px;
}

/* Sub Visual（小見出し） */
.entry	{margin-bottom: 40px;
	padding: 0;}

.entry img	{max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	vertical-align: bottom;}

.entry h2	{
    margin: 0;
/*	font-size: 20px;*/
	line-height: 1.2;
}

.entry p{
    margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.6;
}


/* 枠の設定 */
.entry h2	{padding: 10px;
/* 	background-color: #6d0e38; */
 	color: #fff;
/*	color: #666; */
/*	background-color: #fffae1;*/
	background-color: var(--bg-color_03);
}

/* 吹き出し型にする設定 */
.entry h2	{position: relative;}

.entry h2:after	{content: '';
	position: absolute;
	top: 100%;
	left: 40px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
/*	border-top-color: #fffae1;*/
	border-top-color: var(--bg-color_03);
}

.fa-green:before{
    color: #A4C639;
}
.fa-pink:before{
/*    color: #fad6fa;*/
    color: var(--bg-color_03);
}

/* Ｄ３: サブメニュー */
/*
.submenu	{margin-bottom: 40px;
	padding: 0;}

.submenu h1	{margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;}

*/

.submenu ul,
.submenu ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.submenu li a	{
/*     display: block;
	padding: 10px 5px 10px 5px; */
	color: #000;
	text-decoration: none;}

.submenu li a:hover	{background-color: #eee;}

/* 2017.06.12 del */
/* 
.submenu img	{float: left;
	border: none;}
*/

/* 2017.06.12 add */
/*
.submenu i	{float: left;
	border: none;}

.submenu p	{margin: 0 0 0 80px;}

.submenu .title	{font-size: 18px;}

.submenu .desc	{color: #666;
	font-size: 12px;}

.submenu li a:after	{content: "";
	display: block;
	clear: both;}
.submenu li a	{*zoom: 1;}
*/

/* 右矢印 */
/*
.submenu li a	{position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 30px 20px 30px 20px;
	border: solid 1px #aaa;
	color: #000;
	text-decoration: none;}

.submenu li a:before	{position: absolute;
	right: 10px;
	top: 50%;
	content: '\f054';
	margin: -8px 0 0 0;
	color: #888;
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 1;}
*/


/* フッター */
.footer	{
    padding: 195px 20px 30px 20px;
/*    background-color: #dfe3e8;*/
    background-color: #fff;
    background-image: url(img/footer.png);
    background-position: center top;
    text-align: center;
}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}

/* 写真枠 */
.img_waku01 img{
    width:100%;
    height:auto;   
}
.img_waku02{
	position:relative; /* positionの基準とするためrelativeを与えます。 */
}
.img_waku02:before{
    content: ''; /* このプロパティが無いと擬似要素は機能しません、お決まりの呪文です。 */
	display: block; /* ブロック要素にします。 */
	position: absolute; /* absoluteで上に乗っけます。 */
	top: 0; /* 縦横の値を入れるのは基本です。入れないとだめ！っと思っておくほうが今後の為いいです。 */
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6);
}

.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
}

.side-corner-tag img{
    width:100%;
    height:100%;   
}
  
.side-corner-tag p {
    display: inline;   
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 12px;
/*     background: #f5a8f5; */
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
/* background: #d93131; */
/* top: 22px; */


.side-corner-tag-bk-on {
    background: var(--bg-color_03); /* change */
}
.side-corner-tag-bk-off {
    background: #aaa;
}

.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 51px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
/*     right: 69px; */

.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 59px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}
/* top: 74px; */

/* T-POINT */
.tpoint{
    font-size:x-largex;
    
	vertical-align:middle;/*middleは中央揃え*/
}
.tpoint img{
	width: 10%;
	height: auto;
}

/*  */
/* カエレバ */
/*  */
.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba　.kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border-radius: 0px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width: 49%;
margin: 0.5%;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}