﻿@charset "UTF-8";

#content * {
    box-sizing: content-box;
}
#content [class*=dc__],
#content [class*=dc__]:after,
#content [class*=dc__]:before {
    word-break:break-all;
    box-sizing:border-box;
}
#content h1,
#content h2,
#content h3,
#content h4 {
    font-size: 1em;
}

/*!
 * SIGNATURE | CSS.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/** scss -----------------------------------------------------------------------------
*/
/* RESET
--------------------------------------------------------------------*/
/*!
* RESET.
 * version --- 1.0.0
 * updated --- 2014/10/24
*/
/*!
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }



ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

em { font-style: normal; }

/* MIXIN
--------------------------------------------------------------------*/
/*!
* MIXIN.
 * version --- 1.0.0
 * updated --- 2014/10/24
*/
/** position absolute -----------------------------------------------------------------------------
*/
/** opacity -----------------------------------------------------------------------------
*/
/** image -----------------------------------------------------------------------------
*/
/* replace image
--------------------------------------------------------------------*/
/* replace image
--------------------------------------------------------------------*/
/** text -----------------------------------------------------------------------------
*/
/* font size
--------------------------------------------------------------------*/
/* justify
--------------------------------------------------------------------*/
/* indent
--------------------------------------------------------------------*/
/** borderRadius -----------------------------------------------------------------------------
*/
/* basic
--------------------------------------------------------------------*/
/* borderRadius No BGclip
--------------------------------------------------------------------*/
/** boxShadow -----------------------------------------------------------------------------
*/
/** background -----------------------------------------------------------------------------
*/
/* bgGradation
--------------------------------------------------------------------*/
/* bg Alt
--------------------------------------------------------------------*/
/* pie Bg Gradation
--------------------------------------------------------------------*/
/* COMMON
--------------------------------------------------------------------*/
/*!
 * COMMON.
 * version --- 1.0.0
 * updated --- 2014/10/24
*/
/

.mincho, #captionContainer #caption_inner #caption_text { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/** clearfix ----------------------------------------------------------------------------- */
.clearfix, #contentContainer #content #contentBody, .guest #footerCont .clearfix, .regular #footerCont .clearfix, #new_articles ul, div.article #contentContainer #content #contentBody, div.article #contentContainer #content #contentBody .column5-5, div.article #contentContainer #content #contentBody .sp_column5-5, div.article #contentContainer #content #contentBody .note, div.article #contentContainer #content #contentBody .fullcolumn5-5, div.article #contentContainer #content #contentBody #topvisual, div.article #contentContainer #content #contentBody .textmotion, div.article #contentContainer #content #contentBody .linelayout_pict, div.article #captionContainer #caption_inner, #contentContainer #content #contentBody #items_section #items_list .item_box .inner, .AdsContainer .inner, .AdsContainer .adinfo, body.index #contentContainer #content #contentBody, body.login #contentContainer #content #contentBody #login_box, #contentRecommend .inner, #contentRecommend #recommendHead, #contentRecommend #recommendMain #recommendLink > ul, .bumperContainer .inner p.btn { zoom: 1; }

.clearfix:after, #contentContainer #content #contentBody:after, .guest #footerCont .clearfix:after, .regular #footerCont .clearfix:after, #new_articles ul:after, div.article #contentContainer #content #contentBody:after, div.article #contentContainer #content #contentBody .column5-5:after, div.article #contentContainer #content #contentBody .sp_column5-5:after, div.article #contentContainer #content #contentBody .note:after, div.article #contentContainer #content #contentBody .fullcolumn5-5:after, div.article #contentContainer #content #contentBody #topvisual:after, div.article #contentContainer #content #contentBody .textmotion:after, div.article #contentContainer #content #contentBody .linelayout_pict:after, div.article #captionContainer #caption_inner:after, #contentContainer #content #contentBody #items_section #items_list .item_box .inner:after, .AdsContainer .inner:after, .AdsContainer .adinfo:after, body.index #contentContainer #content #contentBody:after, body.login #contentContainer #content #contentBody #login_box:after, #contentRecommend .inner:after, #contentRecommend #recommendHead:after, #contentRecommend #recommendMain #recommendLink > ul:after, .bumperContainer .inner p.btn:after { content: ""; display: block; clear: both; }

/** boxsize ----------------------------------------------------------------------------- */
.boxsize { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

/* BASE
--------------------------------------------------------------------*/
/** base -----------------------------------------------------------------------------
*/


/* body
--------------------------------------------------------------------*/
body { width: 100%; height: 100%; position: relative; /*font: 12px/1.5 "ＭＳ Ｐゴシック","メイリオ",arial,helvetica,clean,sans-serif;
font-size: 78%;
*/ }
body br.sp { display: none; }
body #headerCont { width: 100%; min-width: 950px; }
body #headerCont .mr10 { margin-right: 10px; }
body #headerCont #headerArea .head .Inner { float: left; }
body.guest #headerCont, body.guest #footerCont { font: 12px/1.5 "ＭＳ Ｐゴシック","メイリオ",arial,helvetica,clean,sans-serif; font-size: 78%; line-height: 167%; }
body.guest #headerCont img, body.guest #footerCont img { vertical-align: top; }
body.regular #headerCont, body.regular #footerCont { font: 12px/1.5 "ＭＳ Ｐゴシック","メイリオ",arial,helvetica,clean,sans-serif; font-size: 78%; line-height: 167%; }
body.regular #headerCont img, body.regular #footerCont img { vertical-align: top; }
body.guest #footerCont, body.regular #footerCont { background: #1a1a1a; }

/** link -----------------------------------------------------------------------------
*/
/*a:link, a:visited { color: #fff; text-decoration: none; }*/

/*a:hover, a:active { color: #fff; text-decoration: none; }*/

/*a:focus { -moz-outline-style: none; }*/

/** base content. -----------------------------------------------------------------------------
*/
/* contentContainer
--------------------------------------------------------------------*/
#contentContainer { font-size: 16px; line-height: 1; font-family: Arial,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif; 			/*&.autofix{

				#contentHeader{
					position: fixed;
					height: 98px;top:0;width:100%;z-index: 5;
				}

				padding-top:98px;
			}*/ /* header
--------------------------------------------------------------------*/ /* content
--------------------------------------------------------------------*/ /*
--------------------------------------------------------------------*/ }
.premium #contentContainer { font-size: 16px; line-height: 1; font-family: Arial,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif; }
#contentContainer #contentHeader { width: 100%; height: 98px; text-align: left; }
.premium #contentContainer #contentHeader { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contentContainer #contentHeader .inner { width: 950px; margin: 0 auto; position: relative; }
#contentContainer #contentHeader .inner h1 { margin: 0 0 0 380px; }
#contentContainer #contentHeader .inner #contentNav { height: 45px; }
#contentContainer #contentHeader .inner #contentNav ul { margin-top: 4px; }
#contentContainer #contentHeader .inner #contentNav ul li { float: left; margin: 0 35px 0 10px; font-size: 0.875em; }
#contentContainer #contentHeader .inner #contentNav ul li a { display: block; padding: 15px 0 15px 0; }
#contentContainer #contentHeader .inner #contentNav ul li a:hover { color: #0069aa; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#contentContainer #contentHeader .inner #contentNav ul li#nav_items { float: right; margin: 0 0 0 0; }
#contentContainer #contentHeader .inner #contentNav ul li#nav_items a { padding: 12px 0 15px 26px; }
.guest #contentContainer #contentHeader .inner #contentNav ul li#nav_items a, .regular #contentContainer #contentHeader .inner #contentNav ul li#nav_items a { background: url(/content/dam/diners/img/magazine/icon_header_cart.png) left 3px no-repeat; }
.premium #contentContainer #contentHeader .inner #contentNav ul li#nav_items a { background: url(/content/dam/diners/img/magazine/icon_header_cart_premium.png) left 3px no-repeat; }
#contentContainer #contentHeader .inner #contentNav ul li#nav_items a:hover { background: url(/content/dam/diners/img/magazine/icon_header_cart_active.png) left 3px no-repeat; }
#contentContainer #contentHeader .inner #signature_signin { position: absolute; top: 27px; right: 0; height: 18px; font-size: 0.75em; }
#contentContainer #contentHeader .inner #signature_signin a { height: 12px; padding: 6px 20px 0px 2px; }
.guest #contentContainer #contentHeader .inner #signature_signin a { color: #0069aa; background: url(/content/dam/diners/img/magazine/icon_header_login.png) right center no-repeat; }
.regular #contentContainer #contentHeader .inner #signature_signin a { color: #333; background: url(/content/dam/diners/img/magazine/icon_header_logout.png) right center no-repeat; }
.premium #contentContainer #contentHeader .inner #signature_signin a { color: #ccc; background: url(/content/dam/diners/img/magazine/icon_header_logout.png) right center no-repeat; }
#contentContainer #contentHeader .inner #signature_signin a:hover { text-decoration: underline; }
.guest #contentContainer #contentHeader { background: #fff; color: #333333; }
.guest #contentContainer #contentHeader .inner { height: 73px; padding-top: 19px; }
.guest #contentContainer #contentHeader h1 a { display: block; position: relative; overflow: hidden; width: 205px; height: 0px; padding-top: 30px; background: url("/content/dam/diners/img/magazine/logo_signature.png") 0 0 no-repeat; line-height: 2; }
.guest #contentContainer #contentHeader a { color: #333333; }
.regular #contentContainer #contentHeader { background: #fff; background-image: -moz-linear-gradient(bottom, #EEE 0%, #FFF 100%); background-image: -o-linear-gradient(bottom, #EEE 0%, #FFF 100%); background-image: -webkit-linear-gradient(bottom, #EEE 0%, #FFF 100%); background-image: linear-gradient(to top, #EEE 0%, #FFF 100%); color: #333333; }
.regular #contentContainer #contentHeader .inner { height: 73px; padding-top: 19px; }
.regular #contentContainer #contentHeader h1 a { display: block; position: relative; overflow: hidden; width: 205px; height: 0px; padding-top: 30px; background: url("/content/dam/diners/img/magazine/logo_signature.png") 0 0 no-repeat; line-height: 2; }
.regular #contentContainer #contentHeader a { color: #333333; }
.premium #contentContainer #contentHeader { background: #000; color: #fff; }
.premium #contentContainer #contentHeader .inner { height: 73px; padding-top: 19px; }
.premium #contentContainer #contentHeader h1 a { display: block; position: relative; overflow: hidden; width: 315px; height: 0px; padding-top: 30px; background: url("/content/dam/diners/img/magazine/logo_signature_premium.png") 0 0 no-repeat; line-height: 2; }
.premium #contentContainer #contentHeader a { color: #ccc; }
.ua-ie-8 .premium #contentContainer #contentHeader #contentNav a, .ua-ie-9 .premium #contentContainer #contentHeader #contentNav a { font-size: 14px; line-height: 1.4; }
#contentContainer #contentHeader .active a, #index #contentContainer #contentHeader #nav_index a, #travel #contentContainer #contentHeader #nav_travel a, #gourmet #contentContainer #contentHeader #nav_gourmet a, #fashion #contentContainer #contentHeader #nav_fashion a, #lifestyle #contentContainer #contentHeader #nav_lifestyle a, #culture #contentContainer #contentHeader #nav_culture a, #ginza #contentContainer #contentHeader #nav_ginza a, #kyoto #contentContainer #contentHeader #nav_kyoto a, #items #contentContainer #contentHeader #nav_items a { color: #0069aa; font-weight: bold; }
#items #contentContainer #contentHeader #nav_items a { background: url(/content/dam/diners/img/magazine/icon_header_cart_active.png) left 3px no-repeat !important; }
#contentContainer #content { margin: 0 auto 0 auto; width: 100%; position: relative; clear: both; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; }
#contentContainer #content.open_cont { height: auto; overflow: auto; }
#contentContainer #content #contentBody { width: 950px; margin: 0 auto; padding-bottom: 100px; }
.article #contentContainer #content #contentBody { padding-bottom: 0; }
.guest #contentContainer #content { background: #fff; color: #333; }
.regular #contentContainer #content { background: #eee; color: #333; }
.premium #contentContainer #content { background: #000; color: #fff; }

.guest #footerCont, .regular #footerCont { /* linkBlock01 */ /* linkIconBlock01 */ /* linkBlock02 */ }
.guest #footerCont .lhClear, .regular #footerCont .lhClear { line-height: 110% !important; }
.guest #footerCont .mt2, .regular #footerCont .mt2 { margin-top: 6px; }
.guest #footerCont .mt5, .regular #footerCont .mt5 { margin-top: 5px; }
.guest #footerCont .mt15, .regular #footerCont .mt15 { margin-top: 15px; }
.guest #footerCont .mb10, .regular #footerCont .mb10 { margin-bottom: 10px; }
.guest #footerCont .mb20, .regular #footerCont .mb20 { margin-bottom: 20px; }
.guest #footerCont .mr10, .regular #footerCont .mr10 { margin-right: 10px; }
.guest #footerCont .linkBlock01, .regular #footerCont .linkBlock01 { background: url("/ja/img/common/ico_link_001.gif") left 0.6em no-repeat; padding-left: 8px; }
.guest #footerCont a.linkBlock01, .regular #footerCont a.linkBlock01 { display: inline-block; }
.guest #footerCont .lhClear .linkBlock01, .regular #footerCont .lhClear .linkBlock01 { background-position: left 0.3em !important; }
.guest #footerCont #headerArea .topBlock .linkBlock01, .guest #footerCont #footerArea .linkBlock01, .guest #footerCont #footer .linkBlock01, .guest #footerCont #mainArea .newsArea .linkBlock01, .guest #footerCont #navArea .navTxtArea .linkBlock01, .regular #footerCont #headerArea .topBlock .linkBlock01, .regular #footerCont #footerArea .linkBlock01, .regular #footerCont #footer .linkBlock01, .regular #footerCont #mainArea .newsArea .linkBlock01, .regular #footerCont #navArea .navTxtArea .linkBlock01 { background: url("/ja/img/common/ico_link_001b.gif") left 0.6em no-repeat; }
.guest #footerCont .linkIconBlock01, .regular #footerCont .linkIconBlock01 { margin-right: 2px; _background-position: left 0.3em; }
.guest #footerCont .linkIconBlock01 img, .regular #footerCont .linkIconBlock01 img { margin-left: 5px; vertical-align: -1px; }
.guest #footerCont #navArea .navTxtArea li, .regular #footerCont #navArea .navTxtArea li { margin-top: 5px; }
.guest #footerCont .linkBlock02, .regular #footerCont .linkBlock02 { background: url("/ja/img/common/ico_link_002.gif") left 0.6em no-repeat; padding-left: 10px; }
.guest #footerCont a.linkBlock02, .regular #footerCont a.linkBlock02 { display: inline-block; }
.guest #footerCont .lhClear .linkBlock02, .regular #footerCont .lhClear .linkBlock02 { background-position: left 0.2em !important; }
.guest #footerCont #footerArea .linkBlock02, .regular #footerCont #footerArea .linkBlock02 { background: url("/ja/img/common/ico_link_002b.gif") left 0.3em no-repeat; }

/* footer
--------------------------------------------------------------------*/
.premium #footerCont { font-size: 12px; line-height: 1.67; text-align: left; position: relative; clear: both; width: 100%; background-color: #212121; border-top: #2f2f2f 1px solid; color: #848484; }
.premium #footerCont img { vertical-align: middle; }
.premium #footerCont a { padding: 2px; }
.premium #footerCont a:link, .premium #footerCont a:visited { color: #848484; text-decoration: none; }
.premium #footerCont a:hover, .premium #footerCont a:active { color: #848484; text-decoration: underline; }
.premium #footerCont a img { padding-left: 5px; }
.premium #footerCont #footerLinkArea { border-bottom: #111111 1px solid; }
.premium #footerCont #footerLinkArea nav { width: 950px; margin: 0 auto; padding: 15px 0; text-align: left; }
.premium #footerCont #footerLinkArea .linkArea02Inner { text-align: center; line-height: 2em; }
.premium #footerCont #footerContainer { border-top: #2f2f2f 1px solid; }
.premium #footerCont #footerContainer footer { width: 950px; margin: 0 auto; padding: 20px 0 15px 0; text-align: left; }
.premium #footerCont #footerContainer footer nav { width: 500px; float: right; }
.premium #footerCont #footerContainer footer nav ul li { clear: both; float: right; display: block; margin-bottom: 11px; padding-left: 8px; background: url(/content/dam/diners/img/magazine/contents_ico03.gif) no-repeat 0 50%; }
.premium #footerCont #footerContainer footer .logo { float: left; }
.premium #footerCont #footerContainer footer .logo p { float: left; margin-right: 10px; }
.premium #footerCont #footerContainer footer .logo small { display: block; float: left; clear: both; margin: 4px 0 3px 0; font-size: 0.688em; }
.premium #footerCont #footerContainer footer .logo a img { padding-left: 0px; }

/** object. -----------------------------------------------------------------------------
*/
#contentBodyMain { width: 656px; position: relative; float: left; }
#contentBodyMain .btn_more { clear: both; width: 174px; height: 36px; background: #0069aa; text-align: center; margin-left: 210px; }
#contentBodyMain .btn_more a { display: block; width: 174px; height: 26px; font-size: 1.125em; color: #fff; padding: 10px 0 0 0; }
#contentBodyMain .btn_more a span { padding-left: 4px; }
#contentBodyMain .btn_more:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.premium #contentBodyMain .btn_more { background: #bbbbbb; }
.premium #contentBodyMain .btn_more a { color: #000; }

#contentBodySub { width: 270px; position: relative; float: right; }
.category #contentBodySub { padding-top: 24px; }
#contentBodySub a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* contentFooter
--------------------------------------------------------------------*/
#contentFooter { position: relative; clear: both; font: 13px/1.67 arial,"ＭＳ Ｐゴシック","メイリオ",helvetica,clean,sans-serif; text-align: left; /*font-size:16px;line-height: 1.67;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;*/ }

/* basic info.
--------------------------------------------------------------------*/
.basicinfo { font-size: 13px; line-height: 1.67; /*
.info_{
	margin: 8px 0 0px 0;
}*/ }
.basicinfo h4 { line-height: 150%; padding-bottom: 10px; }
.basicinfo h4 span { display: block; }
.basicinfo h4.premium_desk { font-weight: bold; }
.basicinfo .info_tel { padding-left: 42px; min-height: 30px; margin: 0 0 8px 0; padding-top: 2px; background: url(/content/dam/diners/img/magazine/content_ico_tel.png) top left no-repeat; font-size: 13px; }
.basicinfo .info_tel2 { padding-left: 42px; min-height: 30px; margin: 0 0 8px 0; padding-top: 2px; background: url(/content/dam/diners/img/magazine/content_ico_tel.png) center left no-repeat; font-size: 13px; }
.basicinfo .info_tel .tel_no,
.basicinfo .info_tel2 .tel_no { display: block; }
.basicinfo .info_tel .tel_no.pc_dispin,.basicinfo .info_tel2 .tel_no.pc_dispin { display: inline; }
.basicinfo .info_tel .tel_no.dispin,.basicinfo .info_tel2 .tel_no.dispin { display: inline; }
.basicinfo .info_tel.nocap,.basicinfo .info_tel2.nocap { padding-top: 5px; min-height: 27px; }
.basicinfo .info_tel.pc_nocap,.basicinfo .info_tel2.pc_nocap { padding-top: 5px; min-height: 27px; }
.basicinfo .info_tel a,.basicinfo .info_tel2 a { color: #000; font-size: 13px; text-decoration: underline; }
.basicinfo .info_web { padding-left: 42px; min-height: 32px; margin: 0 0 8px 0; background: url(/content/dam/diners/img/magazine/content_ico_web.png) top left no-repeat; font-size: 13px; }
.basicinfo .info_web a { display: block; font-size: 13px; min-height: 28px; padding-top: 4px; color: #000; text-decoration: underline; }
.basicinfo .info_web a:hover { text-decoration: none; }
.basicinfo.white a, .basicinfo.pc_white a { color: #fff; text-decoration: underline; }
.basicinfo.white a:hover, .basicinfo.pc_white a:hover { text-decoration: none; }
.basicinfo.white .info_tel, .basicinfo.pc_white .info_tel { background: url(/content/dam/diners/img/magazine/content_ico_tel_w.png) top left no-repeat; }
.basicinfo.white .info_tel2, .basicinfo.pc_white .info_tel2 { background: url(/content/dam/diners/img/magazine/content_ico_tel_w.png) center left no-repeat; }
.basicinfo.white .info_tel a, .basicinfo.pc_white .info_tel a,
.basicinfo.white .info_tel2 a, .basicinfo.pc_white .info_tel2 a{ color: #fff; }
.basicinfo.white .info_web, .basicinfo.pc_white .info_web { background: url(/content/dam/diners/img/magazine/content_ico_web_w.png) top left no-repeat; }
.basicinfo.white .info_web a, .basicinfo.pc_white .info_web a { color: #fff; }

/* benefit guide.
--------------------------------------------------------------------*/
#bg_detailContainer { font-size: 13px; line-height: 1.67; }

.benefitinfobox .benefiturl a { text-decoration: underline; }

/* log_container.
--------------------------------------------------------------------*/
.log_container, #deqwas-collection-k { display: block; position: relative; overflow: hidden; height: 0; }

.premium #headerCont #headerContainerPC { display: block; }

/*!
 * SIGNATURE |
 * version --- 1.0.0
 * updated --- 2014/12
*/
/** new articles -----------------------------------------------------------------------------
*/
#new_articles { width: 598px; position: relative; clear: both; }
#new_articles #filter_category { position: absolute; top: 25px; right: 0; }
#new_articles h2 { font-size: 1.5em; padding-bottom: 14px; width: 598px; }
#new_articles ul { width: 656px; }
#new_articles ul li { width: 270px; padding-top: 203px; margin-right: 58px; padding-bottom: 32px; position: relative; float: left; }
#new_articles ul li a { display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#new_articles ul li a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#new_articles ul li a .label { position: absolute; top: 10px; left: -11px; }
#new_articles ul li .date { color: #999; font-size: 0.75em; padding-right: 8px; }
#new_articles ul li .tag { color: #0069aa; font-size: 0.75em; }
#new_articles ul li .title { font-weight: bold; font-size: 1em; line-height: 1.4; padding-top: 5px; }
.guest #new_articles ul li .title, .regular #new_articles ul li .title { color: #333; }
.premium #new_articles ul li .title { color: #fff; }
#new_articles ul li .checked { color: #999; font-size: 0.75em; padding-left: 16px; float: right; margin-top: 2px; background: url(/content/dam/diners/img/magazine/icon_checked.png) left 50% no-repeat; }
#new_articles ul li .lead { font-size: 0.875em; padding-top: 3px; line-height: 1.5; }
.guest #new_articles ul li .lead, .regular #new_articles ul li .lead { color: #333; }
.premium #new_articles ul li .lead { color: #aaa; }
#new_articles ul li .pict { position: absolute; top: 0; left: 0; width: 270px; height: 192px; overflow: hidden; }
#new_articles ul li .pict img { width: 270px; height: auto; }
.category #new_articles { padding-top: 23px; }
.category #new_articles ul li:first-child { width: 598px; padding-top: 435px; margin-right: 58px; padding-bottom: 32px; }
.category #new_articles ul li:first-child .pict { position: absolute; top: 0; left: 0; width: 598px; height: 424px; overflow: hidden; }
.category #new_articles ul li:first-child .pict img { width: 598px; height: auto; }

/*!
 * SIGNATURE | SCSS information.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
/* information
--------------------------------------------------------------------*/
#information { margin-top: 80px; width: 598px; position: relative; clear: both; }
#information h2 { font-size: 1.5em; padding-bottom: 12px; width: 598px; }
#information ul { padding-bottom: 10px; }
#information ul li { width: 598px; padding-top: 20px; padding-bottom: 30px; min-height: 170px; posibody
tion: relative; clear: both; }
#information ul li .date { font-size: 0.75em; padding-bottom: 10px; color: #999; }
#information ul li .title { font-size: 0.875em; padding-bottom: 8px; }
.guest #information ul li .title, .regular #information ul li .title { color: #333; }
.premium #information ul li .title { color: #fff; }
#information ul li .lead { font-size: 1em; font-weight: bold; line-height: 1.3; padding-bottom: 0.8em; }
.guest #information ul li .lead, .regular #information ul li .lead { color: #333; }
.premium #information ul li .lead { color: #fff; }
#information ul li .text { font-size: 0.875em; line-height: 1.5; display: none; width: 430px; padding-bottom: 1em; }
.guest #information ul li .text, .regular #information ul li .text { color: #333; }
.premium #information ul li .text { color: #aaaaaa; }
#information ul li.open .text { display: block; }
#information ul li .pict { position: absolute; top: 20px; right: 0; }
#information ul li a { color: #0069aa; }
#information ul li a:hover { color: #7fb4d4; }
#information ul li .btn_detail { font-size: 0.875em; }
#information ul li .btn_detail a span { padding-left: 0px; }
.guest #information ul li { color: #333; border-top: 1px solid #dddddd; }
.regular #information ul li { color: #333; border-top: 1px solid #dddddd; }
.premium #information ul li { color: #fff; border-top: 1px solid #222222; }


body.page.basicpage.guest { /* captionContainer
--------------------------------------------------------------------*/ }
body.page.basicpage.guest #contentContainer #content { position: relative; clear: both; overflow: hidden; font: 13px/1.67 arial,"ＭＳ Ｐゴシック","メイリオ",helvetica,clean,sans-serif; background: #fff; color: #000; width: 100%; margin: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody { width: 100%; position: relative; clear: both; /*====================================================================
BASE CONTENT
====================================================================*/ /* pt
--------------------------------------------------------------------*/ /* headline
--------------------------------------------------------------------*/ /* basic title
--------------------------------------------------------------------*/ /* ttl_interview
--------------------------------------------------------------------*/ /* paragraph
--------------------------------------------------------------------*/ /* benefit.
--------------------------------------------------------------------*/ /*====================================================================
BASE LAYOUR
====================================================================*/ /* section
--------------------------------------------------------------------*/ /* ?
--------------------------------------------------------------------*/ /* column
--------------------------------------------------------------------*/ /* column5-5
--------------------------------------------------------------------*/ /* wm photo
--------------------------------------------------------------------*/ /* column5-5
--------------------------------------------------------------------*/ /* fullcolumn5-5
--------------------------------------------------------------------*/ /* single-pict
--------------------------------------------------------------------*/ /* youtube / video
--------------------------------------------------------------------*/ /* caption
--------------------------------------------------------------------*/ /*====================================================================
Column
====================================================================*/ /*====================================================================
BASIC PARTS
====================================================================*/ /* topvisual
--------------------------------------------------------------------*/ /* textmotion
--------------------------------------------------------------------*/ /* linelayout pict
--------------------------------------------------------------------*/ /*====================================================================
slideshow
====================================================================*/ /*====================================================================
overwrap_photo
====================================================================*/ /*====================================================================
Panorama
====================================================================*/ /*====================================================================
slider
====================================================================*/ /*====================================================================
BASIC CONTENTS
====================================================================*/ /* TravelFeature   ttl_label
--------------------------------------------------------------------*/ /*====================================================================
VALUES｜ダイナースクラブ プレミアムカード｜SETTING
====================================================================*/ /* color
--------------------------------------------------------------------*/ /* font size
--------------------------------------------------------------------*/ /* pt
--------------------------------------------------------------------*/ /* pb
--------------------------------------------------------------------*/ /*
--------------------------------------------------------------------*/ /* update.
--------------------------------------------------------------------*/ /* add 140617 */ /* add 140702 */ /* add 140703 */ /* add 140717 */ /* add 140729 */ /* add 140805 */ /* add 140821 */ /* add 140901 */ /* add 140908 */ /* add 140912 */ /* add 140929 */ /* add 141006 */ /* add 141020 */ /* add 141024 */ /* add Signature */ }
body.page.basicpage.guest #contentContainer #content #contentBody .gothic,  #contentContainer #content { font-family: arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body.page.basicpage.guest #contentContainer #content #contentBody .mincho, body.page.basicpage.guest #contentContainer #content #contentBody #captionContainer #caption_inner #caption_text, body.page.basicpage.guest #captionContainer #caption_inner #contentContainer #content #contentBody #caption_text { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
body.page.basicpage.guest #contentContainer #content #contentBody .black { color: #000000; }
body.page.basicpage.guest #contentContainer #content #contentBody .white { color: #ffffff; }
body.page.basicpage.guest #contentContainer #content #contentBody .arizonared { color: #e70000; }
body.page.basicpage.guest #contentContainer #content #contentBody .nostalgiared { color: #7b1043; }
body.page.basicpage.guest #contentContainer #content #contentBody .lightgray { color: #787878; }
body.page.basicpage.guest #contentContainer #content #contentBody .bgblack { background-color: #232323; }
body.page.basicpage.guest #contentContainer #content #contentBody .bgfullblack { background-color: #000; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize400 { font-size: 400%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize240 { font-size: 240%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize210 { font-size: 210%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize180 { font-size: 180%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize150 { font-size: 150%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize105 { font-size: 105%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize80 { font-size: 80%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line250 { line-height: 250%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line200 { line-height: 200%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line190 { line-height: 190%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line180 { line-height: 180%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line170 { line-height: 170%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line160 { line-height: 160%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line150 { line-height: 150%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line145 { line-height: 145%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line140 { line-height: 140%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line130 { line-height: 130%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line120 { line-height: 120%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line110 { line-height: 110%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line100 { line-height: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .line80 { line-height: 80%; }
body.page.basicpage.guest #contentContainer #content #contentBody .bold { font-weight: bold; font-size:100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .ltsp-1 { letter-spacing: -1px; }
body.page.basicpage.guest #contentContainer #content #contentBody .ltsp1 { letter-spacing: 1px; }
body.page.basicpage.guest #contentContainer #content #contentBody .ltsp2 { letter-spacing: 2px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt450 { padding-top: 450px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt440 { padding-top: 440px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt430 { padding-top: 430px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt420 { padding-top: 420px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt410 { padding-top: 410px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt400 { padding-top: 400px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt390 { padding-top: 390px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt380 { padding-top: 380px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt370 { padding-top: 370px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt360 { padding-top: 360px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt350 { padding-top: 350px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt340 { padding-top: 340px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt330 { padding-top: 330px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt320 { padding-top: 320px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt310 { padding-top: 310px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt300 { padding-top: 300px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt290 { padding-top: 290px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt280 { padding-top: 280px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt270 { padding-top: 270px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt260 { padding-top: 260px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt250 { padding-top: 250px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt240 { padding-top: 240px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt230 { padding-top: 230px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt220 { padding-top: 220px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt210 { padding-top: 210px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt200 { padding-top: 200px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt190 { padding-top: 190px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt180 { padding-top: 180px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt170 { padding-top: 170px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt160 { padding-top: 160px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt150 { padding-top: 150px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt140 { padding-top: 140px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt145 { padding-top: 145px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt130 { padding-top: 130px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt135 { padding-top: 135px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt120 { padding-top: 120px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt125 { padding-top: 125px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt110 { padding-top: 110px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt115 { padding-top: 115px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt100 { padding-top: 100px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt105 { padding-top: 105px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt90 { padding-top: 90px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt95 { padding-top: 95px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt80 { padding-top: 80px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt85 { padding-top: 85px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt70 { padding-top: 70px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt75 { padding-top: 75px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt60 { padding-top: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt65 { padding-top: 65px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt50 { padding-top: 50px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt55 { padding-top: 55px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt40 { padding-top: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt45 { padding-top: 45px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt30 { padding-top: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt35 { padding-top: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt20 { padding-top: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt25 { padding-top: 25px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt10 { padding-top: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt15 { padding-top: 15px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt0 { padding-top: 0px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pt5 { padding-top: 5px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb5 { padding-bottom: 5px; }
body.page.basicpage.guest #contentContainer #content #contentBody .fleft { float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fright { float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .talgnr { text-align: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .talgnc { text-align: center; }
body.page.basicpage.guest #contentContainer #content #contentBody .clrl { clear: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .clrr { clear: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .dispin { display: inline; }
body.page.basicpage.guest #contentContainer #content #contentBody .dispblock span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .nodispblock span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .vab { vertical-align: bottom; }
body.page.basicpage.guest #contentContainer #content #contentBody .vam { vertical-align: middle; }
body.page.basicpage.guest #contentContainer #content #contentBody .releative { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .relative { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .ab { position: absolute; top: 0; left: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .ab_rt { position: absolute; top: 0; right: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .w100 { width: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody hr { border: none; margin: 0; padding: 0; width: 100%; height: 3px; background: url(/content/dam/diners/img/magazine/content_sectionline.gif) bottom left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody .ua-ie-7 hr { display: inline; font-size: 0; overflow: hidden; zoom: 1; line-height: 0; overflow: hidden; position: relative; height: 3px !important; background: url(/content/dam/diners/img/magazine/content_sectionline.gif) top left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody .hr_ie7 { clear: both; margin: 0; padding: 0; width: 100%; height: 3px; background: url(/content/dam/diners/img/magazine/content_sectionline.gif) bottom left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody .fp-embed { display: none !important; }
body.page.basicpage.guest #contentContainer #content #contentBody h1 span, body.page.basicpage.guest #contentContainer #content #contentBody h2 span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody h2.normal { font-size: 150%; margin-bottom: 1.5em; line-height: 130%; }
body.page.basicpage.guest #contentContainer #content #contentBody h3.normal { font-weight: bold; line-height: 250%; font-size: 90%; }
body.page.basicpage.guest #contentContainer #content #contentBody .basictitle .en { font-size: 190%; line-height: 1.3em; }
body.page.basicpage.guest #contentContainer #content #contentBody .basictitle .en_ttl { font-size: 300%; line-height: 1.3em; }
body.page.basicpage.guest #contentContainer #content #contentBody .basictitle .jp_ttl { font-size: 200%; line-height: 1.3em; padding-top: 0.25em; padding-bottom: 0.3em; }
body.page.basicpage.guest #contentContainer #content #contentBody .lead { line-height: 1.5em; }
body.page.basicpage.guest #contentContainer #content #contentBody .lead.mincho, body.page.basicpage.guest #contentContainer #content #contentBody #captionContainer #caption_inner .lead#caption_text, body.page.basicpage.guest #captionContainer #caption_inner #contentContainer #content #contentBody .lead#caption_text { font-size: 105%; }
body.page.basicpage.guest #contentContainer #content #contentBody .cap { font-size: 110%; }
body.page.basicpage.guest #contentContainer #content #contentBody p.normal { margin-bottom: 2em; line-height: 250%; font-size: 110%; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
body.page.basicpage.guest #contentContainer #content #contentBody p.normal .dropcap { font-size: 300%; margin-right: 0.1em; line-height: 1.5em; }
body.page.basicpage.guest #contentContainer #content #contentBody p.normal .dropcap_num { font-size: 300%; line-height: 1.5em; }
body.page.basicpage.guest #contentContainer #content #contentBody p.normal.last { margin-bottom: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody p.normal.talgnc { text-align: center; }
body.page.basicpage.guest #contentContainer #content #contentBody .benefit_txturl a { display: block; color: #333; text-decoration: underline; }
body.page.basicpage.guest #contentContainer #content #contentBody .benefit_txturl a:hover { text-decoration: none; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo { position: relative; clear: both; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo h3 { width: 420px; padding: 6px 15px 5px 15px; font-size: 1em; font-weight: bold; color: #fff; /* border radius */ -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #9b844f; background-image: -webkit-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -moz-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -o-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -ms-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: linear-gradient(to top, #79663a, #9f8752 94%); }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefitbody { position: relative; width: 416px; padding: 16px 16px 18px 16px; font-size: 1em; color: #333; line-height: 1.6em; /* border radius */ -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f1e4; border: 1px solid #cdc2a9; border-top: none; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefitbody ul { padding-top: 0.1em; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefitbody ul li { padding-left: 0.2em; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefiturl { text-align: right; margin-top: 1em; color: #836f40; font-weight: bold; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefiturl span { font-size: 1em; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefiturl a { display: inline; color: #836f40; text-decoration: underline; }
body.page.basicpage.guest #contentContainer #content #contentBody #benefitinfo .benefiturl a:hover { text-decoration: none; }
body.page.basicpage.guest #contentContainer #content #contentBody .section { clear: both; position: relative; width: 100%; padding-bottom: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .section .inner { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .section.hasline { background: url(/content/dam/diners/img/magazine/content_sectionline.gif) bottom left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody .section.pb0 { padding-bottom: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .section.pc_pb0 { padding-bottom: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .inner_section { width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .video_section { clear: both; position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .video_section .videobox { width: 950px; }
body.page.basicpage.guest #contentContainer #content #contentBody .left { width: 445px; }
body.page.basicpage.guest #contentContainer #content #contentBody .single-column { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn { position: relative; width: 100%; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 { width: 950px; margin: 0 auto; 						/*.masonry_photo{
							.masonry_item{
							}
						}

						.wm_wwphoto{
							clear:both;position: relative;
						}

						.wm_photo_rp{
							@extend .clearfix;
							span{
								float:left;
							}
							img{
								margin-bottom: 4px;
							}

							.p_item{
								margin-left: 4px;
							}
						}*/ }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .left, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .left { float: left; width: 445px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .right, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .right { float: right; width: 445px; text-align: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo_tile img, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo_tile img { margin-bottom: 4px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo_rtile, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo_rtile { width: 100%; text-align: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo_rtile img, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo_rtile img { margin-bottom: 4px; margin-right: 4px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo img, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo img { vertical-align: top; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_item img, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_item img { margin-bottom: 0px; vertical-align: bottom; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_photo_w2, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_photo_w2 { width: 440px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_photo_w2 .wm_item, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_photo_w2 .wm_item { margin-bottom: 4px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_photo_w2 .wm_item.w2_l, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_photo_w2 .wm_item.w2_l { float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_photo_w2 .wm_item.w2_r, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_photo_w2 .wm_item.w2_r { float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .photo .wm_photo_w2 .wm_item.w2, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .photo .wm_photo_w2 .wm_item.w2 { clear: both; }
body.page.basicpage.guest #contentContainer #content #contentBody .wm_photo_w1 .wm_item { margin-bottom: 3px; }
body.page.basicpage.guest #contentContainer #content #contentBody .wm_photo_w4 .wm_item { margin-bottom: 3px; }
body.page.basicpage.guest #contentContainer #content #contentBody .note { width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .note p { width: 100%; font-size: 90%; text-align: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left { width: 50%; float: left;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .txt { width: 445px; margin-right: 30px; float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .photo { margin-right: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right { width: 50%; float: right; }
.ua-ie-7 body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right { width: 49%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .txt { width: 445px; margin-left: 30px; float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo50 { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 100%;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .photo50 { width:100%; float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .photo50 { width:100%; float: left; }

body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .photo { margin-left: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo_tile img { vertical-align: top; margin-bottom: 4px; }
body.page.basicpage.guest #contentContainer #content #contentBody .single-pict { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .single-pict .cap { position: absolute; bottom: 0; right: 0; text-align: right; line-height: 1.7em; width: 180px; }
body.page.basicpage.guest #contentContainer #content #contentBody .single-pict .cap_m { position: absolute; bottom: 30px; right: 20px; text-align: right; line-height: 1.7em; width: 180px; }
body.page.basicpage.guest #contentContainer #content #contentBody .video { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .video video { width: 100%; height: auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .video img { width: 100%; height: auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .youtubeWrap { position: relative; width: 960px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .youtubeWrap iframe { width: 960px; height: 540px; }
body.page.basicpage.guest #contentContainer #content #contentBody .AdsContainer .youtubeWrap { width: 100% !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict { position: relative; display: inline-block; cursor: pointer; }
.ua-ie-7 body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict { display: inline; zoom: 1; }
body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict .caption_label { position: absolute; bottom: 8px; right: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict.cap_left .caption_label { left: 11px; right: auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict.caption_circle { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .caption_pict.caption_circle .caption_label { bottom: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_head { clear: both; position: relative; width: 950px; margin: 0 auto; padding-top: 75px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_head .column_logo { position: absolute; top: 30px; left: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_head h1 { width: 550px; margin: 0 auto 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_head .cap { width: 550px; margin: 0 auto 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_body { clear: both; position: relative; width: 550px; margin: 0 auto 60px auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap { clear: both; position: relative; width: 950px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #aaaaaa; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap.bkcap { border-top: 1px solid #ffffff; padding-top: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap.noline { border-top: none; padding-top: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap h2 { font-weight: bold; line-height: 1.7em; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap .info { line-height: 1.7em; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap .info span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .column_cap .cap { text-align: right; line-height: 1.5em; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_value { padding: 8px 0 0 56px; min-height: 38px; background: url(/content/dam/diners/img/magazine/value_ttl_ico.png) top left no-repeat; font-size: 1.462em; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_kotto { padding: 8px 0 0 67px; min-height: 30px; background: url(/content/dam/diners/img/magazine/kotto_ttl_ico.png) top left no-repeat; font-size: 1.538em; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual { clear: both; position: relative; width: 100%; height: 664px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual .inner { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual .photo { min-height: 664px; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual.sheight { height: 520px; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual .right .txt { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody #topvisual.hasline { background: url(/content/dam/diners/img/magazine/content_sectionline.gif) bottom left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody .textmotion .tcomp { display: block; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .textmotion span { display: inline; }
body.page.basicpage.guest #contentContainer #content #contentBody .linelayout_pict { width: 950px; margin: 0 auto; display: block !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .linelayout_pict img { vertical-align: bottom; }
body.page.basicpage.guest #contentContainer #content #contentBody .slideshow { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .slideshow .slidepict { position: absolute; top: 0; left: 0; display: none; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo { position: relative; overflow: hidden; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .ophoto { position: absolute; top: 0; left: 0; width: 100%; min-width: 950px; min-height: 804px; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .ophoto img { width: 100%; height: auto; min-width: 950px; min-height: 804px; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .inner_section { z-index: 11; position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .caption_label { z-index: 11; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_text { position: absolute; top: 0; left: 0; width: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_text .inner { width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo { position: relative; clear: both; top: 0; left: 0; width: 100%; overflow: hidden; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .overwrap_plist { display: block; position: relative; overflow: hidden; width: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .overwrap_plist .owphoto { display: none; position: absolute; top: 0; left: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_photo .overwrap_plist .owphoto .owbase { width: 100%; height: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_content { position: absolute; top: 0; left: 0; width: 100% !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .overwrap_content .overwrap_inner { position: relative; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .photo { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner { position: relative; width: 950px; height: 100%; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left { position: absolute; top: 50%; left: 0; padding: 27px 0 0 17px; width: 0; height: 0; margin-top: -13px; background: url(/content/dam/diners/img/magazine/panorama_ico_left.png) top left no-repeat; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left.active, body.page.basicpage.guest #index #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_index, #index body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_index, body.page.basicpage.guest #index #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_index, #index body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_index, body.page.basicpage.guest #travel #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_travel, #travel body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_travel, body.page.basicpage.guest #travel #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_travel, #travel body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_travel, body.page.basicpage.guest #gourmet #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_gourmet, #gourmet body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_gourmet, body.page.basicpage.guest #gourmet #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_gourmet, #gourmet body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_gourmet, body.page.basicpage.guest #fashion #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_fashion, #fashion body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_fashion, body.page.basicpage.guest #fashion #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_fashion, #fashion body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_fashion, body.page.basicpage.guest #lifestyle #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_lifestyle, #lifestyle body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_lifestyle, body.page.basicpage.guest #lifestyle #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_lifestyle, #lifestyle body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_lifestyle, body.page.basicpage.guest #culture #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_culture, #culture body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_culture, body.page.basicpage.guest #culture #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_culture, #culture body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_culture, body.page.basicpage.guest #ginza #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_ginza, #ginza body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_ginza, body.page.basicpage.guest #ginza #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_ginza, #ginza body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_ginza, body.page.basicpage.guest #kyoto #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_kyoto, #kyoto body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_kyoto, body.page.basicpage.guest #kyoto #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_kyoto, #kyoto body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_kyoto, body.page.basicpage.guest #items #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_items, #items body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_left#nav_items, body.page.basicpage.guest #items #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_items, #items body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_left#nav_items { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right { position: absolute; top: 50%; right: 0; padding: 27px 17px 0 0; width: 0; height: 0; margin-top: -13px; background: url(/content/dam/diners/img/magazine/panorama_ico_right.png) top right no-repeat; }
body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right.active, body.page.basicpage.guest #index #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_index, #index body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_index, body.page.basicpage.guest #index #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_index, #index body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_index, body.page.basicpage.guest #travel #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_travel, #travel body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_travel, body.page.basicpage.guest #travel #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_travel, #travel body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_travel, body.page.basicpage.guest #gourmet #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_gourmet, #gourmet body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_gourmet, body.page.basicpage.guest #gourmet #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_gourmet, #gourmet body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_gourmet, body.page.basicpage.guest #fashion #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_fashion, #fashion body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_fashion, body.page.basicpage.guest #fashion #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_fashion, #fashion body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_fashion, body.page.basicpage.guest #lifestyle #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_lifestyle, #lifestyle body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_lifestyle, body.page.basicpage.guest #lifestyle #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_lifestyle, #lifestyle body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_lifestyle, body.page.basicpage.guest #culture #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_culture, #culture body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_culture, body.page.basicpage.guest #culture #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_culture, #culture body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_culture, body.page.basicpage.guest #ginza #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_ginza, #ginza body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_ginza, body.page.basicpage.guest #ginza #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_ginza, #ginza body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_ginza, body.page.basicpage.guest #kyoto #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_kyoto, #kyoto body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_kyoto, body.page.basicpage.guest #kyoto #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_kyoto, #kyoto body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_kyoto, body.page.basicpage.guest #items #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_items, #items body.page.basicpage.guest #contentContainer #content #contentBody .panorama .panorama_ui .ui_inner #contentHeader .cursor_right#nav_items, body.page.basicpage.guest #items #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_items, #items body.page.basicpage.guest #contentContainer #contentHeader #content #contentBody .panorama .panorama_ui .ui_inner .cursor_right#nav_items { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
body.page.basicpage.guest #contentContainer #content #contentBody .slider_comp { position: relative; width: 950px; margin: 0 auto; padding-bottom: 15px; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_label { position: absolute; top: 40px; right: 0; text-align: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_label .jp_ttl { display: inline-block; padding-left: 36px; background: url(/content/dam/diners/img/magazine/kiwaminoyado_ttl_ico.png) left 50% no-repeat; font-size: 1.923em; padding-bottom: 0.1em; }
.ua-ie-7 body.page.basicpage.guest #contentContainer #content #contentBody .ttl_label .jp_ttl { display: inline; zoom: 1; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_label .en_ttl { font-size: 1.231em; padding-top: 0.2em; }
body.page.basicpage.guest #contentContainer #content #contentBody .ttl_label span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_dispblock span { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo.bgstyle { display: block !important;}
body.page.basicpage.guest #contentContainer #content #contentBody .noncap_pict { position: relative; display: inline-block; }
body.page.basicpage.guest #contentContainer #content #contentBody .kshadow { text-shadow: 1px 1px 0px #000; }
body.page.basicpage.guest #contentContainer #content #contentBody .ua-ie .kshadow { font-weight: normal; zoom: 1; filter: dropshadow(Color=black, Positive=1, OffX=1, OffY=1); }
body.page.basicpage.guest #contentContainer #content #contentBody .wshadow { text-shadow: 1px 1px 0px #fff; }
body.page.basicpage.guest #contentContainer #content #contentBody .ua-ie .wshadow { font-weight: normal; zoom: 1; filter: dropshadow(Color=white, Positive=1, OffX=1, OffY=1); }
body.page.basicpage.guest #contentContainer #content #contentBody .photo .pc_half { width: 218px; height: auto; margin-right: 1%; }
body.page.basicpage.guest #contentContainer #content #contentBody .white_black { color: #ffffff; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize400_225 { font-size: 430%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize340_170 { font-size: 340%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize210_160 { font-size: 210%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize210_150 { font-size: 210%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize170_100 { font-size: 170%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize105_95 { font-size: 120%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fsize80_75 { font-size: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize700 { font-size: 700%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize600 { font-size: 600%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize550 { font-size: 550%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize500 { font-size: 500%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize450 { font-size: 450%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize400 { font-size: 400%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize350 { font-size: 350%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize340 { font-size: 340%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize330 { font-size: 330%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize320 { font-size: 320%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize310 { font-size: 310%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize300 { font-size: 300%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize290 { font-size: 290%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize280 { font-size: 280%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize270 { font-size: 270%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize260 { font-size: 260%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize250 { font-size: 250%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize240 { font-size: 240%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize230 { font-size: 230%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize220 { font-size: 220%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize210 { font-size: 210%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize200 { font-size: 200%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize190 { font-size: 190%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize180 { font-size: 180%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize170 { font-size: 170%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize160 { font-size: 160%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize150 { font-size: 150%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize140 { font-size: 140%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize130 { font-size: 130%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize120 { font-size: 120%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize110 { font-size: 110%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize105 { font-size: 105%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize100 { font-size: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize95 { font-size: 95%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize90 { font-size: 90%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize85 { font-size: 85%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fsize80 { font-size: 80%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_line210 { line-height: 210%; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt550 { padding-top: 550px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt500 { padding-top: 500px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt480 { padding-top: 480px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt450 { padding-top: 450px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt440 { padding-top: 440px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt430 { padding-top: 430px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt420 { padding-top: 420px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt410 { padding-top: 410px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt400 { padding-top: 400px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt390 { padding-top: 390px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt380 { padding-top: 380px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt370 { padding-top: 370px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt360 { padding-top: 360px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt350 { padding-top: 350px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt340 { padding-top: 340px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt330 { padding-top: 330px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt320 { padding-top: 320px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt310 { padding-top: 310px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt300 { padding-top: 300px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt290 { padding-top: 290px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt280 { padding-top: 280px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt270 { padding-top: 270px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt260 { padding-top: 260px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt250 { padding-top: 250px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt240 { padding-top: 240px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt230 { padding-top: 230px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt220 { padding-top: 220px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt210 { padding-top: 210px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt200 { padding-top: 200px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt190 { padding-top: 190px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt180 { padding-top: 180px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt170 { padding-top: 170px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt160 { padding-top: 160px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt165 { padding-top: 165px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt150 { padding-top: 150px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt140 { padding-top: 140px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt145 { padding-top: 145px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt130 { padding-top: 130px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt135 { padding-top: 135px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt120 { padding-top: 120px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt125 { padding-top: 125px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt110 { padding-top: 110px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt115 { padding-top: 115px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt100 { padding-top: 100px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt105 { padding-top: 105px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt90 { padding-top: 90px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt95 { padding-top: 95px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt80 { padding-top: 80px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt85 { padding-top: 85px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt70 { padding-top: 70px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt75 { padding-top: 75px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt60 { padding-top: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt65 { padding-top: 65px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt50 { padding-top: 50px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt55 { padding-top: 55px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt40 { padding-top: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt45 { padding-top: 45px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt30 { padding-top: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt35 { padding-top: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt20 { padding-top: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt25 { padding-top: 25px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt10 { padding-top: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt15 { padding-top: 15px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt0 { padding-top: 0px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pt5 { padding-top: 5px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb80 { padding-bottom: 80px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb20 { padding-bottom: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb25 { padding-bottom: 25px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb30 { padding-bottom: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb35 { padding-bottom: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb40 { padding-bottom: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb60 { padding-bottom: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb10 { padding-bottom: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pr4 { padding-right: 4px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pr10 { padding-right: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pr30 { padding-right: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pr50 { padding-right: 50px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt15 { margin-top: 15px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt20 { margin-top: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt25 { margin-top: 25px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt30 { margin-top: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt35 { margin-top: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt45 { margin-top: 45px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pc80 { padding-bottom: 80px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pc25 { padding-bottom: 25px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb35 { padding-bottom: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pb_pc10 { padding-bottom: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_ml130 { padding-left: 130px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pr_pc30 { padding-right: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_ml10 { padding-left: 10px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pr_pc50 { padding-right: 50px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mt_pc35 { margin-top: 35px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh862 { min-height: 862px; height: 862px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh816 { min-height: 816px; height: 816px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh804 { min-height: 804px; height: 804px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh786 { min-height: 786px; height: 786px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh746 { min-height: 746px; height: 746px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh713 { min-height: 713px; height: 713px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh700 { min-height: 700px; height: 700px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh680 { min-height: 680px; height: 680px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh660 { min-height: 660px; height: 660px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh600 { min-height: 600px; height: 600px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh580 { min-height: 580px; height: 580px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh534 { min-height: 534px; height: 534px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh520 { min-height: 520px; height: 520px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh500 { min-height: 500px; height: 500px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh480 { min-height: 480px; height: 480px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh420 { min-height: 420px; height: 420px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh400 { min-height: 400px; height: 400px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh380 { min-height: 380px; height: 380px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh350 { min-height: 350px; height: 350px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh300 { min-height: 300px; height: 300px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh250 { min-height: 250px; height: 250px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc862 { min-height: 862px; height: 862px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc816 { min-height: 816px; height: 816px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc804 { min-height: 804px; height: 804px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc786 { min-height: 786px; height: 786px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc746 { min-height: 746px; height: 746px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc700 { min-height: 700px; height: 700px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc680 { min-height: 680px; height: 680px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc660 { min-height: 660px; height: 660px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc600 { min-height: 600px; height: 600px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc455 { min-height: 455px; height: 455px; }
body.page.basicpage.guest #contentContainer #content #contentBody .mh_pc350 { min-height: 350px; height: 350px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_w440 { width: 440px; }
body.page.basicpage.guest #contentContainer #content #contentBody span.br { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .spobj { display: none; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_talgnr { text-align: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_talgnl { text-align: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_talgnc { text-align: center; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_dispin { display: inline; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_disp { display: block; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_justify { text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
body.page.basicpage.guest #contentContainer #content #contentBody .inner_section { width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_bold { font-weight: bold; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_kshadow { text-shadow: 1px 1px 0px #000; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_wshadow { text-shadow: 1px 1px 0px #fff; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fleft { float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_fright { float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .brown { color: #431a04; }
body.page.basicpage.guest #contentContainer #content #contentBody .orange { color: #ffcc99; }
body.page.basicpage.guest #contentContainer #content #contentBody .bgorange { background-color: #ffcc99; }
body.page.basicpage.guest #contentContainer #content #contentBody .blue { color: #0A2B97 !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .yellow { color: #ffcc33; }
body.page.basicpage.guest #contentContainer #content #contentBody .blue { color: #0A2B97 !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh200 { min-height: 200px; height: 200px; }
body.page.basicpage.guest #contentContainer #content #contentBody hr.transparent { border: none; margin: 0; padding: 0; width: 100%; height: 3px; background: url(/content/dam/diners/img/magazine/content_sectionline.png) bottom left repeat-x; }
body.page.basicpage.guest #contentContainer #content #contentBody a:link.link_black, body.page.basicpage.guest #contentContainer #content #contentBody a:visited.link_black { color: #000000; text-decoration: underline; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_dispin_important { display: inline !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_halfvideo_section .video_section { width: 445px; height: 249px; margin-left: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_halfvideo_section .videobox, body.page.basicpage.guest #contentContainer #content #contentBody .pc_halfvideo_section .videobox .youtubeWrap { width: 445px; height: 249px; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .pc_halfvideo_section { width: 445px; float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .pc_halfvideo_section iframe { width: 445px; height: 249px; }
body.page.basicpage.guest #contentContainer #content #contentBody .bgitrw { background: url(/content/dam/diners/img/magazine/s00074/bg01.gif) top center repeat-y; padding: 20px 0; width: 950px; margin: 60px auto 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pl20 { padding-left: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pl30 { padding-left: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pl40 { padding-left: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pr20 { padding-right: 20px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pr30 { padding-right: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pr40 { padding-right: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .darkred { color: #452534; }
body.page.basicpage.guest #contentContainer #content #contentBody .darkgray { color: #505151; }
body.page.basicpage.guest #contentContainer #content #contentBody .ind15em li { text-indent: -1.5em; padding-left: 1.5em; }
body.page.basicpage.guest #contentContainer #content #contentBody .ind1em li { text-indent: -1em; padding-left: 1em; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_ml0 { margin-left: 0px !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .pc_halfvideo_section, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .pc_halfvideo_section { width: 445px; float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .pc_halfvideo_section iframe, body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5 .pc_halfvideo_section iframe { width: 445px; height: 249px; }
body.page.basicpage.guest #contentContainer #content #contentBody .lightblue { color: #c6d9f1; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pb60 { padding-bottom: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .tableBlock01 td, body.page.basicpage.guest #contentContainer #content #contentBody .tableBlock01 th { padding: 6px 0px;  vertical-align: baseline; }
body.page.basicpage.guest #contentContainer #content #contentBody .tableBlock01 th { white-space: nowrap; vertical-align:baseline; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh300 { min-height: 300px; height: 300px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_dispinblock { display: inline-block; *display: inline; *zoom: 1; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pl100 { padding-left: 100px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mt60 { margin-top: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .w950Box01 .left { width: 405px; padding: 40px 0 40px 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .w950Box01 .right { width: 405px; padding: 40px 40px 40px 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_pr180 { padding-right: 180px; }
body.page.basicpage.guest #contentContainer #content #contentBody .w450Box01 .w450BoxInner { width: 370px !important; padding: 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .w950Box01 .inner_section { width: 870px; padding: 0 40px 40px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mb0 { margin-bottom: 0px !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg { zoom: 1; width: 950px; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg:after { content: ""; display: block; clear: both; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg .left { float: left; width: 445px; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg .right { float: right; width: 445px; text-align: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg .photo { position: relative; }
body.page.basicpage.guest #contentContainer #content #contentBody .sp_column5-5_LeftImg .photo img { vertical-align: top; }
body.page.basicpage.guest #contentContainer #content #contentBody .publish { width: 950px; margin: 0 auto; padding-top: 5px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 110%; color: #7b7b7b; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo .wm_photo_w2 { width: 445px !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo .wm_photo_w2 .wm_item.w2_l { float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo .wm_photo_w2 .wm_item.w2_r { float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh1200 { min-height: 1200px; height: 1200px; }
body.page.basicpage.guest #contentContainer #content #contentBody .kborder { border-bottom: 1px solid #000000; margin-bottom: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .gborder { border-bottom: 1px solid #aaaaaa; margin-bottom: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .wborder { border-bottom: 1px solid #ffffff; margin-bottom: 16px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mb60 { margin-bottom: 60px; }
body.page.basicpage.guest #contentContainer #content #contentBody .pc_w90 { width: 90%; margin: 0 auto; }
body.page.basicpage.guest #contentContainer #content #contentBody .vat { vertical-align: top; }
body.page.basicpage.guest #contentContainer #content #contentBody .txt_underline { text-decoration: underline; }
body.page.basicpage.guest #captionContainer { text-align: left; display: none; }
body.page.basicpage.guest #captionContainer #caption_inner { position: relative; width: 100%; height: 100%; margin: 0 auto; padding-top: 48px; padding-bottom: 48px; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_pict { float: left; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_pict img { display: block; margin: 0 auto; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_text { width: 340px; float: right; color: #fff; line-height: 1.9em; font-size: 0.813em; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_text p { margin-bottom: 1em; }
body.page.basicpage.guest  #captionContainer #caption_inner #caption_text .basicinfo .info_tel { background: url(/content/dam/diners/img/magazine/content_ico_tel_w.png) top left no-repeat; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_text .basicinfo .info_tel a { color: #fff; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_text .basicinfo .info_web { background: url(/content/dam/diners/img/magazine/content_ico_web_w.png) top left no-repeat; }
body.page.basicpage.guest #captionContainer #caption_inner #caption_text .basicinfo .info_web a { color: #fff; }
body.page.basicpage.guest #captionContainer #caption_next { position: fixed; top: 50%; right: 12px; cursor: pointer; margin-top: -30px; }
body.page.basicpage.guest #captionContainer #caption_prev { position: fixed; top: 50%; left: 12px; cursor: pointer; margin-top: -30px; }
body.page.basicpage.guest #captionContainer #caption_close { position: fixed; top: 11px; right: 11px; cursor: pointer; }

/*!
 * SIGNATURE | SCSS INDEX.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
#contentContainer #content #contentBody #items_section { position: relative; }
#contentContainer #content #contentBody #items_section #filter_items { position: absolute; top: 48px; right: 0; }
.guest #contentContainer #content #contentBody #items_section { background: #fff; color: #333; }
.regular #contentContainer #content #contentBody #items_section { background: #eee; color: #333; }
.premium #contentContainer #content #contentBody #items_section { background: #000; color: #fff; }
#contentContainer #content #contentBody #items_section h1 { font-size: 1.875em; padding: 10px 0 13px 0; }
#contentContainer #content #contentBody #items_section > .lead { font-size: 0.875em; width: 100%; padding-bottom: 15px; }
.premium #contentContainer #content #contentBody #items_section > .lead { color: #aaa; }
#contentContainer #content #contentBody #items_section .error { clear: both; position: relative; padding: 80px 0 180px 0; border-top: 1px solid #dddddd; }
.premium #contentContainer #content #contentBody #items_section .error { border-top: 1px solid #222; }
#contentContainer #content #contentBody #items_section #items_list { /* Slider */ /* Arrows */ /* Dots */ }
#contentContainer #content #contentBody #items_section #items_list .item_box { clear: both; position: relative; padding: 30px 0 30px 0; border-top: 1px solid #dddddd; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box { border-top: 1px solid #222; }
#contentContainer #content #contentBody #items_section #items_list .item_box .pict_box { position: relative; }
#contentContainer #content #contentBody #items_section #items_list .item_box .text_box { position: relative; }
#contentContainer #content #contentBody #items_section #items_list .item_box h3 { font-size: 1em; padding-bottom: 10px; margin-bottom: 20px; }
.guest #contentContainer #content #contentBody #items_section #items_list .item_box h3, .regular #contentContainer #content #contentBody #items_section #items_list .item_box h3 { color: #333; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box h3 { color: #fff; }
#contentContainer #content #contentBody #items_section #items_list .item_box .brand { font-size: 0.875em; line-height: 1.6; color: #999; margin-top: 20px; }
#contentContainer #content #contentBody #items_section #items_list .item_box .title { line-height: 1.6; padding-bottom: 0.8em; font-weight: bold; }
.guest #contentContainer #content #contentBody #items_section #items_list .item_box .title, .regular #contentContainer #content #contentBody #items_section #items_list .item_box .title { color: #333; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .title { color: #fff; }
#contentContainer #content #contentBody #items_section #items_list .item_box .lead { padding-bottom: 1.0em; font-size: 0.875em; line-height: 1.6; }
#contentContainer #content #contentBody #items_section #items_list .item_box .detail { font-size: 0.875em; display: none; line-height: 1.5; padding-bottom: 1.1em; }
.guest #contentContainer #content #contentBody #items_section #items_list .item_box .detail, .regular #contentContainer #content #contentBody #items_section #items_list .item_box .detail { color: #333; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .detail { color: #aaaaaa; }
#contentContainer #content #contentBody #items_section #items_list .item_box .detail a { color: #0069aa; }
#contentContainer #content #contentBody #items_section #items_list .item_box .item_comp.open .detail { display: block; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_detail { font-size: 0.875em; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_detail a { color: #0069aa; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy { font-size: 0.875em; height: 33px; margin-top: 20px; margin-bottom: 20px; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy a { padding: 10px 15px 0 15px; height: 23px; display: inline-block; text-align: center; background: #0069aa; color: #fff; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy a span { padding-left: 4px; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy.osm a { background: #dc6d00; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy.rwd a { background: #34921e; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy a { background: #3979a1; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy.osm a { background: #b66d27; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .btn_buy.rwd a { background: #468c36; }
#contentContainer #content #contentBody #items_section #items_list .item_box .desk { font-size: 0.875em; margin-top: 20px; line-height: 1.4; }
#contentContainer #content #contentBody #items_section #items_list .item_box .desk span { font-size: 1.125em; }
.guest #contentContainer #content #contentBody #items_section #items_list .item_box .desk, .regular #contentContainer #content #contentBody #items_section #items_list .item_box .desk { color: #333; }
.guest #contentContainer #content #contentBody #items_section #items_list .item_box .desk a, .regular #contentContainer #content #contentBody #items_section #items_list .item_box .desk a { color: #0069aa; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .desk { color: #fff; }
.premium #contentContainer #content #contentBody #items_section #items_list .item_box .desk a { color: #0069aa; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_more { font-size: 0.875em; margin-top: 20px; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_more a { color: #0069aa; }
#contentContainer #content #contentBody #items_section #items_list .item_box .btn_more a span { padding-left: 4px; }
#contentContainer #content #contentBody #items_section #items_list .small { width: 270px; float: left; margin-left: 70px; }
#contentContainer #content #contentBody #items_section #items_list .small .pict_box { width: 270px; }
#contentContainer #content #contentBody #items_section #items_list .small .pict_box .pict { width: 270px; }
#contentContainer #content #contentBody #items_section #items_list .small .pict_box img { width: 270px; height: auto; }
#contentContainer #content #contentBody #items_section #items_list .medium { width: 610px; float: left; margin-left: 70px; }
#contentContainer #content #contentBody #items_section #items_list .medium .pict_box { width: 302px; }
#contentContainer #content #contentBody #items_section #items_list .medium .pict_box .pict { width: 302px; }
#contentContainer #content #contentBody #items_section #items_list .medium .pict_box img { width: 302px; height: auto; }
#contentContainer #content #contentBody #items_section #items_list .medium .text_box { width: 270px; }
#contentContainer #content #contentBody #items_section #items_list .large .pict_box { width: 536px; float: left; }
#contentContainer #content #contentBody #items_section #items_list .large .pict_box .pict { width: 536px; }
#contentContainer #content #contentBody #items_section #items_list .large .pict_box img { width: 536px; height: auto; }
#contentContainer #content #contentBody #items_section #items_list .large .text_box { width: 375px; float: right; }
#contentContainer #content #contentBody #items_section #items_list .p1 { width: 950px; }
.premium #contentContainer #content #contentBody #items_section #items_list .p1 { border-top: 1px solid #555; }
#contentContainer #content #contentBody #items_section #items_list .p3 .r0, #contentContainer #content #contentBody #items_section #items_list .p3 .r5 { margin-left: 0; }
#contentContainer #content #contentBody #items_section #items_list .p3 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_3.gif) top left repeat-y; }
.premium #contentContainer #content #contentBody #items_section #items_list .p3 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_3_premium.gif) top left repeat-y; }
#contentContainer #content #contentBody #items_section #items_list .p12 .r3 { margin-left: 0; }
#contentContainer #content #contentBody #items_section #items_list .p12 .medium .pict_box { float: right; }
#contentContainer #content #contentBody #items_section #items_list .p12 .medium .text_box { float: left; }
#contentContainer #content #contentBody #items_section #items_list .p12 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_12.gif) top left repeat-y; }
.premium #contentContainer #content #contentBody #items_section #items_list .p12 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_12_premium.gif) top left repeat-y; }
#contentContainer #content #contentBody #items_section #items_list .p21 .r8 { margin-left: 0; }
#contentContainer #content #contentBody #items_section #items_list .p21 .medium .pict_box { float: left; }
#contentContainer #content #contentBody #items_section #items_list .p21 .medium .text_box { float: right; }
#contentContainer #content #contentBody #items_section #items_list .p21 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_21.gif) top left repeat-y; }
.premium #contentContainer #content #contentBody #items_section #items_list .p21 .inner { background: url(/content/dam/diners/img/magazine/bg_colmun_21_premium.gif) top left repeat-y; }
#contentContainer #content #contentBody #items_section #items_list .slick-slider { padding-bottom: 30px; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
#contentContainer #content #contentBody #items_section #items_list .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
#contentContainer #content #contentBody #items_section #items_list .slick-list:focus { outline: none; }
#contentContainer #content #contentBody #items_section #items_list .slick-loading .slick-list { background: #fff; }
#contentContainer #content #contentBody #items_section #items_list .slick-list.dragging { cursor: pointer; cursor: hand; }
#contentContainer #content #contentBody #items_section #items_list .slick-slider .slick-track, #contentContainer #content #contentBody #items_section #items_list .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#contentContainer #content #contentBody #items_section #items_list .slick-track { position: relative; left: 0; top: 0; display: block; }
#contentContainer #content #contentBody #items_section #items_list .slick-track:before, #contentContainer #content #contentBody #items_section #items_list .slick-track:after { content: ""; display: table; }
#contentContainer #content #contentBody #items_section #items_list .slick-track:after { clear: both; }
#contentContainer #content #contentBody #items_section #items_list .slick-loading .slick-track { visibility: hidden; }
#contentContainer #content #contentBody #items_section #items_list .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
#contentContainer #content #contentBody #items_section #items_list [dir="rtl"] .slick-slide { float: right; }
#contentContainer #content #contentBody #items_section #items_list .slick-slide img { display: block; }
#contentContainer #content #contentBody #items_section #items_list .slick-slide.slick-loading img { display: none; }
#contentContainer #content #contentBody #items_section #items_list .slick-slide.dragging img { pointer-events: none; }
#contentContainer #content #contentBody #items_section #items_list .slick-initialized .slick-slide { display: block; }
#contentContainer #content #contentBody #items_section #items_list .slick-loading .slick-slide { visibility: hidden; }
#contentContainer #content #contentBody #items_section #items_list .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev, #contentContainer #content #contentBody #items_section #items_list .slick-next { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; display: block; height: 192px; width: 135px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 0; padding: 0; border: none; outline: none; }
.guest #contentContainer #content #contentBody #items_section #items_list .slick-prev, .regular #contentContainer #content #contentBody #items_section #items_list .slick-prev { background: url(/content/dam/diners/img/magazine/icon_cursor_item_left_gray.png) 8% center no-repeat; }
.guest #contentContainer #content #contentBody #items_section #items_list .slick-next, .regular #contentContainer #content #contentBody #items_section #items_list .slick-next { background: url(/content/dam/diners/img/magazine/icon_cursor_item_right_gray.png) 92% center no-repeat; }
.premium #contentContainer #content #contentBody #items_section #items_list .slick-prev { background: url(/content/dam/diners/img/magazine/icon_cursor_item_left.png) 8% center no-repeat; }
.premium #contentContainer #content #contentBody #items_section #items_list .slick-next { background: url(/content/dam/diners/img/magazine/icon_cursor_item_right.png) 92% center no-repeat; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev:hover, #contentContainer #content #contentBody #items_section #items_list .slick-next:hover { outline: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev:focus, #contentContainer #content #contentBody #items_section #items_list .slick-next:focus { outline: none; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev:hover:before, #contentContainer #content #contentBody #items_section #items_list .slick-prev:focus:before, #contentContainer #content #contentBody #items_section #items_list .slick-next:hover:before, #contentContainer #content #contentBody #items_section #items_list .slick-next:focus:before { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev.slick-disabled:before, #contentContainer #content #contentBody #items_section #items_list .slick-next.slick-disabled:before { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev:before, #contentContainer #content #contentBody #items_section #items_list .slick-next:before { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev { left: 0; }
#contentContainer #content #contentBody #items_section #items_list [dir="rtl"] .slick-prev { left: auto; right: 0; }
#contentContainer #content #contentBody #items_section #items_list .slick-prev:before { content: ""; }
#contentContainer #content #contentBody #items_section #items_list [dir="rtl"] .slick-prev:before { content: ""; }
#contentContainer #content #contentBody #items_section #items_list .slick-next { right: 0; }
#contentContainer #content #contentBody #items_section #items_list [dir="rtl"] .slick-next { left: 0; right: auto; }
#contentContainer #content #contentBody #items_section #items_list .slick-next:before { content: ""; }
#contentContainer #content #contentBody #items_section #items_list [dir="rtl"] .slick-next:before { content: ""; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li button:hover, #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:focus { outline: none; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li button:hover:before, #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:focus:before { opacity: 1; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contentContainer #content #contentBody #items_section #items_list .slick-dots li.slick-active button:before { opacity: 1; content: ""; background: url(/content/dam/diners/img/magazine/icon_dot_on.png); }

.ua-ie-8 .guest #contentContainer #content #contentBody #items_section #items_list .slick-prev:hover, .ua-ie-8 .regular #contentContainer #content #contentBody #items_section #items_list .slick-prev:hover, .ua-ie-8 .premium #contentContainer #content #contentBody #items_section #items_list .slick-prev:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; filter: none; }

.ua-ie-8 .guest #contentContainer #content #contentBody #items_section #items_list .slick-next:hover, .ua-ie-8 .regular #contentContainer #content #contentBody #items_section #items_list .slick-next:hover, .ua-ie-8 .premium #contentContainer #content #contentBody #items_section #items_list .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; filter: none; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:hover, .ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:focus { outline: none; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:hover:before, .ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button:focus:before { opacity: 1; display: none; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li.slick-active button:before { display: none; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li button { position: absolute; top: 0; left: 0; content: ""; width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li { width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ua-ie-8 #contentContainer #content #contentBody #items_section #items_list .slick-dots li.slick-active { width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_on.png); }

#items #contentContainer #content #contentBody { padding-bottom: 70px; }

#contentContainer #content #contentBody #items_section #items_list .medium .slick-prev, #contentContainer #content #contentBody #items_section #items_list .medium .slick-next { height: 215px; width: 151px; }

#contentContainer #content #contentBody #items_section #items_list .large .slick-prev, #contentContainer #content #contentBody #items_section #items_list .large .slick-next { height: 381px; width: 268px; }

/* Ads_item
--------------------------------------------------------------------*/
#Ads_item { width: 270px; position: relative; clear: both; /* Slider */ /* Arrows */ /* Dots */ }
#Ads_item h3 { width: 270px; font-size: 1em; padding-bottom: 10px; margin-bottom: 20px; }
.guest #Ads_item h3, .regular #Ads_item h3 { color: #333; border-bottom: 1px solid #cccccc; }
.premium #Ads_item h3 { color: #fff; border-bottom: 1px solid #555555; }
#Ads_item .brand { font-size: 0.875em; line-height: 1.6; color: #999; margin-top: 20px; }
#Ads_item .title { line-height: 1.6; padding-bottom: 0.8em; }
.guest #Ads_item .title, .regular #Ads_item .title { color: #333; }
.premium #Ads_item .title { color: #fff; }
#Ads_item .lead { padding-bottom: 1.0em; font-size: 0.875em; line-height: 1.6; }
#Ads_item .detail { font-size: 0.875em; display: none; line-height: 1.5; padding-bottom: 1.1em; }
.guest #Ads_item .detail, .regular #Ads_item .detail { color: #333; }
.premium #Ads_item .detail { color: #aaaaaa; }
#Ads_item .detail a { color: #0069aa; }
#Ads_item.open .detail { display: block; }
#Ads_item .btn_detail { font-size: 0.875em; }
#Ads_item .btn_detail a { color: #0069aa; }
#Ads_item .btn_buy { font-size: 0.875em; height: 33px; margin-top: 20px; margin-bottom: 20px; }
#Ads_item .btn_buy a { padding: 10px 15px 0 15px; height: 23px; display: inline-block; text-align: center; background: #0069aa; color: #fff; }
#Ads_item .btn_buy a span { padding-left: 4px; }
#Ads_item .btn_buy a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#Ads_item .btn_buy.osm a { background: #dc6d00; }
#Ads_item .btn_buy.rwd a { background: #34921e; }
.premium #Ads_item .btn_buy a { background: #3979a1; }
.premium #Ads_item .btn_buy.osm a { background: #b66d27; }
.premium #Ads_item .btn_buy.rwd a { background: #468c36; }
#Ads_item .desk { font-size: 0.875em; margin-top: 20px; line-height: 1.4; }
#Ads_item .desk span { font-size: 1.125em; }
.guest #Ads_item .desk, .regular #Ads_item .desk { color: #333; }
.guest #Ads_item .desk a, .regular #Ads_item .desk a { color: #0069aa; }
.premium #Ads_item .desk { color: #fff; }
.premium #Ads_item .desk a { color: #0069aa; }
#Ads_item .btn_more { font-size: 0.875em; margin-top: 20px; }
#Ads_item .btn_more a { color: #0069aa; }
#Ads_item .btn_more a span { padding-left: 4px; }
#Ads_item .slick-slider { padding-bottom: 30px; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
#Ads_item .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
#Ads_item .slick-list:focus { outline: none; }
#Ads_item .slick-loading .slick-list { background: #fff; }
#Ads_item .slick-list.dragging { cursor: pointer; cursor: hand; }
#Ads_item .slick-slider .slick-track, #Ads_item .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#Ads_item .slick-track { position: relative; left: 0; top: 0; display: block; }
#Ads_item .slick-track:before, #Ads_item .slick-track:after { content: ""; display: table; }
#Ads_item .slick-track:after { clear: both; }
#Ads_item .slick-loading .slick-track { visibility: hidden; }
#Ads_item .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
#Ads_item [dir="rtl"] .slick-slide { float: right; }
#Ads_item .slick-slide img { display: block; }
#Ads_item .slick-slide.slick-loading img { display: none; }
#Ads_item .slick-slide.dragging img { pointer-events: none; }
#Ads_item .slick-initialized .slick-slide { display: block; }
#Ads_item .slick-loading .slick-slide { visibility: hidden; }
#Ads_item .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
#Ads_item .slick-prev, #Ads_item .slick-next { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; display: block; height: 192px; width: 135px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 0; padding: 0; border: none; outline: none; }
.guest #Ads_item .slick-prev, .regular #Ads_item .slick-prev { background: url(/content/dam/diners/img/magazine/icon_cursor_item_left_gray.png) 8% center no-repeat; }
.guest #Ads_item .slick-next, .regular #Ads_item .slick-next { background: url(/content/dam/diners/img/magazine/icon_cursor_item_right_gray.png) 92% center no-repeat; }
.premium #Ads_item .slick-prev { background: url(/content/dam/diners/img/magazine/icon_cursor_item_left.png) 8% center no-repeat; }
.premium #Ads_item .slick-next { background: url(/content/dam/diners/img/magazine/icon_cursor_item_right.png) 92% center no-repeat; }
#Ads_item .slick-prev:hover, #Ads_item .slick-next:hover { outline: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#Ads_item .slick-prev:focus, #Ads_item .slick-next:focus { outline: none; }
#Ads_item .slick-prev:hover:before, #Ads_item .slick-prev:focus:before, #Ads_item .slick-next:hover:before, #Ads_item .slick-next:focus:before { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#Ads_item .slick-prev.slick-disabled:before, #Ads_item .slick-next.slick-disabled:before { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#Ads_item .slick-prev:before, #Ads_item .slick-next:before { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#Ads_item .slick-prev { left: 0; }
#Ads_item [dir="rtl"] .slick-prev { left: auto; right: 0; }
#Ads_item .slick-prev:before { content: ""; }
#Ads_item [dir="rtl"] .slick-prev:before { content: ""; }
#Ads_item .slick-next { right: 0; }
#Ads_item [dir="rtl"] .slick-next { left: 0; right: auto; }
#Ads_item .slick-next:before { content: ""; }
#Ads_item [dir="rtl"] .slick-next:before { content: ""; }
#Ads_item .slick-dots { position: absolute; top: 198px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
#Ads_item .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; }
#Ads_item .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; }
#Ads_item .slick-dots li button:hover, #Ads_item .slick-dots li button:focus { outline: none; }
#Ads_item .slick-dots li button:hover:before, #Ads_item .slick-dots li button:focus:before { opacity: 1; }
#Ads_item .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#Ads_item .slick-dots li.slick-active button:before { opacity: 1; content: ""; background: url(/content/dam/diners/img/magazine/icon_dot_on.png); }

.ua-ie-8 .guest #Ads_item .slick-prev:hover, .ua-ie-8 .regular #Ads_item .slick-prev:hover, .ua-ie-8 .premium #Ads_item .slick-prev:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; filter: none; }

.ua-ie-8 .guest #Ads_item .slick-next:hover, .ua-ie-8 .regular #Ads_item .slick-next:hover, .ua-ie-8 .premium #Ads_item .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; filter: none; }

.ua-ie-8 #Ads_item .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }

.ua-ie-8 #Ads_item .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; }

.ua-ie-8 #Ads_item .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

.ua-ie-8 #Ads_item .slick-dots li button:hover, .ua-ie-8 #Ads_item .slick-dots li button:focus { outline: none; }

.ua-ie-8 #Ads_item .slick-dots li button:hover:before, .ua-ie-8 #Ads_item .slick-dots li button:focus:before { opacity: 1; display: none; }

.ua-ie-8 #Ads_item .slick-dots li.slick-active button:before { display: none; }

.ua-ie-8 #Ads_item .slick-dots li button { position: absolute; top: 0; left: 0; content: ""; width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ua-ie-8 #Ads_item .slick-dots li { width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_off.png); text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ua-ie-8 #Ads_item .slick-dots li.slick-active { width: 12px; height: 12px; background: url(/content/dam/diners/img/magazine/icon_dot_on.png); }

/* CONTENT
--------------------------------------------------------------------*/
/*!
 * SIGNATURE | SCSS Ads.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
/* Ads_side
--------------------------------------------------------------------*/
#Ads_tower { padding-top: 37px; }
div.article #Ads_tower { padding-top: 47px; }

#Ads_tower, #Ads_int { width: 270px; position: relative; clear: both; margin-bottom: 45px; }
#Ads_tower h3, #Ads_int h3 { font-size: 0.875em; margin-bottom: 17px; padding-top: 6px; }
.guest #Ads_tower h3, .guest #Ads_int h3 { color: #333; }
.regular #Ads_tower h3, .regular #Ads_int h3 { color: #333; }
.premium #Ads_tower h3, .premium #Ads_int h3 { color: #fff; }
#Ads_tower p img, #Ads_int p img { width: 270px; height: auto; }

/* AdsContainer
--------------------------------------------------------------------*/
.AdsContainer { position: relative; clear: both; overflow: hidden; font: 13px/1.67 arial,"ＭＳ Ｐゴシック","メイリオ",helvetica,clean,sans-serif; position: relative; display: block; clear: both; background-color: #393939; width: 100%; }
.AdsContainer .inner { position: relative; width: 950px; margin: 0 auto; padding: 60px 0 70px 0px; }
.AdsContainer h3 { display: block; color: #fff; font-size: 1.077em; margin-bottom: 0px; padding-top: 4px; line-height: 1.5em; display: inline-block; }
.ua-ie-7 .AdsContainer h3 { zoom: 1; display: inline; }
.AdsContainer .ads_loadtext { position: absolute; top: 52px; left: 0; display: none; color: #fff; font-size: 1.077em; padding: 7px 0 12px 32px; height: 15px; background: url(/content/dam/diners/img/magazine/ico_loading.gif) left 50% no-repeat; }
.AdsContainer .ads_btnskip { float: right; display: none; margin-bottom: 8px; width: 110px; text-align: right; }
.AdsContainer .ads_btnskip a { display: block; text-decoration: none; color: #fff; font-size: 13px; padding: 3px 24px 7px 0; height: 15px; background: url(/content/dam/diners/img/magazine/ico_skip.gif) right 50% no-repeat; }
.AdsContainer .ads_btnskip a:hover { text-decoration: underline; }
.AdsContainer .ad_movie { width: 950px; text-align: center; }
.AdsContainer .ad_image { width: 950px; text-align: center; }
.AdsContainer .adinfo { padding: 20px 0; }
.AdsContainer .adinfo .basicinfo { float: left; position: relative; }
.AdsContainer .adinfo .basicinfo .partner { font-size: 1.077em; font-weight: bold; padding-bottom: 6px; }
.AdsContainer .adinfo .basicinfo .address { font-size: 1.077em; padding-bottom: 2px; }
.AdsContainer .adinfo .moreinfo { float: right; position: relative; width: 410px; padding: 18px 15px 18px 15px; background-color: #5d5d5d; color: #fff; }
.AdsContainer .adinfo .moreinfo .phrase { font-size: 1.077em; }
.AdsContainer .adinfo .moreinfo .more { text-align: right; font-size: 1em; }
.AdsContainer .adinfo .moreinfo .more a { text-decoration: underline; }
.AdsContainer .adinfo .moreinfo .more a:hover { text-decoration: none; }
.AdsContainer .official { width: 950px; margin-top: 20px; text-align: right; }
.AdsContainer .official a { color: #fff; }

#AdsContainerMid .ads_loadtext { display: none; }
#AdsContainerMid .ads_btnskip { display: none; }

/*!
 * SIGNATURE | SCSS INDEX.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
body.index { /* Slider */ /* Dots */ }
body.index #main_visual { position: relative; width: 100%; height: 590px; max-width: 1400px; margin: 0 auto 60px auto; min-width: 950px; overflow: hidden; text-align: center; }
body.index #main_visual > .inner { width: 1400px; height: 590px; }
body.index .tn3.url { display: none; }
body.index .tn3-gallery { width: 1400px; position: relative; }
body.index .tn3-image { position: absolute; width: 1400px; height: 590px; left: 0; top: 0; cursor: pointer; }
body.index .tn3-thumbs ul, body.index .tn3-thumbs li { padding: 0; }
body.index .tn3-thumbs { position: absolute; top: 545px; left: 0; padding: 0 0 0 0; width: 100%; height: 15px; }
body.index .tn3-thumb { background: url(/content/dam/diners/img/magazine/icon_main_dot_off.png) center center no-repeat; margin: 0 7px 0 7px; width: 15px; height: 15px; cursor: pointer; padding: 0; }
body.index .tn3-thumb-selected { background: url(/content/dam/diners/img/magazine/icon_main_dot_on.png) center center no-repeat; cursor: default; }
body.index .tn3-image:hover .tn3-in-image { display: block !important; }
body.index .tn3-image:hover .tn3-next { opacity: 1 !important; display: block !important; }
body.index .tn3-image:hover .tn3-prev { opacity: 1 !important; display: block !important; }
body.index .tn3-next { position: absolute; background: url(/content/dam/diners/img/magazine/icon_main_cursor_right.png) left center no-repeat; width: 58px; height: 82px; right: 0; cursor: pointer; }
body.index .tn3-prev { position: absolute; background: url(/content/dam/diners/img/magazine/icon_main_cursor_left.png) right center no-repeat; width: 58px; height: 82px; left: 0; cursor: pointer; }
body.index .tn3-preloader { position: absolute; width: 20px; height: 20px; }
body.index .tn3-count { display: none; }
body.index .tn3-play { display: none; }
body.index #contentContainer #content { margin-bottom: 0; }
body.index #contentContainer #content #contentBody { padding-bottom: 100px; }
body.index .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
body.index .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
body.index .slick-list:focus { outline: none; }
body.index .slick-loading .slick-list { background: #fff; }
body.index .slick-list.dragging { cursor: pointer; cursor: hand; }
body.index .slick-slider .slick-track, body.index .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body.index .slick-track { position: relative; left: 0; top: 0; display: block; }
body.index .slick-track:before, body.index .slick-track:after { content: ""; display: table; }
body.index .slick-track:after { clear: both; }
body.index .slick-loading .slick-track { visibility: hidden; }
body.index .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
body.index [dir="rtl"] .slick-slide { float: right; }
body.index .slick-slide img { display: block; }
body.index .slick-slide.slick-loading img { display: none; }
body.index .slick-slide.dragging img { pointer-events: none; }
body.index .slick-initialized .slick-slide { display: block; }
body.index .slick-loading .slick-slide { visibility: hidden; }
body.index .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
body.index .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; position: absolute; top: 545px; left: 0; height: 15px; }
body.index .slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 7px 0 7px; padding: 0; cursor: pointer; }
body.index .slick-dots li button { border: 0; background: transparent; display: block; height: 15px; width: 15px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; }
body.index .slick-dots li button:hover, body.index .slick-dots li button:focus { outline: none; }
body.index .slick-dots li button:hover:before, body.index .slick-dots li button:focus:before { opacity: 1; }
body.index .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 15px; height: 15px; background: url(/content/dam/diners/img/magazine/icon_main_dot_off.png) center center no-repeat; text-align: center; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.index .slick-dots li.slick-active button:before { opacity: 1; content: ""; background: url(/content/dam/diners/img/magazine/icon_main_dot_on.png) center center no-repeat; cursor: default; }

/*!
 * SIGNATURE | SCSS LOGIN.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
body.login #contentContainer #content #contentBody { padding: 20px 0 70px 0; width: 950px; position: relative; }
body.login #contentContainer #content #contentBody #section_login { padding: 52px 40px 50px 50px; background: #eee; color: #333; }
body.login #contentContainer #content #contentBody h1 { font-size: 1.625em; padding: 4px 0 18px 33px; background: url(/content/dam/diners/img/magazine/login/icon_title.png) no-repeat; }
body.login #contentContainer #content #contentBody #login_box { background: url(/content/dam/diners/img/magazine/login/bg_box.png) repeat-y; }
body.login #contentContainer #content #contentBody #login_box #login_form { width: 435px; float: left; }
body.login #contentContainer #content #contentBody #login_box #login_form .lead { font-size: 0.813em; line-height: 1.7; }
body.login #contentContainer #content #contentBody #login_box #login_form .lead.error { color: #ff0000; }
body.login #contentContainer #content #contentBody #login_box #login_form table { background: #fff; /* border radius */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-top: 15px; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr { border-bottom: 1px solid #eeeeee; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr th { padding: 20px 20px 16px 20px; width: 180px; text-align: left; font-size: 15px; }
.ua-ie-8 body.login #contentContainer #content #contentBody #login_box #login_form table tr th { width: 240px; }
.ua-ie-8 body.login #contentContainer #content #contentBody #login_box #login_form table tr th span { font-size: 11px; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr td { padding: 8px 20px 8px 20px; width: 192px; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr td input { padding: 6px 0 8px 0; height: 16px; width: 192px; border: none; text-align: center; font-weight: normal; color: #333; font-size: 19px; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr td input:focus { outline: none; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr td input.placeholder { color: #999; font-size: 14px; }
body.login #contentContainer #content #contentBody #login_box #login_form table tr td input.textFocus { color: #333; font-size: 19px; }
.ua-ie-8 body.login #contentContainer #content #contentBody #login_box #login_form table tr td { width: 132px; }
.ua-ie-8 body.login #contentContainer #content #contentBody #login_box #login_form table tr td input { width: 132px; padding: 2px 0 8px 0; height: 20px; }
body.login #contentContainer #content #contentBody #login_box #login_form .save_val { clear: both; float: right; padding: 20px 0 18px 0; }
body.login #contentContainer #content #contentBody #login_box #login_form .save_val label { font-size: 0.875em; }
body.login #contentContainer #content #contentBody #login_box #login_form .save_val input { margin-right: 5px; }
body.login #contentContainer #content #contentBody #login_box #login_form .submit_btn { clear: both; float: right; padding: 0 0 20px 0; font-size: 1.125em; }
body.login #contentContainer #content #contentBody #login_box #login_form .submit_btn a { width: 245px; height: 26px; padding-top: 10px; display: block; text-align: center; background: #0069aa; }
body.login #contentContainer #content #contentBody #login_box #login_form .submit_btn a:hover { background: #3285b8; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
body.login #contentContainer #content #contentBody #login_box #login_form .page_back { clear: both; font-size: 0.875em; }
body.login #contentContainer #content #contentBody #login_box #login_form .page_back a { color: #0069aa; }
body.login #contentContainer #content #contentBody #login_box #login_form .page_back a:hover { text-decoration: underline; }
body.login #contentContainer #content #contentBody #login_box #login_manual { width: 375px; float: right; }
body.login #contentContainer #content #contentBody #login_box #login_manual h2 { font-size: 0.875em; line-height: 1.4; font-weight: bold; color: #333; padding-bottom: 0.3em; }
body.login #contentContainer #content #contentBody #login_box #login_manual p { font-size: 0.75em; line-height: 1.8; }
body.login #contentContainer #content #contentBody #login_box #login_manual p img { padding: 4px 0 0 0; display: block; }
body.login #contentContainer #content #contentBody #login_box #login_manual section { clear: both; }
body.login #contentContainer #content #contentBody #login_box #login_manual section#login_manual_01 { padding-bottom: 26px; }
body.login #contentContainer #content #contentBody #login_box #login_manual section#login_manual_01 h2 { padding-bottom: 0.3em; }
body.login #contentContainer #content #contentBody #login_box #login_manual section#login_manual_02 h2 { padding-bottom: 0.4em; }
body.login #contentContainer #content #contentBody #login_box #login_manual section#login_manual_02 p img { padding: 12px 0 0 0; display: block; }
body.login #contentContainer #content #contentBody #section_forcustomers { padding: 28px 40px 30px 50px; height: 80px; background: #ccc; color: #333; position: relative; }
body.login #contentContainer #content #contentBody #section_forcustomers h2 { padding-left: 145px; line-height: 1.6; font-weight: bold; padding-bottom: 0.3em; }
body.login #contentContainer #content #contentBody #section_forcustomers .pict { position: absolute; top: 30px; left: 50px; }
body.login #contentContainer #content #contentBody #section_forcustomers .text { padding-left: 145px; font-size: 0.875em; line-height: 1.6; }
body.login #contentContainer #content #contentBody #section_forcustomers .text a { color: #0069aa; text-decoration: none; }
body.login #contentContainer #content #contentBody #section_forcustomers .text a:hover { text-decoration: underline; }

/* popup logout
--------------------------------------------------------------------*/
#popup_logout { display: none; width: 470px; height: 108px; background: #fff; color: #333333; padding: 40px; text-align: center; }
#popup_logout .title { font-size: 1.5em; letter-spacing: 1px; padding-bottom: 14px; }
#popup_logout .lead { font-size: 0.875em; padding-bottom: 20px; }
#popup_logout ul li a { color: #fff; display: block; font-size: 1.125em; width: 214px; height: 26px; padding-top: 10px; }
#popup_logout ul li.btn_close { background: #0069aa; width: 214px; height: 36px; float: left; }
#popup_logout ul li.btn_close:hover { background: #3084b8; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#popup_logout ul li.btn_logout { background: #999999; width: 214px; height: 36px; float: right; }
#popup_logout ul li.btn_logout:hover { background: #aaa; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

/*!
 * SIGNATURE | SCSS RECOMMEND.
 * version --- 1.0.0
 * updated --- 2014/12
*/
/**  -----------------------------------------------------------------------------
*/
#contentRecommend { font-size: 16px; clear: both; width: 100%; padding: 40px 0 80px 0; background: #eee; }
#contentRecommend .inner { width: 950px; margin: 0 auto; position: relative; }
#contentRecommend #recommendHead { position: relative; width: 950px; padding-bottom: 35px; border-bottom: 1px solid #cccccc; }
#contentRecommend #recommendHead #recommendSNS { float: left; padding-top: 8px; }
#contentRecommend #recommendHead #recommendSNS #sns_twitter { float: left; }
#contentRecommend #recommendHead #recommendSNS #sns_facebook { float: left; }
#contentRecommend #recommendHead #recommendInterest { float: right; }
#contentRecommend #recommendHead #recommendInterest .lead { line-height: 1; padding: 8px 8px; float: left; }
#contentRecommend #recommendHead #recommendInterest ul { float: right; }
#contentRecommend #recommendHead #recommendInterest ul li { float: left; height: 33px; margin-left: 20px; }
#contentRecommend #recommendHead #recommendInterest ul li span { font-size: 1em; line-height: 1; padding-top: 12px; display: block; }
#contentRecommend #recommendHead #recommendInterest ul li a { font-size: 0.875em; line-height: 1; height: 23px; display: inline-block; text-align: center; color: #fff; }
#contentRecommend #recommendHead #recommendInterest ul li a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#contentRecommend #recommendHead #recommendInterest ul li a#ans_no { background: #aaaaaa; padding: 10px 28px 0 28px; }
#contentRecommend #recommendHead #recommendInterest ul li a#ans_yes { background: #0069aa; padding: 10px 35px 0 35px; }
#contentRecommend #recommendMain { width: 680px; position: relative; color: #333; padding-top: 60px; float: left; }
#contentRecommend #recommendMain #recommendArticle { clear: both; }
#contentRecommend #recommendMain #recommendArticle h3 { font-size: 1.5em; line-height: 1; margin-bottom: 16px; }
#contentRecommend #recommendMain #recommendArticle ul li { position: relative; clear: both; padding: 0 0 40px 180px; width: 450px; min-height: 114px; }
#contentRecommend #recommendMain #recommendArticle ul li a { display: block; padding: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#contentRecommend #recommendMain #recommendArticle ul li a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#contentRecommend #recommendMain #recommendArticle ul li a .label { position: absolute; top: 16px; left: -11px; }
#contentRecommend #recommendMain #recommendArticle ul li .date { color: #999; font-size: 0.75em; padding-right: 8px; line-height: 1; }
#contentRecommend #recommendMain #recommendArticle ul li .tag { color: #0069aa; font-size: 0.75em; line-height: 1; }
#contentRecommend #recommendMain #recommendArticle ul li .title { font-weight: bold; font-size: 1em; line-height: 1.4; padding-top: 2px; color: #333; }
#contentRecommend #recommendMain #recommendArticle ul li .checked { color: #999; font-size: 0.75em; padding-left: 16px; float: right; margin-top: 6px; background: url(/content/dam/diners/img/magazine/icon_checked.png) left 50% no-repeat; }
#contentRecommend #recommendMain #recommendArticle ul li .lead { font-size: 0.875em; padding-top: 3px; line-height: 1.5; color: #333; }
#contentRecommend #recommendMain #recommendArticle ul li .pict { position: absolute; top: 6px; left: 0; width: 160px; height: 114px; overflow: hidden; }
#contentRecommend #recommendMain #recommendArticle ul li .pict img { width: 160px; height: auto; }
#contentRecommend #recommendMain #recommendLink { margin-top: 18px; }
#contentRecommend #recommendMain #recommendLink > ul { width: 680px; }
#contentRecommend #recommendMain #recommendLink > ul > li { width: 160px; padding-right: 12px; float: left; padding-bottom: 1.2em; }
#contentRecommend #recommendMain #recommendLink > ul > li > a { font-weight: bold; color: #333; font-size: 0.875em; }
#contentRecommend #recommendMain #recommendLink > ul > li > a:hover { color: #aaa; }
#contentRecommend #recommendMain #recommendLink > ul > li.edge { width: 130px; padding-right: 0px; }
#contentRecommend #recommendMain #recommendLink > ul > li ul { padding-bottom: 5px; width: 160px; }
#contentRecommend #recommendMain #recommendLink > ul > li ul li { width: 160px; padding-bottom: 0.2em; }
#contentRecommend #recommendMain #recommendLink > ul > li ul li a { font-weight: normal; color: #333; font-size: 0.875em; }
#contentRecommend #recommendMain #recommendLink > ul > li ul li a:hover { color: #aaa; }
#contentRecommend #recommendSub { width: 270px; position: relative; float: right; padding-top: 60px; }
#contentRecommend #recommendSub h3 { color: #333; }
#contentRecommend #recommendSub a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; width: 100%; }

.flexslider .slides > li { display: none; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img.slide_pict { width: 100%; display: block; height: auto; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { width: 100%; overflow: hidden; *height: 0; }

.flex-direction-nav a { display: block; width: 40px; height: 59px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: 10px; }

.flex-direction-nav .flex-next { right: 10px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 1; left: 10px; }

.flexslider:hover .flex-next { opacity: 1; right: 10px; }

/*.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;/* content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; }

.ua-ie-7 .flex-control-nav li { margin: 0 6px; zoom: 1; display: inline !important; }

.flex-control-paging li a { width: 13px; height: 13px; display: block; background: url(/content/dam/diners/img/magazine/content_slide_btn_off.png) top left no-repeat; cursor: pointer; text-indent: -9999px; }

.flex-control-paging li a.flex-active { background: url(/content/dam/diners/img/magazine/content_slide_btn_on.png) top left no-repeat; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/*!
 * SIGNATURE | bumper
 * version --- 1.0.0
 * updated --- 2014/12
*/
/** bumperContainer -----------------------------------------------------------------------------
*/
.bumperContainer { text-align: left; font: 13px/1.67 arial,"ＭＳ Ｐゴシック","メイリオ",helvetica,clean,sans-serif; display: none; color: #333; }
.bumperContainer .inner { position: relative; padding: 50px 0 48px 0; width: 550px; margin: 0 auto; line-height: 1.6em; text-align: center; /* border radius */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #fff; }
.bumperContainer .inner p { width: 420px; margin: 0 auto; padding-bottom: 1.2em; }
.bumperContainer .inner p.btn { width: 240px; margin: 0 auto; }
.bumperContainer .inner p.btn a { float: right; margin: 0; padding: 0; }
.bumperContainer .inner p.btn a:first-child { float: left; }
.bumperContainer .inner p.btn a img { margin: 0; padding: 0; }
.bumperContainer .rightclose { position: absolute; top: -10px; right: -10px; }
.bumperContainer .logo { margin: 0 0 30px 0; }
.bumperContainer .dc__box_title {
    width: 80%;
    min-width: 800px;
    max-width: 1024px;
    margin: 0 auto;
    max-height: 100%;
}

/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
 * SIGNATURE | parts
 * updated --- 2015/2/2
*/
div.article #contentContainer #content #contentBody .pc_pl120 { padding-left: 120px; }

div.article #contentContainer #content #contentBody .pc_mh1100 { min-height: 1100px; height: 1100px; }

div.article #contentContainer #content #contentBody .pc_mh1000 { min-height: 1000px; height: 1000px; }

div.article #contentContainer #content #contentBody .pc_mh900 { min-height: 900px; height: 900px; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/2/23
*/
div.article #contentContainer #content #contentBody .pc_fsize540 { font-size: 540%; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/3/9
*/
div.article #contentContainer #content #contentBody .pc_mh460 { min-height: 460px; height: 460px; }

div.article #contentContainer #content #contentBody .section.pc_pb40 { padding-bottom: 40px; }

div.article #contentContainer #content #contentBody .pc_bgpositionr { background-position: right top; }

div.article #contentContainer #content #contentBody .pc_bgpositionl { background-position: left top; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/3/16
*/
#content #contentBody section .fullcolumn5-5.pc_bothImg .right .photo, #content #contentBody section .fullcolumn5-5.pc_bothImg .left .photo { margin: 0 !important; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/3/23
*/
#content #contentBody section a.linkBlockA { display: inline-block; background: url(/content/dam/diners/img/magazine/icon_link_001.gif) left 0.6em no-repeat; padding-left: 12px; }

#content #contentBody section a.linkBlockA:hover { text-decoration: none !important; }

/* gas_150410
--------------------------------------------------------------------*/
#Ads_bnrGinza { width: 270px; position: relative; clear: both; }

#Ads_bnrGinza p { margin-bottom: 25px; }

/* gas_150410 | parts
--------------------------------------------------------------------*/
#content #contentBody #contentBodySub .pc_mb25 { margin-bottom: 25px !important; }

/* SigLogin | parts updated --- 2015/4/27
--------------------------------------------------------------------*/
body.login #contentContainer #content #contentBody #section_forcustomers { padding: 28px 50px 50px; height: 80px; background: #ffffff; color: #333; position: relative; }

body.login #contentContainer #content #contentBody #section_forcustomers h2 { padding-top: 9px; padding-left: 157px; line-height: 1.6; font-weight: bold; padding-bottom: 6px; }

body.login #contentContainer #content #contentBody #section_forcustomers .pict { position: absolute; top: 30px; left: 50px; }

body.login #contentContainer #content #contentBody #section_forcustomers .text { padding-left: 157px; font-size: 0.875em; line-height: 1.6; }

body.login #contentContainer #content #contentBody #section_forcustomers .text a { color: #ffffff; background-color: #aaaaaa; text-decoration: none; position: absolute; top: 47px; right: 50px; padding: 8px 27px; }

body.login #contentContainer #content #contentBody #section_forcustomers .text a:hover { background: #bfbfbf; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; text-decoration: none; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/5/11
*/
/*Btn01*/
.btnArea01 p { display: inline-block; margin: 10px 0; background: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ececec', endColorstr = '#cecece'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ececec', endColorstr = '#cecece')"; background: -moz-linear-gradient(top, #ececec, #cecece); background: -ms-linear-gradient(top, #ececec, #cecece); background: -webkit-gradient(linear, center top, center bottom, from(#ececec), to(#cecece)); background: -webkit-linear-gradient(top, #ececec, #cecece); background: linear-gradient(top, #ececec, #cecece); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

* + html .btnArea01 p { display: inline; zoom: 1; }

* html .btnArea01 p { display: inline; zoom: 1; }

.btnArea01 p a { padding: 10px 19px 9px 29px; display: block; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; background: url(/content/dam/diners/img/magazine/contents_ico02.gif) no-repeat 10px 50%; }

.btnArea01 p a:hover { text-decoration: underline; }

/*Btn2*/
.btnArea02 p { display: inline-block; margin: 10px 0; background: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ececec', endColorstr = '#cecece'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ececec', endColorstr = '#cecece')"; background: -moz-linear-gradient(top, #ececec, #cecece); background: -ms-linear-gradient(top, #ececec, #cecece); background: -webkit-gradient(linear, center top, center bottom, from(#ececec), to(#cecece)); background: -webkit-linear-gradient(top, #ececec, #cecece); background: linear-gradient(top, #ececec, #cecece); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

* + html .btnArea02 p { display: inline; zoom: 1; }

* html .btnArea02 p { display: inline; zoom: 1; }

.btnArea02 p a { padding: 10px 19px 9px 29px; display: block; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; background: url(/content/dam/diners/img/magazine/contents_ico04.gif) no-repeat 10px 50%; }

.btnArea02 p a:hover { text-decoration: underline; }

/*linkBlockB*/
@media screen and (max-width: 768px) { .bumperContainer .inner p.logo + p { width: 92%; word-break: break-all; } }
#content #contentBody section a.linkBlockB { padding-left: 19px; display: block; color: #000000; text-decoration: none; background: url(/content/dam/diners/img/magazine/contents_ico02.gif) no-repeat 6px 50%; }

#content #contentBody section .video_section.pc_video_w950 .videobox iframe { width: 950px !important; height: 534px !important; vertical-align: bottom; }

/*parts*/
div.article #contentContainer #content #contentBody .pc_mb10 { margin-bottom: 10px !important; }

div.article #contentContainer #content #contentBody .pc_mb30 { margin-bottom: 30px !important; }

div.article #contentContainer #content #contentBody .pc_mb40 { margin-bottom: 40px !important; }

div.article #contentContainer #content #contentBody .pc_mb50 { margin-bottom: 50px !important; }

div.article #contentContainer #content #contentBody .pc_mb80 { margin-bottom: 80px !important; }

div.article #contentContainer #content #contentBody .pc_mb90 { margin-bottom: 90px !important; }

div.article #contentContainer #content #contentBody .pc_mb100 { margin-bottom: 100px !important; }

div.article #contentContainer #content #contentBody .pc_mt5 { margin-top: 5px !important; }

div.article #contentContainer #content #contentBody .pc_mt10 { margin-top: 10px !important; }

div.article #contentContainer #content #contentBody .pc_mt40 { margin-top: 40px !important; }

div.article #contentContainer #content #contentBody .pc_mt50 { margin-top: 50px !important; }

div.article #contentContainer #content #contentBody .pc_mt70 { margin-top: 70px !important; }

div.article #contentContainer #content #contentBody .pc_mt80 { margin-top: 80px !important; }

div.article #contentContainer #content #contentBody .pc_mt90 { margin-top: 90px !important; }

div.article #contentContainer #content #contentBody .pc_mt100 { margin-top: 100px !important; }

div.article #contentContainer #content #contentBody .pc_mr0 { padding-left: 0px !important; }

div.article #contentContainer #content #contentBody .pc_mr20 { margin-right: 20px !important; }

div.article #contentContainer #content #contentBody .pc_mr30 { margin-right: 30px !important; }

div.article #contentContainer #content #contentBody .pc_mr40 { margin-right: 40px !important; }

div.article #contentContainer #content #contentBody .pc_mr50 { margin-right: 50px !important; }

div.article #contentContainer #content #contentBody .pc_pb50 { padding-bottom: 50px !important; }

div.article #contentContainer #content #contentBody .pc_pb70 { padding-bottom: 70px !important; }

div.article #contentContainer #content #contentBody .pc_fsize360 { font-size: 360%; }

div.article #contentContainer #content #contentBody .pc_fsize370 { font-size: 370%; }

div.article #contentContainer #content #contentBody .pc_fsize380 { font-size: 380%; }

div.article #contentContainer #content #contentBody .pc_fsize390 { font-size: 390%; }

div.article #contentContainer #content #contentBody .pc_fsize500 { font-size: 500%; }

div.article #contentContainer #content #contentBody .pc_fsize550 { font-size: 550%; }

div.article #contentContainer #content #contentBody .pc_fsize650 { font-size: 650%; }

div.article #contentContainer #content #contentBody .pc_fsize750 { font-size: 750%; }

div.article #contentContainer #content #contentBody .wbba { word-break: break-all; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/6/1*/
/* benefit guide.
--------------------------------------------------------------------*/
div.article #contentContainer #content #contentBody #benefitinfo950 { position: relative; clear: both; }

div.article #contentContainer #content #contentBody #benefitinfo950 h3,
div.article #contentContainer #content #contentBody #benefitinfo950 h4{ width: 850px; padding: 6px 50px 5px 50px; font-size: 1em; font-weight: bold; color: #fff; /* border radius */ -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #9b844f; background-image: -webkit-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -moz-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -o-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -ms-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: linear-gradient(to top, #79663a, #9f8752 94%); }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefitbody { position: relative; width: 948px; font-size: 1em; color: #333; line-height: 1.6em; /* border radius */ -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; /* prevents bg color from leaking outside the border */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f1e4; border: 1px solid #cdc2a9; border-top: none; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefitbody .left { width: 390px; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefitbody .right { width: 390px; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefitbody ul { padding-top: 0.1em; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefitbody ul li { text-indent: -1em; padding-left: 1em; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefiturl { text-align: right; margin-top: 1em; color: #836f40; font-weight: bold; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefiturl span { font-size: 1em; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefiturl a { display: inline; color: #836f40; text-decoration: underline; }

div.article #contentContainer #content #contentBody #benefitinfo950 .benefiturl a:hover { text-decoration: none; }

/*!
 * updated --- 2015/06/8 Enhance
*/
/**  -----------------------------------------------------------------------------
*/
#contentRecommend { padding: 40px 0 20px 0; }

#contentRecommend #recommendMain { width: 950px; position: relative; color: #333; padding: 60px 0 0 0; float: left; }

#contentRecommend #recommendMain #recommendArticle ul { zoom: 1; width: 986px; }

#contentRecommend #recommendMain #recommendArticle ul:after { content: ""; display: block; clear: both; }

#contentRecommend #recommendMain #recommendArticle ul li { clear: none; padding: 0 0 0 175px; width: 282px; min-height: 169px; float: left; margin-right: 36px; }

#contentRecommend #recommendMain #recommendArticle ul li .lead { width: 282px; }

#contentRecommend #recommendMain #recommendArticle ul li .title { width: 282px; }

#contentRecommend #recommendMain #recommendLink { float: left; }

#contentRecommend #recommendMain #recommendSub { float: right; }

#contentRecommend #recommendMain #recommendSub { padding-top: 0; }

#contentRecommend #recommendMain #recommendSub #Ads_tower:first-child { padding-top: 18px; }

#contentRecommend #recommendMain #recommendSub #Ads_int h3:first-child { padding-top: 18px; }

/* SIG_questionnaire --- 2015/06/15
--------------------------------------------------------------------*/
#questionnaireArea a { width: 950px; height: 180px; position: relative; clear: both; margin: 60px 0 0; background: url(/content/dam/diners/img/magazine/category/bnr_sig_questionnaire02.jpg) no-repeat left top; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

#questionnaireArea a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

#questionnaireArea p a img { display: none; }

#Ads_bnrSig { width: 270px; position: relative; clear: both; }

#Ads_bnrSig p { margin-bottom: 25px; }

/*!
 * SIGNATURE | parts
 * updated --- 2015/7/13
*/
#content #contentBody section .video_section.pc_video_h533 .videobox iframe { width: 950px !important; height: 533px !important; vertical-align: bottom; }

/* kyotoArea --- 2015/07/21
--------------------------------------------------------------------*/
#kyotoArea {
    background: url(/content/dam/diners/img/magazine/category/bg_kyoto_area.jpg) repeat 0 0;
    padding: 60px 0 0 0;
}
#kyotoArea .unit3Col {
    width: 280px;
    float: left;
    margin-left: 55px;
}
#kyotoArea h4+.unit3Col {
    margin-left: 0;
}
#kyotoArea .unit3Col:nth-child(1) {
    margin-left: 0;
}
#kyotoArea .unit3Col p {
    font-weight: bold;
    margin-bottom: 10px;
}
#kyotoArea .unit3Col p.link_red {
    margin-bottom: 0;
}
#kyotoArea .unit3Col a {
    color: #333;
    text-decoration:none;
}
#kyotoArea .unit3Col a:hover {
    display: block;
    filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;
}
#kyotoArea .unit3Col .link_red {
    background: url(/content/dam/diners/img/magazine/icon_link_red_002.gif) no-repeat right 0.5em;
    padding-right: 12px;
    display: inline-block;
    color: #bc0d11;
    font-weight: normal;
    text-decoration: underline;
}


/* ginza_area2 --- 2016/11/28
--------------------------------------------------------------------*/
#ginza_area2 {
    background-color: #ececec;
    padding: 60px 0 0 0;
}
#ginza_area2 .unit3Col {
    width: 280px;
    float: left;
    margin-left: 55px;
}
#ginza_area2 p+.unit3Col {
    margin-left: 0;
}
#ginza_area2 .unit3Col p {
    font-weight: bold;
    margin-bottom: 10px;
}
#ginza_area2 .unit3Col p.link_red {
    margin-bottom: 0;
}
#ginza_area2 .unit3Col p.link_blue {
    margin-bottom: 0;
}
#ginza_area2 .unit3Col a {
    color: #333;
    text-decoration-line: none;
}
#ginza_area2 .unit3Col a:hover {
    display: block;
    filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;
}
#ginza_area2 .unit3Col .link_red {
    background: url(/content/dam/diners/img/magazine/icon_link_red_002.gif) no-repeat right 0.5em;
    padding-right: 12px;
    display: inline-block;
    color: #bc0d11;
    font-weight: normal;
    text-decoration: underline;
}
#ginza_area2 .unit3Col .link_blue {
    background: url(/content/dam/diners/img/magazine/contents_ico02.gif) no-repeat right 0.5em;
    padding-right: 12px;
    display: inline-block;
    color: #0069aa;
    font-weight: normal;
    text-decoration: underline;
}


/* frw2015 Area --- 2015/07/27
--------------------------------------------------------------------*/
#frw2015Area .box01, #frw2015Area .box03, #frw2015Area .box04, #frw2015Area .box05 { width: 153px; }

#frw2015Area .box01, #frw2015Area .box03, #frw2015Area .box04 { margin-right: 10.5px; }

#frw2015Area a .txtlinkArea { text-decoration: underline; }

#frw2015Area .txtlinkArea { line-height: 2.5em; }

#frw2015Area a:hover img, #frw2015Area a:hover .txtlinkArea { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.bgfullwhite { background-color: #ffffff; }

/* linkBlockB_w --- 2015/10/05
--------------------------------------------------------------------*/
#content #contentBody section a.linkBlockB_w { padding-left: 19px; display: block; color: #000000; text-decoration: none; background: url(/content/dam/diners/img/magazine/icon_link_002.gif) no-repeat 6px 0.35em; }

#content #contentBody section a.linkBlockB_w:hover { text-decoration: underline !important; }

/*==================================================================== footer 2015/10/31
====================================================================*/
#footerBar .logo + p { line-height: 1.0; padding-top: 8px; }

#footerBar p { font-size: 80%; }

/*==================================================================== header 2015/11/03
====================================================================*/
#headerContainerPC .topBlock img { vertical-align: top !important; }

/*linkBlockA_w --- 2015/11/09
--------------------------------------------------------------------*/
#content #contentBody section a.linkBlockA_w { display: inline-block; background: url(/content/dam/diners/img/magazine/icon_link_001_w.gif) left 0.6em no-repeat; padding-left: 12px; }

#content #contentBody section a:hover.linkBlockA_w { text-decoration: underline; }


/* kyoto --- 2015/01/18 up
------------------------------------*/
/*kyoto background*/
.kyoto_bg01 { background: url(/content/dam/diners/img/magazine/category/bg_kyoto_001.jpg) repeat 0 0;}
.kyoto_bg01 .column_body { width: 670px !important;}

/*kyoto_heading*/
body.page.basicpage.guest #contentContainer #content #contentBody .kyoto_heading { padding: 20px 0 0;}
body.page.basicpage.guest #contentContainer #content #contentBody .kyoto_heading .column5-5 .left { width: 140px;}
body.page.basicpage.guest #contentContainer #content #contentBody .kyoto_heading .column5-5 .right { width: 670px; padding-right: 140px;}

/*tableBlockKyoto*/
.tableBlockKyoto table th{
    padding: 6px 9px !important;
    background-color: #ede9de;
    border: #dddddd 1px solid;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
}
.tableBlockKyoto table td{
    padding: 6px 22px !important;
    background-color: #ffffff;
    border: #dddddd 1px solid;
    vertical-align: middle;
}

/*googlemap #map_canvas*/
#map_canvas, #map_canvas02, #map_canvas03 { width: 440px; height: 300px;}
#map_canvas+p, #map_canvas02+p, #map_canvas03+p { margin: 10px 0 0;}

/*kyotoBenefitinfo950*/
#kyotoBenefitinfo950 .benefitbody {
    background-color: #ffffff;
    color: #333333;
    width: 950px;
    margin: 0 auto;
    padding: 30px 0;
}
#kyotoBenefitinfo950 .benefitbody .pc_fright {
    width: 645px;
}
#kyotoBenefitinfo950 h3 {
    background: url(/content/dam/diners/img/magazine/category/ttl_kyoto_001.gif) repeat;
    width: 950px;
    height: 38px;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    line-height: 190%;
}
#kyotoBenefitinfo950 h4 {
    font-weight: bold;
    color:#a59870;
}

/*link_red*/
.link_red a { color: #bc0d11; text-decoration: underline;}
.link_red a:hover { text-decoration: none;}
.link_red img { vertical-align: -1px!important; margin-left: 5px;}

/*listBlock*/
.listBlock01 li {
    zoom: 1;
    background: url('/content/dam/diners/img/magazine/icon_list_001.gif') left 0.5em no-repeat;
    padding-left:10px;
}

/*disc1*/
ul.disc1 li {
    color:#646464;
    text-indent: -1em;
    padding-left: 1em;
}

/*dot_border*/
.dot_border {
    border-bottom: dotted 1px;
    padding-bottom: 30px;
    margin-bottom: 30px !important;
}

/*category_kyoto*/
#kyotoReadArea { margin-top: 80px; width: 598px; position: relative; clear: both; }
#kyotoReadArea h2 { font-size: 1.5em; padding-bottom: 12px; width: 598px; }
#kyotoReadArea ul { padding-bottom: 10px; }
#kyotoReadArea ul li { width: 598px; padding-top: 20px; min-height: 170px; position: relative; clear: both; }
#kyotoReadArea ul li .title { font-size: 1em; font-weight: bold; line-height: 1.3; padding-bottom: 0.8em; }
#kyotoReadArea ul li .text { font-size: 0.875em; line-height: 1.5; width: 430px; padding-bottom: 1em; }
.premium #kyotoReadArea ul li .text { color: #aaaaaa; }
#kyotoReadArea ul li .pict { position: absolute; top: 20px; right: 0; }
#kyotoReadArea ul li a { color: #0069aa; }
#kyotoReadArea ul li a:hover { color: #7fb4d4; }
.guest #kyotoReadArea ul li { color: #333; border-top: 1px solid #dddddd; }
.regular #kyotoReadArea ul li { color: #333; border-top: 1px solid #dddddd; }
.premium #kyotoReadArea ul li { color: #fff; border-top: 1px solid #222222; }
#kyotoReadArea ul li .link { padding-top: 15px; }

/*new_articles*/
.categoryKyotoTitle {
    padding-top: 23px;
}
.categoryKyotoTitle p {
    background: url(/content/dam/diners/img/magazine/category/ttl_kyoto_002.gif) repeat;
    width: 598px;
    text-align: center;
    padding: 5px 0;
}
#new_articles.new_articles_kyoto h2 {
    display: none;
}
#new_articles.new_articles_kyoto {
    padding-top: 44px;
}
#new_articles.new_articles_kyoto #filter_category {
    top: 10px;
}

/*signature_header --- 2016/05/16 up*/
#headerCont .topBlock .link .linkBlock1 a.sig_dispBlock {
    /*display: inline-block !important;*/
    display: none !important;
}
#headerCont .topBlock .link .linkBlock1 a.sig_dispNone {
    /*display: none !important;*/
    display: inline-block !important;
}

#filter #filterMainBlock .txt{
    color:#333;
}

/*signature_header --- 2016/05/20 up*/
#headerType1 #headerContainerPC .topBlock .link .linkBlock1 div.blnInner div.inner {line-height:1.67}


/* masuhiroArea --- 2016/07/01
--------------------------------------------------------------------*/
#masuhiroArea .inner_box {
    padding: 50px 70px;
    width: 810px;
}
.masuhiro_btn {
    margin-top: 40px;
}
.masuhiro_btn a {
    padding: 15px 70px;
    background: #c43934;
    display: inline-block;
    color: #fff;
}
.masuhiro_btn a:hover {
    text-decoration: underline;
}

/*linkBlockB_w2 --- 2016/07/11 up
--------------------------------------------------------------------*/
#content #contentBody section a.linkBlockB_w2 { padding-left: 19px; display: block; color: #fff; text-decoration: underline; background: url(/content/dam/diners/img/magazine/icon_link_002.gif) no-repeat 6px 0.35em; }

#content #contentBody section a.linkBlockB_w2:hover { text-decoration: none !important; }


#content #contentBody section a.linkBlockB_2 { padding-left: 19px; display: block; text-decoration: underline; background: url(/content/dam/diners/img/magazine/icon_link_022.gif) no-repeat 6px 0.35em; }
#content #contentBody section a.linkBlockB_2:hover { text-decoration: none !important; }



/* sig_BenefitArea --- 2016/08/08
--------------------------------------------------------------------*/
#sig_BenefitArea {
    background: #eee;
    padding: 60px 0 0 0;
}
#sig_BenefitArea .unit3Col {
    width: 280px;
    float: left;
    margin-left: 55px;
}
#sig_BenefitArea p+.unit3Col {
    margin-left: 0;
}
#sig_BenefitArea .unit3Col p {
    font-weight: bold;
    margin-bottom: 10px;
}
#sig_BenefitArea .unit3Col p.link_blue {
    margin-bottom: 0;
}
#sig_BenefitArea .unit3Col a {
    color: #333;
    text-decoration: none;


}
#sig_BenefitArea .unit3Col a:hover {
    display: block;
    filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;
}
#sig_BenefitArea .unit3Col .link_blue {
    background: url(/content/dam/diners/img/magazine/contents_ico02.gif) no-repeat right 0.5em;
    padding-right: 12px;
    display: inline-block;
    color: #0069aa;
    font-weight: normal;
    text-decoration: underline;
}
#map_canvas04 { width: 440px; height: 450px;}
#map_canvas04+p{ margin: 10px 0 0;}
/* 1月10日更新
---------------------------------------------------------------------------*/
body.page.basicpage.guest #contentContainer #content #contentBody .inner_section .inner-half-l {
    width: 425px;
    float: left;
    padding-right: 25px;
    padding-left: 25px;
}
body.page.basicpage.guest #contentContainer #content #contentBody .inner_section .inner-half-r {
    width: 425px;
    float: right;
    padding-right: 25px;
    padding-left: 25px;
}

/* 1月16日更新
---------------------------------------------------------------------------*/

body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .photo3{margin-right:0;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .photo3{ margin-right: 0; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo3.bgstyle{ display: block !important; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .photo3{ background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 100%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .txt3{ width: 430px; margin-left: 45px; float: left; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .txt3{ width: 430px; margin-right: 45px; float: right; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .pc_fleft { float: left; width:33.3%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .pc_fleft-last { float: left; width:33.4%;}
body.page.basicpage.guest #contentContainer #content #contentBody .pc_mh300{ min-height: 300px; height: 300px;}

/* 1月30日更新
---------------------------------------------------------------------------*/
body.page.basicpage.guest #contentContainer #content #contentBody .photo .pc_full_half { width: 470px; height: auto;}

/*Btn03*/
.btnArea03 p { display: inline-block; margin: 10px 0 0 0; background-clip: padding-box; background-color: #9b844f; background-image: -webkit-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -moz-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -o-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: -ms-linear-gradient(bottom, #79663a, #9f8752 94%); background-image: linear-gradient(to top, #79663a, #9f8752 94%);border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }


* + html .btnArea03 p { display: inline; zoom: 1; }

* html .btnArea03 p { display: inline; zoom: 1; }

.btnArea03 p a { padding: 10px 19px 9px 29px; display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: url(/content/dam/diners/img/magazine/contents_ico01.gif) no-repeat 10px 50%; }

.btnArea03 p a:hover { text-decoration: underline; }

/* 3月7日更新
---------------------------------------------------------------------------*/
ul.flow li{
    float:left;
    text-align:center;
    display:block;
}
ul.flow li dl dt.box{
    border: 1px solid #000;
    margin-right:10px;
    padding: 5px 10px;
}
.arrow{
    width: 0;
    height: 0;
    border-top: 10px solid #FFF;
    border-right: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
    border-left: 10px solid #000;
    margin-top:5px;
}
/* 3月22日更新
---------------------------------------------------------------------------*/
body.page.basicpage.guest #contentContainer #content #contentBody .inner_section2 { width: 1200px; margin: 0 auto; }

#mapsArea .unit3Col {
    width: 280px;
    float: left;
    margin-left: 55px;
}
#mapsArea h4+.unit3Col {
    margin-left: 0;
}
#mapsArea .unit3Col:nth-child(1) {
    margin-left: 0;
}
#mapsArea .unit3Col p {
    font-weight: bold;
    margin-bottom: 10px;
}
#mapsArea .unit3Col .link_red {
    background: url(/content/dam/diners/img/magazine/icon_link_red_002.gif) no-repeat left 0.5em;
    padding-left: 12px;
    display: inline-block;
    color: #bc0d11;
    font-weight: normal;
    text-decoration: underline;
}
/* 3月22日更新 googlemap #map_canvas05
---------------------------------------------------------------------------*/
#map_canvas05 { width: 950px; height: 500px;}
#map_canvas05+p{ margin: 10px 0 0;}
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 .table-cell{ display:table; width: 950px;}
body.page.basicpage.guest #contentContainer #content #contentBody .column5-5 div.cell{ display:table-cell; vertical-align:bottom;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .table-cell{ display:table; width: 100%;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .cell{ display:table-cell; vertical-align:center;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .cell-in{ width:475px;}




body.page.basicpage.guest #contentContainer #content #contentBody #box-area { position: relative; clear: both; }

body.page.basicpage.guest #contentContainer #content #contentBody #box-area h3,
body.page.basicpage.guest #contentContainer #content #contentBody #box-area h4{ width: 850px; padding: 6px 50px 5px 50px; font-size: 1em; font-weight: bold; color: #fff;}

body.page.basicpage.guest #contentContainer #content #contentBody #box-area .box-area-in { position: relative; width: 948px; font-size: 1em; color: #333; line-height: 1.6em;; background-clip: padding-box; background: #f5f1e4; border: 1px solid #cdc2a9; border-top: none; }


body.page.basicpage.guest #contentContainer #content #contentBody #box-area .box-area-in ul { padding-top: 0.1em; }

body.page.basicpage.guest #contentContainer #content #contentBody #box-area .box-area-in ul li { text-indent: -1em; padding-left: 1em; line-height: 190%;}

/* 6月06日更新
---------------------------------------------------------------------------*/
.fandf,.fandf2{
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 50%, #2e158c 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 50%,#2e158c 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 50%,#2e158c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2e158c',GradientType=1 ); /* IE6-9 */
height:100%;
}

.fandf::before{
	content: '';
	position: absolute;
 background:#FFF;
 top:0;right:0;bottom:50%;left:0;
	height:50%;
}
/*
---------------------------------------------------------------------------*/
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .float4-1 { float: left; width:25%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .float3-1 { float: left; width:34%; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .float3-2 { float: left; width:66%;}
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .float2-1,
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .pc_float2-1{ float: left; width:50%;}

/*7月18日更新
---------------------------------------------------------------------------*/
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .right .txt4 { width: 445px; margin-left: 30px; }
body.page.basicpage.guest #contentContainer #content #contentBody .fullcolumn5-5 .left .txt4 { width: 445px; margin-right: 30px; }

