/*  全ページ共通CSS */

/* clearfix */
.cf:after {content: ".";  /* 新しい要素を作る */display: block;/* ブロックレベル要素に */clear: both;height: 0;visibility: hidden;}
.blocklink{ display:block;}
body,html{color:#333;line-height:1.7;height:100%;}
body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;color:#221814;letter-spacing:0.05em;font-size:13px;}/* ゴシック */

/* フォント詳細指定 */
.gothic {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
}
.mincho {font-family:/* "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif,FOT-筑紫明朝 Pr6 L,; */"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
p.center {text-align:center;}

/* フォントサイズや色指定 */
span.red {color:#ff442b;}
span.blue {color:#00b8ee;}
span.bold, p.bold {font-weight:bold;}
span.f10 {font-size:10px;}
span.f11 {font-size:11px;}
span.f13 {font-size:13px;}
span.f16 {font-size:16px;}

/* margin */
.mb1em{margin-bottom: 1em !important;}
.mb2em{margin-bottom: 2em !important;}
.mb3em{margin-bottom: 3em !important;}

/* リンクカラーを変えた場合のhover指定用 */
a .blue:hover { color:#93e4fc}

#wrapper {	width:1050px;margin:0 auto;}
#pan {font-size:11px;margin:10px 0;}
h1{	font-family:/* "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","FOT-筑紫明朝 Pr6 L","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; */"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:0.3em;text-align:center;margin-bottom:10px;}/* 明朝 */

/* レフトメニュー */
#menu-content { width:220px;float:left; margin-bottom:20px;}
#menu { padding-top:20px;letter-spacing:0;font-size:12px; margin-bottom:30px;}
#menu .menu-ttl,#purpose .menu-ttl{font-size:16px;font-weight:bold;line-height:1;margin-bottom:0px;color:#ffe100;text-indent:0;border-bottom:1px dotted #eee;}
#menu .menu-ttl img,#purpose .menu-ttl img{ margin-right:5px;}
#menu .menu-ttl span,#purpose .menu-ttl span {font-size:10px;/* 10px */line-height:1.5;color:#999;}
#menu ul { display: none;}
#menu span { display:block;}
/*  */
#menu li {font-size:12px;line-height:2.5;border-bottom:1px dotted #eee; text-indent:1em}
#menu li.item-ttl { background:#ffffe8; font-weight:bold; font-size:15px; text-indent:0.5em}
#menu li.item-ttl img { margin-right:5px}
#menu li.cate-bg { font-size:13px;background:#fafafa; text-indent:1em; font-weight:bold}
#menu li.item { text-indent:1em;}
#menu li.item2 { text-indent:3em;}
/*  */

#menu .open:hover {background:#ffffc2;}
#menu li a { display:block;}
#menu li a:hover { background:#ffffc2;color:#00b8ee;text-decoration:underline;}
#menu .none { border-bottom:0;}
#menu li .archive0{font-size:14px;cursor:pointer;font-weight:bold;}
#menu li .archive{font-size:12px;cursor:pointer;background:#fafafa;font-weight:bold;}
#menu li .archive0 .down { vertical-align:middle;padding:14px 10px 0 0 ;float: right;}
#menu li .archive0 .icon { vertical-align:middle;margin:0 10px 0 0 ;}
#menu li .archive img { vertical-align:middle;padding:10px 10px 0 0 ;float: right;}
/* #menu li .subtsmenu li{ border-bottom:1px dotted #ccc; background:#ffffe5;}
#menu li .subtsmenu li:last-child { border-bottom:none;} */

#purpose li { font-weight:bold; line-height:3;letter-spacing:0.2em; background:url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/icon-circle-off.png) no-repeat 10px 10px; text-indent:40px;}
#purpose .menu-ttl {letter-spacing:0.05em;background:none; margin-bottom:10px;}
#purpose li a { display:block}
#purpose li a:hover { background:url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/icon-circle-on.png) no-repeat 10px 10px #ffffc2;color:#00b8ee;text-decoration:underline;}
#purpose li.none,#purpose li.none a { background-image:none; font-weight:normal;}
#purpose li.none a:hover {background-color:#ffffc2;}

/* 上へ戻る矢印ボタン */
#scrollUp {bottom: 30px;right: 30px;height: 80px;  /* Height of image */width: 80px; /* Width of image */background: url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/top.png) no-repeat;background-size: 60px 60px;}

#common_slide { width:985px;margin:10px auto;}

/*-------------------
 フッター 
 --------------------*/
footer { margin:30px auto 120px auto; width:1050px;font-size:12px;}
footer .footer-wrapper {-moz-border-radius: 10px;/* Firefox */-webkit-border-radius: 10px; /* Safari,Chrome */border-radius: 10px;/* 角丸 */border:3px #ffe100 solid;/* 枠線の装飾 */}
footer .footer-content {margin:6px;-moz-border-radius: 10px;/* Firefox */-webkit-border-radius: 10px;/* Safari,Chrome */border-radius: 10px;/* 角丸 */border: 1px #ffe100 solid;/* 枠線の装飾 */}
footer h2 {	padding:5px 0;text-align:center; background:none;border-bottom:1px solid #ffe100;font-size:22px;font-family: 'Libre Baskerville', serif; margin-bottom:20px;}
footer .inquiry { width:484px; padding:0 20px 20px; /* background:#CC0; */ float:left; margin-right:20px; height:370px; border-right:1px #ccc solid; }
footer .inquiry p { margin-bottom:10px;}
footer .inquiry h3,footer .calendar h3 {font-size:15px;font-weight:bold; margin-bottom:10px;}
footer .calendar { width:464px; /* background:#39F; */ float:right;  height:370px; padding-bottom:20px; margin-right:20px;}
footer .calendar p { clear:left;}
footer .calendar .mr2 { margin-right:2%}

/* 営業カレンダー */
.calendar-table{border-collapse:collapse;width:47%; float:left; margin-bottom:10px;font-size:12px;}
.calendar-table caption{padding-bottom:6px;font-size:14px;font-weight:bold}
.calendar-table th,.calendar-table td{border:1px solid #bbb;text-align:center;line-height:2}
.calendar-table th{background:#eee;}
.calendar-table th:first-child{color:#f30;}
.calendar-table th:last-child{color:#03c;}
.dayoff{background:#ffdfdf; color:#c00}
.square {position:relative;padding-left:34px;line-height:21px; color:#c00; margin-bottom:5px;}
.square:before {position:absolute;top:0px;left:4px;width:20px;height:20px;background:#ffdfdf;content: "";}
/* JS営業カレンダー */
.calendar-table .d2 td {font-weight:bold;font-size:14px;border:none;padding-bottom: 6px;}
.calendar-table .d3,.calendar-table .d3a {color:#c00;}
.calendar-table .d3 {background:#ffdfdf;}
.calendar-table .d4,.calendar-table .d4a {color:#c00;}
.calendar-table .d4 {background:#ffdfdf;}
/*.calendar-table .d5 {background:#ff8;font-weight:bold;}*/
.calendar-table .d6 {background:#eee;}
.calendar-table .d6 .d4,.calendar-table .d6 .d4a {color:#03c;}
.calendar-table .d7 td {font-size:13px;color:#666;padding:5px 0 0 10px;text-align:left;border:none;}
/* ご利用ガイド */
footer .guide {clear: both;padding: 20px 0 0;}
footer .guide h3 {font-size:15px;font-weight:bold; text-indent:20px;width:1030px; border-top:1px #ffe100 solid; margin-bottom:30px;padding: 25px 0 0;}
footer .guide h4 {font-size:13px;font-weight:bold;}
footer .guide ul { margin-bottom:10px; list-style:disc; padding-left:2em;}
footer .box1 { width:296px; height:220px; margin:0 20px 20px 0; padding:0 20px 0 20px; border-right:1px #ccc solid; float:left; }
footer .box2 {width:296px; height:220px;margin:0 20px 20px 0; padding-right:20px; border-right:1px #ccc solid; float:left}
footer .box3 {width:316px; height:220px; float:left; margin-bottom:20px;}
footer .menu {margin:10px 0;float:right; height:auto;font-size:11px;}
footer .menu li { float:left; margin-left:1em; font-weight:bold;}
footer .copyright { clear:both;text-align:center;font-size:9px;}

/* 171006SALE */
#sale171006 img{display: block;}
#sale171006 p{margin: 0 !important;padding: 0 !important;}
#sale171006 ul{width: 1048px;padding:9px 5px;margin: 0;background: url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/event/20171006-sale-bn-bg.gif) 0 0 no-repeat; }
#sale171006 ul:after{content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#sale171006 ul li{float: left;width:252px;padding: 0 4px;}

/*-------------------
 iframe高さ設定 
 --------------------*/
.header_frame { height:590px !important;}/* headerのiframe高さ設定 height:380or480or540or600or720or820 */
footer iframe,.footer_frame { height:930px !important;}/* footerのiframe高さ設定 */
.left_frame { height:9236px !important;}/* leftのiframe高さ設定 */
#content_left .media_frame { height:539px !important;}/* leftのevent-media.htmlのiframe高さ設定 */
.other_contents_frame { height:6240px !important;}/* other-contents.htmlのiframe高さ設定 */

/* 180313 ご利用ガイド */
.gtop_attention{padding: 0 20px 20px;}
.gtop_attention p{padding: 0 0 0 1em;text-indent: -1em;color: #ff442b;}
.gtop_attention a{color: inherit;text-decoration: underline;font-weight: bold;}
.gtop_attention a:hover{text-decoration: none;}