@charset "UTF-8";
/*
	Theme Name: Japan Location Photo
	Author: Media-Presto
	Version: 1.0.1
*/
/**General Setting
*****************************************/
html, body {height: 100%;width: 100%;}
body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #f9f7f3;
	color: #555;
	/*font-family: 'Arial', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: 'Arial', 'Helvetica', "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 13px;
	line-height: 24px;
	background: url(../images/common/bg_paper.jpg) repeat #F6EEE8;
}
/** Typography
*****************************************/
h1, h2, h3, h4, h5, h6 { color: #6C6024; font-family: 'Sorts Mill Goudy',sans-serif; font-weight: 500; }
.sorts_mill{ font-family: 'Sorts Mill Goudy',sans-serif; font-size: 18px;}
h2{ font-size: 24px !important;}
h1.notfound{ font-size: 40px; text-align: center; margin: 100px 0}
/** Link
*****************************************/
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/** Link
*****************************************/
a {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	color: #604e44;
	transition: color 0.1s ease-in, background 0.1s ease-in;
	text-decoration: none; 
}
a:hover,a:focus {cursor: pointer; color: #7b7b7b; outline: 0; text-decoration: none; opacity: 0.8}
a:before,a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
/** Layout
*****************************************/
#wrapper,.container{ margin: 0 auto; word-wrap: break-word; }
.container{ max-width: 980px;}
#header_wrap, #footer{ width: 100%;}
/** #header
*****************************************/
#header_wrap{ background: #FDFCFA;}
#header{ padding: 20px 10px;}
#logo a:hover{ opacity:1.0;}
.header_left{ float: left;}
.header_right{ float: right; width: 170px;}
.header_right .btn{ display: block; padding: 20px 0;}
.main_img{text-align: center;max-width: 1400px; margin: 0 auto !important; background: #FFFFFF;}
/** #menu
*****************************************/
#menu{ background: #FDFCFA; border-bottom: 1px solid #DAC9A6;}
#menu li{ float: left; width: 163px; padding: 10px 0;}
#menu li a{ color: #6C6024; display: block; font-family: 'Sorts Mill Goudy', serif; font-size: 18px; border-right: 1px solid #F4E8D3; text-align: center; line-height: 45px;}
#menu li:last-child a{ border-right: 0; }
/** #sp-menu
*****************************************/
#sp-menu, #sp-header, #sp-footer-bnr, #sp-footer{display: none;}
/** #footer
*****************************************/
.footer-bnr{ background: url(../images/common/bnr_footer.png) 0 40px no-repeat; height: 135px; margin:0 0 40px; position: relative;}
.footer-bnr a.btn{ position: absolute; right: 40px; top: 65px;}
#footer{ background: #F4E8D3; height: 60px; font-size: 12px;line-height: 60px;}
#footer .copyright{ color: #666666;  }
#footer .link li{ float: left; margin-left: 15px; }
#footer .link li a{ padding-left: 10px; background: url(../images/common/icon_list.png) 0  4px no-repeat;}
#banner_hairgallery{margin-top:40px;}
#sp_banner_hairgallery{display:none;}
/** #page-index
*****************************************/
#page-index #box-intro{ margin: 75px 0; border-bottom: 1px solid #DAC9A6 }
#page-index #box-intro h2{ background: url(../images/common/hr_center.png) no-repeat center center; text-align: center; }
#page-index #box-intro p{ font-size: 13px; line-height: 24px; padding: 50px;}
#page-index .one-half{ width: 455px; height: 450px;}
#page-index .one-third{ width: 286px; height: 450px;}
#page-index .box-subnav{float: left; margin: 0 30px 30px 0;background: #FFFFFF; padding: 10px; position: relative;}
#page-index .box-subnav h2{ padding: 40px 0; text-align: center;}
#page-index .box-subnav p{ font-size: 13px; line-height: 24px;}
#page-index .box-subnav .btn_more{ position: absolute; bottom: 30px; width: 100%; display: block; margin: 0 auto}
#page-index .box-subnav .btn_more:hover{ opacity: 0.8; cursor: pointer;}
#page-index #box-movie{ width: 624px; float: left;background: #FFFFFF; padding: 10px; margin-right: 30px; }
#page-index #box-movie h2{ margin: 20px 0 0 0; width: 150px; float: left;}
#page-index #box-movie .btn-youtube{ float: right; padding-top: 10px;}
#page-index #box-news{ background: #FFFFFF; padding: 10px; margin-top: 30px;}
#page-index #box-news h2{ margin: 30px 0;}
#page-index #box-news .news_row{ border-top: 1px solid #DAC9A6;border-bottom: 1px solid #DAC9A6; margin-bottom: 30px; }
#page-index #box-news .list{ padding: 10px 0 10px 10px; border-bottom: 1px dotted #AE9980;}
#page-index #box-news .list:last-child{ border: none ;}
#page-index #box-news .date,#page-index #box-news .cat, #page-index #box-news .txt{ margin-right: 10px; float: left; font-weight: normal;}
#page-index #box-news .date{ color: #6C6024; width: 105px;font-size: 12px;}
#page-index #box-news .cat{  width: 120px; text-align: center;}
#page-index #box-news .cat a{ width: 95px;}
#box-news .txt{ width: 325px; display: block; margin-right: 0!important; font-size: 12px;}
#page-index .fb{background: #FFFFFF; padding: 10px; float: left; height: 380px !important;}
/** .sub-page
*****************************************/
h1.ttl-txt{ font-size: 32px; line-height: 40px; margin: 40px 0 40px 30px;}
h1.ttl-pht{ font-size: 32px; background: #FFFFFF; text-align: center; border-bottom: 1px solid #DAC9A6; margin-bottom: 40px;}
.sub-page h2{ padding-bottom: 20px; margin-bottom: 20px; background: url(../images/common/hr_double.png) center bottom no-repeat; }
.sub-page .main{ background: url(../images/common/bg_trans.png) repeat; padding: 45px;}
.tbl th{ width: 270px; font-family: 'Sorts Mill Goudy', serif;  font-size: 16px; text-align: left; font-weight: 500px; }
.tbl td{ font-size: 14px; line-height: 24px;}
.tbl th, .tbl td{ height: 43px; padding: 3px 0}
.sub-page .remark li{ font-size: 12px; line-height: 21px;}
/** #page-concept
*****************************************/
#page-concept{  width: 100%}
#page-concept .box-01 { background: url(../images/common/bg_concept_box01.png) 0 40px no-repeat; padding-top: 40px; margin-bottom: 40px; height: 530px;}
#page-concept .box-01 h1{ text-align: center; padding: 20px 0;}
#page-concept .box-01 p{ font-size: 14px; text-align: center; color: #6C6024; line-height: 22px;}
#page-concept .about{ background: url(../images/common/bg_trans.png) repeat; padding: 30px; margin-bottom: 40px;}
#page-concept .about h2{ text-align: center; margin-bottom: 40px;}
#page-concept .about .img, #page-concept .about .txt{width: 450px; float: left;}
#page-concept .about .col-left{margin-right: 20px;}
#page-concept .about .txt, #page-concept .about .txt{ margin-top: 100px;}
#page-concept .about h3{ font-size: 19px; margin-bottom: 10px; font-weight: bold; font-family: 'Arial', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#page-concept .about .img{ text-align: center;}
#page-concept .about .txt{ font-size: 13px; }

/** #page-contact
*****************************************/
#page-contact{ min-height: 700px}
#page-contact .btn-bottom{ width: 100%; text-align: center;  margin-bottom: 100px;}
#page-contact .two-btn-bottom{ width: 512px; margin: 0 auto; margin-bottom: 100px;}
#page-contact .two-btn-bottom button{display: block; float: left; }
#page-contact .two-btn-bottom a.btn{ padding: 0 40px;}
#page-contact .form-half{ width: 230px; border: 2px solid #CCCCCC; background: #FFFFFF; height: 36px; line-height: 36px;}
#page-contact .form-full{ width: 650px; border: 2px solid #CCCCCC; background: #FFFFFF; height: 36px; line-height: 36px;}
#page-contact textarea { width: 630px; resize: none; height: 230px; border: 2px solid #CCCCCC; background: #FFFFFF;}
#page-contact th{vertical-align: top;}
#page-contact th, #page-contact td{ padding: 15px 0;}
#page-contact .error{ color: #FF0000;}
div#mfp_hidden {
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
}
div#mfp_hidden input {
    margin: 10px;
}
div.mfp_thanks {
    padding: 30px;
}
div.mfp_thanks p {
    line-height: 1.7em;
}
div.mfp_thanks ul.mfp_caution {
    margin: 0;
    padding: 0;
}
div.mfp_thanks ul.mfp_caution li {
    color: #c00;
    display: block;
    margin: 0;
    padding: 5px 0;
}
div#mfp_thanks {
    font-size: 18px;
    padding: 20px 0 30px;
    text-align: center;
}
div#mfp_thanks strong {
    color: #c00;
    font-size: 24px;
}
form#mailformpro {
    padding: 0;
}
form#mailformpro dl dt {
    border-top: 1px solid #ccc;
    clear: both;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
    text-align: right;
    width: 150px;
}
form#mailformpro dl dd {
    border-top: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0;
    padding: 10px 5px 10px 160px;
    text-align: left;
}
form#mailformpro dl dd ul, form#mailformpro dl dd ol {
    margin: 0;
    padding: 0;
}
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.must {
    background-color: #c00;
    background-image: url("images/header.png");
    background-size: 100% 100%;
    border: 2px solid #c00;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 5px;
    padding: 2px 5px;
    text-shadow: 0 1px 2px #933;
}
form#mailformpro label {
    border-radius: 3px;
    display: inline-block;
    margin: 3px;
}
form#mailformpro label.mfp_checked {
    background-color: #e8eef9;
    border: 1px solid #ccc;
    padding: 3px;
}
form#mailformpro label.mfp_not_checked {
    border: 1px solid #eee;
    padding: 3px;
}
div#mfp_phase_confirm {
    clear: both;
}
div#mfp_overlay {
    display: none;
    position: absolute;
    z-index: 10001;
}
div#mfp_overlay_inner {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #000;
    margin: 0 auto;
    max-width: 90%;
    padding: 15px;
    width: 640px;
}
div#mfp_overlay_background {
    background-color: #000;
    display: none;
    position: absolute;
    z-index: 10000;
}
div#mfp_loading_screen {
    background-color: #000;
    display: none;
    opacity: 0.8;
    position: absolute;
    z-index: 20000;
}
div#mfp_loading {
    background-image: url("http://www.matsusada.co.jp/images/contact/mfp_loading.gif");
    display: none;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 20001;
}
.mfp_colored {
    background-color: #f6f7f9;
}
.mfp_achroma {
    background-color: #fff;
}
div.mfp_err {
    clear: both;
    color: #f00;
    display: none;
    font-size: 12px;
    line-height: normal;
    margin: 5px 0 0;
    text-align: left;
}
.mfp_parent_error {
    border: 2px solid #f00;
}
.problem {
    background-color: #fcc;
}
div#mfp_error {
    background-color: #fee;
    border: 1px solid #f00;
    display: none;
    padding: 10px;
}
div#mfp_error p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}
div#mfp_error p strong {
    color: #f00;
    font-size: 18px;
}
div#mfp_warning {
    background-color: #fee;
    border: 1px solid #f00;
    display: none;
    padding: 10px;
}
div#mfp_warning p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}
div#mfp_warning p strong {
    color: #f00;
    font-size: 18px;
}
button.mfp_next, button.mfp_prev {
    font-size: 18px;
    margin: 10px;
    padding: 5px 10px;
}
button.mfp_next {
    float: right;
}
button.mfp_prev {
    float: left;
}
div.mfp_buttons {
    clear: both;
    padding: 10px 0;
    text-align: center;
}
div.mfp_buttons button#mfp_button_cancel {
}
.imagebutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin: 0;
    outline: medium none;
    padding: 0;
}
.mfp_element_all {
    max-width: 100%;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cccccc;
    height: 36px;
    line-height: 36px;
    width: 650px;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
    background: #bbaa93;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center;
    width: 200px;
	color:#ffffff;
}
.mfp_element_reset {
    color: #ffffff;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
    background: #bbaa93;
}
input#mfp_reserve_item, input#mfp_reserve_date {
    display: none;
}
div#mfp_reserve_wrapper {
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}
div#mfp_reserve_inner {
    overflow: auto;
    padding: 0 0 0 100px;
    position: relative;
}
div#mfp_reserve_wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
}
div#mfp_reserve_wrapper table.mfp_reserve_table_label {
    background-color: #fee;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 100;
}
div#mfp_reserve_wrapper table.mfp_reserve_table_value {
    padding: 0;
}
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning {
    cursor: pointer;
}
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active:hover, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning:hover {
    background-color: #e8eef9;
}
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_current {
    background-color: #0068b7;
    color: #fff;
}
td.mfp_reserve_disabled {
    background-color: #ccc;
}
td.mfp_reserve_warning {
    background-color: #ffc;
}
div#mfp_reserve_wrapper table tr td, div#mfp_reserve_wrapper table tr th {
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding: 0 5px;
    text-align: left;
}
td.mfp_reserve_week_0 {
    background-color: #fee;
    color: #f00;
}
td.mfp_reserve_week_6 {
    background-color: #eef;
    color: #00f;
}
div.mfp_ok {
    background: #0e63b3 none repeat scroll 0 0;
    border: 1px solid #0e63b3;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 10px;
    line-height: 1.5em;
    margin: 0 2px;
    padding: 0 5px;
}
div.prefcodeWrapper {
    position: relative;
}
div.prefcodeResult {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    display: none;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
}
div.prefcodeResult div {
    cursor: pointer;
}
div.prefcodeResult div:hover {
    background-color: #c9ebfb;
}
div.prefcodeResult div.prefcodeNext {
    background-color: #eee;
    text-align: center;
}
div.prefLoading {
    background: url(http://www.matsusada.co.jp/images/contact/mfp_zip_loading.gif) no-repeat scroll center center;
    padding: 60px 100px;
}
.hidefield {
    height: 0;
    overflow: hidden;
}
.showfield {
    height: auto;
    overflow: visible;
}
#mfp_phase_confirm_inner p {
    text-align: left;
}
#page-contact input.form-half {
	background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cccccc;
    height: 36px;
    line-height: 36px;
    width: 230px;
}
#page-contact textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cccccc;
    height: 230px!important;
    resize: none;
    width: 630px!important;
}
/** #page-faq
*****************************************/
#page-faq .faq{ margin-bottom: 50px;}
#page-faq .faq li{ margin-bottom: 10px; line-height: 30px; }
#page-faq .faq li span{ background: #F8C3CD; width: 30px; height: 30px; margin-right: 10px; border-radius: 5px; display: inline-block; float: left; text-align: center;font-family: 'Sorts Mill Goudy', serif; font-size: 20px; color: #FFFFFF;}
#page-faq .faq li.quest span{background: #F8C3CD; }
#page-faq .faq li.ans span{background: #E789A3; }
#page-faq .faq li p{float: left; max-width: 800px;}}
#page-faq .faq li.quest p{ font-size: 20px; color: #6C6024; }
#page-faq .faq li.ans p{ font-size: 12px;}

/** #page-gallery
*****************************************/
.head-catch h2,
.head-catch p{ font-size: 13px; text-align: center; color: #333333; margin:50px 0 30px;}
.ttl-parent{ background: #FFFFFF; padding: 40px 10px; margin-top: 40px;}
.ttl-child{padding: 30px 10px}
#page-gallery h2{ margin-bottom: 30px;}
#page-gallery .row, #page-report .row{ padding: 0 10px;}
#page-gallery .col, #page-report .col{ width: 300px; float: left; margin-right: 30px;}
#page-gallery .col h3{ padding: 20px 0 40px; text-align: center; font-size: 20px;}
#page-gallery .gallery { margin: auto;width:1000px;}
#page-gallery .gallery-item {list-style:none; float: left; margin-bottom: 20px; margin-right: 20px; margin-top:0; text-align: center; width: 230px;height:230px; overflow:hidden;}
#page-gallery .gallery-item img{height:230px; width:auto;position: relative;}
#page-gallery .gallery-item img.left{left:0;}
#page-gallery .gallery-item img.right{right:0;}
#page-gallery .gallery-item img.center{left:-25%;position: relative;}
#page-gallery .gallery-item img.check1{height:auto; width:230px;left:0;position: sticky;}
#page-gallery .gallery-item img.top{top:0;}
#page-gallery .gallery-item img.middle{top:-25%;position: relative;}
#page-gallery .gallery-item img.bottom {bottom: 0}
#page-gallery .gallery-item:last-child{ margin-right: 0;}
#page-gallery .gallery-item img{ border: none;}
#page-gallery .paging { text-align: center; }
#page-gallery .paging .prev,#page-gallery .paging .next{ padding: 0 50px; font-weight: normal;}
#page-gallery .paging .page{ padding: 5px 7px; border: 1px solid #CCCCCC; color: #4D4D4D; margin-left: 5px;}
#page-gallery .paging .active{ background: #CCCCCC; display: inline-block; padding: 3px 8px; margin-left: 5px; color: #FFF;}
#page-gallery .pagination{ position: relative; font-weight: normal; height: 30px; padding: 80px 40px 0 40px; font-size: 14px;}
#page-gallery .pagination .back-index{ position: absolute; left: 0; top: 83px; height: 30px; display: inline-block;}
/** #page-report
*****************************************/
#page-report .btn-report{ width: 300px; margin: 0 auto; display: block;}
#page-report .col h3{ padding: 10px 0; text-align: center; font-size: 18px; font-family: 'Arial', serif;}
#page-report .col h4{ text-align: center; padding-bottom: 20px; font-size: 20px;}
#page-report .single-row{ background: url(../images/common/bg_trans.png) repeat; padding: 30px;  }
#page-report .single-row .ttl-box h2{padding-bottom: 20px; margin-bottom: 40px; background: url(../images/common/hr_double.png) center bottom no-repeat;}
#page-report .single-row .ttl-box .ttl-main{ font-size: 24px; color: #6C6024; margin-bottom: 60px;}
#page-report .single-row .ttl-box h3{ margin-bottom: 20px; font-family: 'Arial', serif;}
#page-report .single-row .ttl-box .guest_txt{ font-size: 13px;}
#page-report .single-row .ttl-box .txt{ float: left; width: 438px; margin-right: 30px;}
#page-report .single-row .ttl-box .img{ float: left; width: 450px;}
#page-report .single-row .sub-box h3{ padding-bottom: 20px; margin-bottom: 20px; font-family: 'Arial', serif;background: url(../images/common/hr_double.png) center bottom no-repeat; }
#page-report .single-row .sub-box .txt{ float: left; width: 615px; margin-right: 30px;}
#page-report .single-row .sub-box .img{ float: left; width: 275px;}
#page-report .single-row .photo-box h3{padding-bottom: 20px; margin-bottom: 20px; background: url(../images/common/hr_double.png) center bottom no-repeat;}
#page-report .single-row .photo-box ul li{ width: 215px;  float: left; margin-right: 20px;}
#page-report .single-row .photo-box ul li:last-child{ margin-right: 0!important;}

#page-report .clearfix{width:1000px;}
#page-report .clearfix li{
	display:inline-block;width:230px;
	margin-right:16px;
	vertical-align:top;
	margin-bottom:20px;
}
#page-report .clearfix li p{
	margin:0;
	text-align:left;
}
.mt0{margin-top:0!important;}
#paging span.current_page {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_page {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_page:hover, #paging .link_page:active {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}
#paging .link_next {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_next:hover, #paging .link_next:active {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}
#paging .link_before {
    border: 1px solid #cccccc;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
}
#paging .link_before:hover, #paging .link_before:active {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}
#paging {
    clear: both;
    margin: 20px auto;
    text-align: center;
}
#paging ul {
    display: inline-block;
    margin-bottom: 30px;
}
#paging li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
#paging li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 5px;
}
#report-sidebar li{
	overflow:hidden;
	clear:left;
	padding-left:0!important;
	word-wrap:break-word;
}
#report-sidebar li a{word-wrap:break-word;}
#report-sidebar li img{
	width:100px;
	float:left;
	margin-right:0px;
}
#report-sidebar li a.text{
	width:175px;
	display:block;
	float:right;
}
.ttl_h3_report{
	background: rgba(0, 0, 0, 0) url("../images/common/hr_double.png") no-repeat scroll center bottom;
    padding:0 0 20px;
	margin-bottom:15px;
	font-size:140%;
}
/** #page-news
*****************************************/
#page-news .main{ width: 645px; float: left; margin: 40px 30px 0 0; }
#page-news .main h1{ background: #FFFFFF; padding: 25px 10px; font-size: 24px;}
#page-news .news-container{background: #FFFFFF; padding: 10px; }
#page-news .col{ width: 200px; float: left; margin-right:8px; margin-bottom:8px;}
#page-news p.date{ font-size: 14px; margin-bottom: 5px;}
#page-news .cat, #page-index #box-news .cat{ margin-bottom: 5px; list-style: none;}
#page-news .cat a,#page-index #box-news .cat a{ display: inline-block; font-size: 10px; padding: 0 10px; height:15px; line-height: 15px; border-radius: 3px; background: #857835; color: #FFFFFF;}
#page-news .cat a.news, #box-news .cat a.news{ background: #e789a3 !important}
#page-news .cat a.event, #box-news .cat a.event{ background: #e789a3 !important}
#page-news .cat a.blog, #box-news .cat a.blog{ background: #e789a3 !important}
#page-news .cat a.other, #box-news .cat a.other{ background: #563f2e !important}
#page-news .news-single{background: #FFFFFF; padding: 30px; }
#page-news .news-single h3.ttl_h3_news{ font-size: 18px; margin: 10px 0; font-family: 'Arial', serif; }
#page-news .news-single .content img{ max-width: 585px;}
#page-news .news-single .pagination{ padding: 80px 0; width: 150px; margin: 0 auto; font-weight: normal;}
#page-news .news-single .pagination .prev,#page-news .news-single .pagination .next{ width: 50%; float: left;}
#page-news .news-sidebar { width: 305px; float: left; margin: 40px 0 0 0;}
#page-news .news-sidebar h3{ padding: 20px 0; background: url(../images/common/hr_double.png) center bottom no-repeat;}
#page-news .news-sidebar .widget{ padding: 10px; margin-bottom: 30px;  background: #FFFFFF;}
#page-news .news-sidebar .list li{ line-height: 1.4em; border-bottom: 1px dotted #AE9980; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; list-style: none;}
#page-news .news-sidebar .list li:last-child{ border-bottom: 1px solid #AE9980;}
#page-news .main img{max-width:100%!important;}
/** 
#page-privacy
*****************************************/
#page-privacy h3{ font-size: 16px;margin-bottom:30px;}
#page-privacy p{ font-size: 12px;margin-bottom:30px;}
/** 
#page-about
*****************************************/
.google-maps{ position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#page-about .tbl th{width: 20%; margin-right: 10%;}
/** 
#page-location
*****************************************/
#page-location .area,#page-location .situation{ max-width: 900px; padding: 40px; background: #FFFFFF;}
#page-location .area .map{ padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid #DAC9A6;}
#page-location .area h2{font-size: 16px; margin-bottom: 20px;}
#page-location .area h2 span{font-size: 13px; margin-left: 40px;}
#page-location .area h3{font-size: 18px; margin-bottom: 20px; font-family: 'Arial', serif;}
#page-location .area ul{ border-bottom: 1px dotted #DAC9A6;margin-bottom: 40px;}
#page-location .area ul:last-child{ border: none; margin: 0}
#page-location .area li{ float: left; margin-right: 50px;}
#page-location .situation h2{ text-align: center; margin-bottom: 40px;}
#page-location .situation .desc{ text-align: center; font-size: 13px; }
#page-location .situation h3{ font-size: 24px; border-bottom: 1px solid #DAC9A6; padding-bottom: 10px; padding-top: 40px; margin-bottom: 20px;}
#page-location .situation h3 .desc_title{ margin-left: 20px; color: #222222; font-size: 13px;}
#page-location .situation .thumb{ width: 200px; float: left;}
#page-location .situation .place_list{ max-width: 700px; float: left; }
#page-location .situation .place_list li{ width: 158px; float: left; margin-left: 17px;}
#page-location .situation .place_list li .img{ height: 120px; overflow: hidden; vertical-align: middle;}
#page-location .situation .place_list li h4{font-family: 'Arial', serif; font-size: 14px; text-align: center;padding: 5px 0; }
#single-location{ font-size: 13px;}
#single-location h3{ font-size: 18px; font-family: 'Arial', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#single-location h4{ font-size: 16px; font-family: 'Arial', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#single-location section{background: url(../images/common/bg_trans.png) repeat;}
#single-location section h2{ text-align: center; padding-bottom: 40px;}
#single-location .main-img .desc{ padding: 40px; font-size: 13px;}
#single-location .spot, #single-location .plan,
#single-location .schedule, #single-location .stay,
#single-location .sight, #single-location .gm{ padding: 40px}
#single-location .col-03{ width: 280px; float: left; margin-right: 30px;}
#single-location .col-04{ width: 210px; float: left; margin-right: 20px;}
#single-location .spot .link_to_gallery{ text-align: right; margin-top: 20px;}
#single-location .spot .link_to_gallery a{font-family: 'Sorts Mill Goudy', serif; }
#single-location .plan-dtl{ margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px dotted #ae9980;}
#single-location .plan-dtl:last-child{ padding-bottom: 0; border:none;}
#single-location .plan .plan_ttl{ border-bottom: 1px dotted #ae9980; margin-bottom: 40px;}
#single-location .plan .plan_ttl .desc{ padding-bottom: 40px;}
#single-location .plan-dtl .img{ width: 300px; margin-right: 40px; float: left;}
#single-location .plan-dtl .dtl{ width: 560px; float: left;}
#single-location .plan-dtl table{ border-collapse: collapse;}
#single-location .plan-dtl table th{font-family: 'Sorts Mill Goudy', serif; font-size:16px; text-align: left; color: #FFF; background: #AE9880;border: 1px solid #CCC; font-weight: normal; padding: 15px; width: 120px;}
#single-location .plan-dtl table td{ padding: 15px; border: 1px dotted #CCCCCC;}
#single-location .schedule .desc{text-align: center;}
#single-location .stay .col{ border-bottom: 1px solid #DAC9A6; margin-bottom: 40px;}
#single-location .stay .col h4, #single-location .gm .col h4{ color: #333333; margin: 10px 0;}
#single-location .stay .col p, #single-location .gm .col p{ line-height: 22px; padding-bottom: 20px;}
#single-location .stay .row:last-child .col, #single-location .gm .row:last-child{ margin-bottom: 0}
#single-location .stay h3{ font-size: 20px; padding:40px 30px; line-height: 35px;}
#single-location .gm .col{ border-bottom: 1px solid #DAC9A6;}
.schedule .circle{ background: url(../images/common/bg_models.png) no-repeat; width: 140px; height:110px; float: left; padding: 15px 19px; margin-top: 40px;}
.schedule li.circle:last-child{ width: 110px !important;}
.schedule li.circle:last-child .dtl{padding: 10px 10px 0 0;}
.schedule .new-row{ width: 33px; float: left; padding-top: 100px;}
.schedule .circle .time{ color: #563F2E; padding: 5px 0 10px 14px; font-size: 18px; font-weight: normal; }
.schedule .circle .dtl{ padding: 10px 20px 0 0; font-size: 12px;line-height: 1.4em;}
/** 
#page-plan
*****************************************/
#page-plan .main{ background: url(../images/common/bg_trans.png) repeat; padding: 40px; max-width: 980px; }
#page-plan h2{ text-align: center; padding-bottom: 50px; font-size: 30px; border-bottom: 1px dotted #ae9980; margin-bottom: 40px;}
#page-plan .box-plan h3{color: #6c6024; font-size: 18px; text-align: center;}
#page-plan .box-plan .txt{ font-size: 13px; text-align: center; padding: 5px 0; color: #333;}
#page-plan .box-plan .col{ width: 285px; float: left; margin: 40px 20px 40px 0;}
#page-plan .box-plan .col h4{ font-size: 18px; text-align: center; padding: 10px 0;}
#page-plan .box-plan .col h5{ background: #ae9980; color: #FFFFFF; padding: 5px 10px; }
#page-plan .box-plan .col ul{ padding: 15px; border: 1px dotted #cccccc;}
#page-plan .box-plan .col li{ font-size: 14px; color: #333;}
#page-plan .box-plan .photo{ padding-bottom: 40px; border-bottom: 1px dotted #ae9980;}
#page-plan .box-plan .photo li{ width: 210px; float: left; margin-right: 20px; font-size: 13px; color: #333333;}
#page-plan .box-plan .photo li img{ height: 145px;}
#page-plan .schedule h2{ margin-bottom: 0;}
#page-plan .tbl_step th,#page-plan .tbl_step td{ border-collapse: collapse; padding: 20px 0;}
#page-plan .tbl_step .step7 th,#page-plan .tbl_step .step7 td{ padding: 20px 0 40px 0;}
#page-plan .tbl_step th{ width: 145px; text-align: left; color: #6C6024; font-weight: normal; padding-left: 5px;}
#page-plan .tbl_step td h3{ margin-bottom: 10px;}
#page-plan .tbl_step td p{ font-size: 13px; color: #333333;}
#page-plan .tbl_step .notes th,#page-plan .tbl_step .notes td{ border-top: 1px dotted #ae9980; margin-top: 40px; padding-top: 40px;}
#page-plan .tbl_step .notes a{ color: #6C6024; font-size: 15px;}
/** 
#page-sitemap 
*****************************************/
#page-sitemap .col{ width: 31%; float: left; margin-right: 2%; }
#page-sitemap .col:last-child{ margin-right: 0;}
#page-sitemap .col a{ font-size: 16px;}
#page-sitemap .col li{ line-height: 43px;}
.dropdown { display: inline-block; position: relative; overflow: hidden; height: 35px; width: 200px; background: #f9f9f9; border: 1px solid; border-color:  #C8C9CA; 		border-radius: 10px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.dropdown:before, .dropdown:after { content: ''; position: absolute; z-index: 2; top: 9px; right: 10px; width: 0; height: 0; border: 4px dashed; border-color: #888 transparent; pointer-events: none;}
.dropdown:before { border-bottom-style: solid; border-top: none; }
.dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none; }
.dropdown-select { position: relative; width: 130%; margin: 0; padding: 6px 8px 6px 10px; height: 28px; line-height: 14px; font-size: 14px; color: #444; 
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown-select:focus { z-index: 3; width: 100%; color: #394349; outline: 2px solid #49aff2; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; }
.dropdown-select > option {  margin: 3px; padding: 6px 8px; text-shadow: none; background: #f2f2f2; border-radius: 3px; cursor: pointer; }
/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown { z-index: 1; }
.lt-ie9 .dropdown-select { z-index: -1; }
.lt-ie9 .dropdown-select:focus { z-index: 3; }
/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}