@charset "utf-8";
/* CSS Document */

.dblack { border-bottom: double 3px #000000;}
.dred { border-bottom: double 3px #FF0000;}

.pagetop a,.return a{ text-decoration: none !important;}

/*---詳細ページ---*/

#search_snsarea{ width: 1000px; margin: 0 auto; position: relative; z-index: 5;}
#search_snsarea::after { clear: both; content: " "; display: block; }
#search_snsarea .snsbox{ position: absolute; right: 0; top: 40px; width: 220px; font-size: 12px; float: right;}
#search_snsarea .snsbox::after { clear: both; content: " "; display: block; }

#search_event_snsarea{ width: 870px; margin: 0 auto; position: relative; z-index: 5;}
#search_event_snsarea::after { clear: both; content: " "; display: block; }
#search_event_snsarea .snsbox{ position: absolute; right: 0; top: 45px; width: 220px; font-size: 12px; float: right;}
#search_event_snsarea .snsbox::after { clear: both; content: " "; display: block; }




#detail_area{ width: 100%; padding-bottom: 50px;}
.d_menu{ width: 100%; background: url(../images/icon/orange_bg.gif) repeat-x center center; margin-top: 30px;}
.d_menu::after { clear: both; content: " "; display: block; }
.d_menu .detail{ width: 1000px; margin: 0 auto; position: relative;}
.d_menu .detail ul{ width: 750px; float: left; padding-bottom: 34px;}
.d_menu .detail ul::after { clear: both; content: " "; display: block; }
.d_menu .detail ul li{ float: left; width: 120px; margin-right: 15px;}

.d_menu .detail ul li a{ display: block; width: 100%; height: auto; min-height: 54px;}

.d_menu .detail ul li.kihon{}
.d_menu .detail ul li.kihon a { background-image: url(../images/icon/detail_01.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.kihon a:hover { background-image: url(../images/icon/detail_01.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.kihon a.selected { background-image: url(../images/icon/detail_01.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.osusume{}
.d_menu .detail ul li.osusume a { background-image: url(../images/detail/detail_02.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.osusume a:hover { background-image: url(../images/detail/detail_02.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.osusume a.selected { background-image: url(../images/detail/detail_02.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.pr{}
.d_menu .detail ul li.pr a { background-image: url(../images/detail/detail_03.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.pr a:hover { background-image: url(../images/detail/detail_03.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.pr a.selected { background-image: url(../images/detail/detail_03.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.other{}
.d_menu .detail ul li.other a { background-image: url(../images/detail/detail_04.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.other a:hover { background-image: url(../images/detail/detail_04.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.other a.selected { background-image: url(../images/detail/detail_04.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.facility{ width: 144px;}
.d_menu .detail ul li.facility a { background-image: url(../images/detail/detail_05.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.facility a:hover { background-image: url(../images/detail/detail_05.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.facility a.selected { background-image: url(../images/detail/detail_05.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.plan{ width: 158px;}
.d_menu .detail ul li.plan a { background-image: url(../images/detail/detail_06.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.plan a:hover { background-image: url(../images/detail/detail_06.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.plan a.selected { background-image: url(../images/detail/detail_06.png); background-repeat: no-repeat; background-position: 0 -110px;}

.d_menu .detail ul li.event{ width: 144px;}
.d_menu .detail ul li.event a { background-image: url(../images/detail/detail_07.png); background-repeat: no-repeat; background-position: 0 0;}
.d_menu .detail ul li.event a:hover { background-image: url(../images/detail/detail_07.png); background-repeat: no-repeat; background-position: 0 -54px;}
.d_menu .detail ul li.event a.selected { background-image: url(../images/detail/detail_07.png); background-repeat: no-repeat; background-position: 0 -110px;}


.detail{ width: 1000px; margin: 0 auto; letter-spacing: 1px;}
.detail::after { clear: both; content: " "; display: block; }


#search_snsarea .snsbox .twitter,#search_snsarea .snsbox .faceb{ float: left; display: inline-block; padding-left: 20px;}
#search_event_snsarea .snsbox .twitter,#search_event_snsarea .snsbox .faceb{ float: left; display: inline-block; padding-left: 20px;}


.d_cate{ padding-bottom: 20px;}
.d_cate::after { clear: both; content: " "; display: block; }
.d_cate span{ display: inline-block; float: left;}
.d_cate .tag{ background: url(../images/icon/search/tag.png) no-repeat left center; font-size: 12px; padding-left: 17px; margin-left: 22px; line-height: 2.7em;}

.d_cate a{ color: #f08300; margin: 0 1px;}
.d_cate a:hover{ color: #000000;}

.detail h1{ color: #7E0F0E; font-size: 23px; /*font-weight: bold;*/ line-height: 1.4em; padding-bottom: 40px;}
.detail h1 small{ display: block; font-size: 15px;}


.detail .d_photo{ width: 490px; float: right; margin-bottom: 2%;}
.detail .d_photo::after { clear: both; content: " "; display: block; }
.detail .d_photo h2{ font-size: 14px;}
.detail .d_photo h2 p{ line-height: 1.6em;}

#loading { min-height: 447px;}


/*スライド*/

.PhotoSlideOuter{ width: 100%; padding-bottom: 15px;}
#PhotoSlide{ position:relative; left:0; top:0; width: 100% !important;}
.caption{ text-align:center; /*padding:8px 0;*/ font-size: 13px;/* border-bottom:1px solid #CCC;*/}
ul.thumbs{ padding: 13px 0 0; position:relative; width: 490px;}
ul.thumbs::after { clear: both; content: " "; display: block; }
* html ul.thumbs{width: 490px;}
.thumbs li{ margin:0 0 10px;/* width: 98px;*/ /*max-width: 98px;*/ min-width: 98px; text-align: center;}
.thumbs li.SlideOff img{ filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; }
.thumbs li.SlideOn img{filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;cursor:default;}
.thumbs li.SlideOn {/* background: url(../images/bg_slide_on.jpg) no-repeat 0 0;*/}
.thumbs li img{ margin: 0 3px; width: auto !important; max-width: 92px !important; height: 100% !important; max-height: 61px; min-height: 61px;/* height: 61px;*//*margin:0 10px 0 0;*/ /*border: 3px #FFFFFF solid;*/}
* html ul.thumbs img{/* margin:0 8px 0 0;*/}

#PhotoSlide li{ max-width: 490px; text-align: center; max-height: 327px; width: 100% !important;}
#PhotoSlide li img{ width: auto; max-width: 490px; height: auto; max-height: 327px; min-height: 327px; margin: 0 auto;}


.detail .d_infomation{ width: 500px; float: left;}
.d_infomation .d_box{ width: 450px; border-top: #C9CACA 1px dotted; min-height: 315px;}
.d_infomation .d_box::after { clear: both; content: " "; display: block; }
.d_box a{ text-decoration: underline;}
.d_box dl{ width: auto; border-bottom: #C9CACA 1px dotted; margin: 0; padding: 0.6em 0.5em;}
.d_box dl::after{ clear: both; content: " "; display: block; }
.d_box dl dt{ float: left;  width: 21%; color: #4C4948; font-weight: bold;}
.d_box dl dd{ float: left; margin: 0; width: 79%; font-size: 14px; display: inline-block;}
.d_box dl dd p{ margin: 0;}
.d_box .map{ display: inline-block; margin-top: 6px;}
.d_box .map img{}
.g_area{ width: 60% !important; font-weight: bold; color: #9FC237; background: url(../images/icon/g_area_bg.png) no-repeat left center; font-size: 16px !important; padding-left: 25px;
line-height: 1.4em;}

.detail .d_service{ width: 980px; margin: 0 auto 40px; padding: 55px 0 0;}
.detail .d_service::after{ clear: both; content: " "; display: block; }
.d_service .s_title{ min-height: 40px; background: url(../images/icon/service.png) no-repeat left top; /*padding-left: 55px;*/ margin-bottom: 10px; line-height: 2.2em;}
.d_service .s_title::after{ clear: both; content: " "; display: block; }
.d_service .s_title strong{ color: #7E0F0E; font-size: 19px; display: inline-block; padding-left: 55px;}
.d_service .s_title span{ margin-left: 1.2em;}
.d_service .s_title span.check{ font-size: 14px; padding: 0.3em 1em; /*text-align: center;*/ border: 2px #F5A200 solid; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.d_service .s_title span.timing{ background: url(../images/icon/timing.png) no-repeat left center; padding-left: 32px; display: inline-block; line-height: 1.4em; margin-top: 0.7em;}
.d_service .s_title span.timing small{ font-size: 12px; color: #FFFFFF; background: #D00E36; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display: inline-block; line-height: 1.65em !important; padding: 1px 5px;}
.d_service .s_box{ font-size: 18px; width: auto; background: #FFFFFF; border: 5px solid #F5A200; padding: 23px; text-align: center;}
.d_service .s_box .check{ background: url(../images/icon/check.png) no-repeat left top; padding: 5px 5px 5px 45px; display: inline-block; line-height: 1.5em; margin-bottom: 5px;}

.detail #map{ padding-top: 65px; margin: -65px auto 30px; width: 980px;}
.detail .facility_map{ height: 300px;}

.detail .d_access{ width: 980px; margin: 0 auto 30px; background: url(../images/icon/line.gif) repeat-x bottom; padding-bottom: 8px;}
.d_access dl{ width: auto; font-size:14px;}
.d_access dl::after{ clear: both; content: " "; display: block; }
.d_access dl dt{ float: left;  /*width: 21%; */ display: inline-block; background: url(../images/icon/accesse_bg.png) no-repeat right center; border-left: 1px solid #000000; padding: 7px 20px 7px 10px; line-height:1em;}
.d_access dl dd{ float: left; margin: 0; width: 79%; padding-left: 1.5em;}


.detail .d_point{ width: 980px; margin: 0 auto 40px;}
.d_point .s_title{ min-height: 40px; background: url(../images/detail/point.png) no-repeat left center; padding-left: 40px; margin-bottom: 25px; line-height: 2.2em;}
.d_point .s_title strong{ color: #D00E36; font-size: 19px; display: inline-block;}
.d_point .d_box{ width: 90%; margin: 0 auto; background: url(../images/detail/point_bg.gif); padding: 30px 25px; font-size: 15px; line-height: 1.9em;}

.detail .d_gallery{ width: 100%; margin: 25px auto 25px;}
.d_gallery ul{ width: 100%;}
.d_gallery ul::after { clear: both; content: " "; display: block; }
.d_gallery ul li{ width: 190px; float: left; padding: 0 5px 10px; line-height: 0; display: block; overflow: hidden;}
.d_gallery ul li img{ width: 100%; height: auto;}
.d_gallery ul li a{ display: inline-block;}

.return{ width: 1000px; padding: 30px 0 30px; margin: 0 auto;}
.return a{ width: 65%; margin: 0 auto; text-align: center; background: #f2f0e7; color: #f08300; display: block; padding: 0.7em;}
.return a:hover{ background: #DBDAD5;}



/*---------提携施設をさがす--------*/

#search_area{ width: 100%; padding-bottom: 50px;}
.search{ width: 1000px; margin: 0 auto; position: relative; letter-spacing: 1px;}
.search::after { clear: both; content: " "; display: block;}

.search .main_title{ background:url(../images/search/title_bg.gif) repeat-x bottom; color: #44aeea; margin-bottom: 20px;}
.search .main_title strong{ font-size: 25px; padding: 15px 0 15px 43px; margin-top: 20px; background: url(../images/search_icon.png) no-repeat left center; display: inline-block;}
.search .main_title span{ font-size: 15px; letter-spacing:0; padding-left: 25px;}
.search .above_midashi{ font-size: 16px; width: 99%; margin: 0 auto 40px; line-height: 1.5em;}
.search .s_title{ color: #F5A200; font-size: 20px; padding-bottom: 30px;}
.search .keyword{ background: url(../images/search/keyword_bg.gif) bottom repeat-x; color: #F5A200; font-size: 20px; padding-bottom: 20px;}
#search_area ul.category{ width: 1020px; margin: 0 auto;}
#search_area .category::after { clear: both; content: " "; display: block;}
#search_area ul.category li{ width: 184px; float: left; border-radius: 5px; margin: 10px; color: #FFFFFF; /*font-weight: bold;*/ letter-spacing: 2px; font-size: 17px;}
#search_area ul.category li span{ padding-left: 35px; min-height: 24px; display: inline-block;}
#search_area ul.category li input{ margin: 0 8px 0 0; }
#search_area ul.category li label{ padding: 15px 5px 15px 13px; display: inline-block; cursor: pointer;}
#search_area ul.category li label.travel{ padding: 15px 1px 15px 13px; display: inline-block;}
#search_area ul.category li.michinoeki{ background: #ae5da1;}
#search_area ul.category li.leisure{ background: #00b9ef;}
#search_area ul.category li.yado{ background: #22ac38;}
#search_area ul.category li.ceremonial{ background: #e85298;}
#search_area ul.category li.spa{ background: #e64556;}
#search_area ul.category li.life{ background: #ffcb16;}
#search_area ul.category li.gourmet{ background: #ed6d46;}
#search_area ul.category li.sports{ background: #4653a2;}
#search_area ul.category li.travel{ background: #c4d700;}

#search_area ul.category li.michinoeki label{ padding: 8px 5px 8px 13px;}


#search_area ul.category li.michinoeki span{ background: url(../images/icon/search/s_michinoeki.png) no-repeat left center; font-size: 15px; letter-spacing:0; max-width: 7em; line-height: 1.3em;}
#search_area ul.category li.leisure span{ background: url(../images/icon/search/s_leisure.png) no-repeat left center;}
#search_area ul.category li.yado span{ background: url(../images/icon/search/s_yado.png) no-repeat left center;}
#search_area ul.category li.ceremonial span{ background: url(../images/icon/search/s_ceremonial.png) no-repeat left center;}
#search_area ul.category li.spa span{ background: url(../images/icon/search/s_spa.png) no-repeat left center;}
#search_area ul.category li.life span{ background: url(../images/icon/search/s_life.png) no-repeat left center;}
#search_area ul.category li.gourmet span{ background: url(../images/icon/search/s_gourmet.png) no-repeat left center;}
#search_area ul.category li.sports span{ background: url(../images/icon/search/s_sports.png) no-repeat left center;}
#search_area ul.category li.travel span{ background: url(../images/icon/search/s_travel.png) no-repeat left center; padding-left: 26px !important; letter-spacing:0;}

.search .plus{ text-align: center; padding: 40px 0 25px;}

.search .area{ width: 100%;}
.search .area dl{ width: auto; margin: 0; padding: 8px 8px 8px 10px; color: #303030; font-size: 15px;}
.search .area dl.blue{ background: #e9f7ff;}
.search .area dl::after { clear: both; content: " "; display: block; }
.search .area dt{ display: inline-block; float: left; width: 19%;}
.search .area dd{ float: right; width: 81%; margin: 0;}
.search .area dd.hiroshimashi{ background: #f8fcff;}
.search .area span{ display: inline-block; min-height: 24px; margin-left: 5px;}
.search .area dt label{ margin: 0.2em 1em 0.2em 0; display: inline-block;}
.search .area dd label{ margin: 0.2em 1.6em 0.2em 0; display: inline-block;}
.search p.kensaku{ text-align: center; background: #FFFFFF; padding: 33px 0 60px;}
.search p.kensaku a{ display: inline-block; background: #44AEEA; padding: 15px 20px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; color: #FFFFFF; font-size: 18px;/* font-weight: bold;*/
	-webkit-box-shadow: 4px 3px 0 2px #1277D7;
       -moz-box-shadow: 4px 3px 0 2px #1277D7;
            box-shadow: 4px 3px 0 2px #1277D7;}
#search_area .free_word{ width: 750px; padding: 35px 0; margin: 0 auto 65px;}
#search_area .free_word::after { clear: both; content: " "; display: block; }

#search_area .free_word .search_box{ display: inline-block; color: #000000; font-size: 16px; background: #FFFFFF; padding:10px 10px 10px 20px; border: 1px #e1e0e0 solid; margin: 0 25px 0 0; width: 560px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; float: left; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;}
#search_area .free_word .search_box::after { clear: both; content: " "; display: block;}
#search_area .free_word span{ display: inline-block; float: left; cursor: pointer;}



/*---提携施設をさがす結果---*/

#search_result{ width: 100%; background: url(../images/icon/orange_bg.gif) repeat-x bottom; padding: 35px 0 27px;}
#search_result .result_area{ width: 1000px; margin: 0 auto; position: relative; color: #6E2B2F;}
.result_area .total_area{ width: 100%; border-bottom: #6E2B2F 2px dotted;}
.result_area .total_area::after { clear: both; content: " "; display: block; }
.result_area .total_area h1{ float: left; display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 25px;}
.result_area .result{ font-size: 25px; position: absolute; bottom: 0; right: 0; /* float: right;*/ display: inline-block; padding-bottom: 4px; border-bottom: #6E2B2F 2px solid;}
.result_area .result b{ color: #000000; font-size: 1.5em; padding: 0 0.2em; font-family: Arial, Helvetica, sans-serif;}

.compression{ padding: 10px; background: #fffae9; border: 2px #F5A200 solid; margin-top: 24px; font-size: 15px; }
.compression p.select{ font-size: 16px; color: #f08300; text-align: center; margin: 0; cursor: pointer;}
.compression .search_area{ width: 100%; background: #FFFFFF; color: #000000; margin-top: 0.7em; display: none;}
.compression .selection{ margin: 0;}
.compression .selection dt.h_line{ color: #44AEEA; font-size: 20px; font-weight: bold; padding: 13px 10px 14px;}
.compression .selection dd{ /*width: 100%;*/ margin: 0;}
.compression .selection dd::after { clear: both; content: " "; display: block; }
.compression .selection dd.category ul{ width: 100%;}
.compression .selection dd.category ul::after { clear: both; content: " "; display: block; }
dd.category ul li{ float: left; padding: 0 0 1.5em 1.2em;}
dd.category ul li span{ display: inline-block; min-height: 24px; padding-left: 28px; margin-left: 5px;}
dd.category ul .michinoeki{ background: url(../images/icon/search/c_michinoeki.gif) no-repeat left top;}
dd.category ul .leisure{ background: url(../images/icon/search/c_leisure.gif) no-repeat left top;}
dd.category ul .yado{ background: url(../images/icon/search/c_yado.gif) no-repeat left top;}
dd.category ul .ceremonial{ background: url(../images/icon/search/c_ceremonial.gif) no-repeat left top;}
dd.category ul .spa{ background: url(../images/icon/search/c_spa.gif) no-repeat left top;}
dd.category ul .life{ background: url(../images/icon/search/c_life.gif) no-repeat left top;}
dd.category ul .gourmet{ background: url(../images/icon/search/c_gourmet.gif) no-repeat left top;}
dd.category ul .sports{ background: url(../images/icon/search/c_sports.gif) no-repeat left top;}
dd.category ul .travel{ background: url(../images/icon/search/c_travel.gif) no-repeat left top;}

.compression .selection dd.area{}
dd.area dl{ width: auto; margin: 0; padding: 8px 8px 8px 10px;}
dd.area dl.blue{ background: #daf0ff;}
dd.area dl::after { clear: both; content: " "; display: block; }
dd.area dt{ display: inline-block; float: left; width: 19%;}
dd.area dd{ /*padding-left: 14em; */ /*display: inline-block;*/ float: right; width: 81%;}
dd.area dd.hiroshimashi{ background: #eff9ff;}
dd.area span{ display: inline-block; min-height: 24px; margin-left: 5px;}
dd.area dt label{ margin: 0.3em 1em 0.3em 0; display: inline-block;}
dd.area dd label{ margin: 0.3em 1.7em 0.3em 0; display: inline-block;}

.compression p.kensaku{ text-align: center; background: #FFFFFF; padding: 30px 0;}
.compression p.kensaku a{ display: inline-block; background: #44AEEA; padding: 10px 20px; -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px; color: #FFFFFF; font-size: 15px;
	-webkit-box-shadow: 4px 3px 0 2px #1277D7;
       -moz-box-shadow: 4px 3px 0 2px #1277D7;
            box-shadow: 4px 3px 0 2px #1277D7;}
.compression .t_right{ cursor: pointer; color: #f08300; text-decoration: underline;}

.load_more{ width: 100%; padding-bottom: 50px; text-align: center;}
.load_more a{ width: 65%; margin: 0 auto 10px; text-align: center; background: #f2f0e7; display: block; padding: 0.7em;}
.load_more a:hover{ background: #DBDAD5;}
.load_more a span{ padding-right: 20px;}

.event .load_more a{ color: #9FC237;}
.event .load_more a span{ background: url(../images/event/load_more_bg.gif) no-repeat right center; }

#result_list .load_more a{ color: #f08300;}
#result_list .load_more a span{ background: url(../images/icon/search/load_more_bg.gif) no-repeat right center; }

#result_list{ width: 1020px; margin: 0 auto; position: relative; padding-top: 25px;}
#result_list::after { clear: both; content: " "; display: block; }




#result_list ul{ width: 100%;}
#result_list ul::after { clear: both; content: " "; display: block; }
#result_list ul li{ width: 320px; padding: 0 10px; margin-bottom: 40px; float: left; font-size: 12px; color: #4C4948;}
#result_list ul li::after { clear: both; content: " "; display: block; }
#result_list ul li a{ width: 100%; display: inline-block; letter-spacing: 1px;}
#result_list ul li a span{ border: 1px #aaaaaa solid; display: block; width: 318px; height: 212px; text-align: center;}
#result_list ul li a:hover span{ border: 1px #F5A200 solid;}
#result_list ul li a span img{ /*height: auto;*/ max-height: 212px; min-height: 212px; max-width: 318px; /*display: block; margin: 0 auto;*/}
#result_list ul li a:hover img{ }

#result_list ul li h3{ color: #238dd3; font-size: 16px; display: block; padding: 0.4em 0 0.1em; letter-spacing: 1px;}
#result_list ul li small{ color: #818181; display: block; font-size: 12px; letter-spacing: 1px;}

#result_list p{ font-size: 12px; padding: 0.5em 0.2em 0.3em; line-height: 1.4em; margin:0;}
#result_list .address{ width: 100%; background: url(../images/list_bg.gif) repeat-x top; padding: 0.7em 0 0; margin-top: 0.5em;}
dl.address::after { clear: both; content: " "; display: block; }
dl.address dt { float: left; width: auto; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border: 1px #4C4948 solid; padding: 1px 7px; text-align: center; margin-right: 10px; letter-spacing: 1px;}
dl.address dd { float: left; margin: 0 0 2px; width: 75%; padding: 3px 0; display: block;}
dl.address dd.area{ background: url(../images/icon/list/area.png) no-repeat left; padding: 3px 0 3px 15px;}
dl.address dd.tel{ background: url(../images/icon/list/tel.png) no-repeat left; padding: 3px 0 3px 15px; letter-spacing: 1px; display: inline-block; border: none;}
/*dl.address dd.tel a{ height: auto; width: auto; border: none;}*/
#result_list ul li .tel a{ border: none; height: auto; width: auto;}


#result_list .t_tag{ width: 100%;}

/*おすすめ・PR*/
/*Advertisement*/
.ad_area{ width: 1000px; margin: 0 auto;}
.ad_area::after { clear: both; content: " "; display: block; }
.ad_area .midashi{ width: 100%; background: url(../images/ad_midashi_line.gif) repeat-x left bottom; /*padding-bottom: 1px;*/ display: block; min-height: 40px; margin-bottom: 30px;}
.ad_area .midashi p{ font-size: 19px; font-weight: bold; background: url(../images/ad_midashi.png) no-repeat left top; margin: 0; padding: 5px 0 5px 3%; color: #7E0F0E; line-height: 1.5em;}
.ad_area .box{ width: 96%; margin: 0 auto;}
.ad_area .box::after { clear: both; content: " "; display: block; }
.ad_area .box p{ line-height: normal !important;}
.ad_area p{ margin-bottom: 1.6em; font-size: 14.5px; line-height: 1.6em;}
.ad_area .pagetop{ float: right; display: inline-block; background: url(../images/ad_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px; margin-bottom: 1.6em;}
.ad_area .pagetop a{ color: #F5A200;}
.ad_area .pagetop a:hover{ color: #F55100;}

.ad_area .box .img_l{ float: left; width: 360px; text-align: center;}
.ad_area .box .img_r{ float: right; width: 360px; text-align: center;}
.ad_area .box .img_l::after,.ad_area .box .img_r::after { clear: both; content: " "; display: block; }

.ad_area .box .img_l div,.ad_area .box .img_r div{ padding-bottom: 20px; }
.img_l img,.img_r img{ width: auto; height: auto; max-width: 360px; max-height: 240px;}

.ad_area .box .txt_l{ float: left; width: 560px;}
.ad_area .box .txt_r{ float: right; width: 560px;}


/*---------プラン--------*/

#plan_area{ width: 100%; padding-bottom: 50px;}

.plan{ width: 1000px; margin: 0 auto; position: relative; letter-spacing: 1px;}
.plan::after { clear: both; content: " "; display: block;}

.plan .main_title{ background:url(../images/plan/title_bg.gif) repeat-x bottom; color: #CD5394; margin-bottom: 20px;}
.plan .main_title strong{ font-size: 25px; padding: 15px 0 15px 43px; margin-top: 20px; background: url(../images/plan_icon.png) no-repeat left center; display: inline-block;}
.plan .main_title span{ font-size: 15px; letter-spacing:0; padding-left: 25px;}
.plan .above_midashi{ font-size: 16px; width: 99%; margin: 0 auto 25px; line-height: 1.5em;}

#plan_area .free_word{ width: 100%; background:url(../images/plan/free_word_bg.gif); padding: 28px 0; margin-bottom: 30px;}

#plan_area .free_word span{ display: inline-block; color: #CD5394; font-size: 14px; float: left;}
#plan_area .free_word b{ display: inline-block; font-size: 18px; padding-right: 1em;}

#plan_area .free_word .plan .box{ float: left;  width: 460px; margin: 0 0 0 60px; float: left; position: relative; /*display: inline-block;*/}
#plan_area .free_word .plan .box img{ display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 100%; max-width: 50px;}

#plan_area .free_word .search_box{ width: 94%; color: #000000; font-size: 14px; padding: 2% 3%; border: 1px #f3f3f3 solid;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; letter-spacing: 1px;
background: #FFFFFF url(../images/plan/magnifying.png) no-repeat right center;}
#plan_area .free_word .search_box input::after { clear: both; content: " "; display: block;}
.free_word .search_box span{ display: inline-block; float: right; border-left: #D9D8D8 1px solid; padding: 0 5px 0 15px;}
#plan_area .free_word .search_box img{ position: absolute; right: 0; top: 0.9em; cursor: pointer;}


.prefecture{ width: 1008px; margin: 0 auto; position: relative; letter-spacing: 1px;}
.prefecture::after { clear: both; content: " "; display: block;}

.prefecture .f_title{ border-left: 7px #CD5394 solid; color: #CD5394; font-size: 23px; margin-bottom: 1em;}
.prefecture .f_title b{ border-left: 7px #E5A9C9 solid; display: block; padding-left: 20px;}

.pink_f_title{ border-left: 7px #CD5394 solid; color: #CD5394; font-size: 23px; margin-bottom: 1em;}
.pink_f_title b{ border-left: 7px #E5A9C9 solid; display: block; padding-left: 20px;}

#plan_area .prefecture ul{ width: 100%;}
#plan_area .prefecture ul::after { clear: both; content: " "; display: block;}
#plan_area .prefecture ul li{ float: left; width: 330px; margin: 0 3px 15px; font-size: 14px; border-bottom: 1px #CDCDCD dashed; padding-bottom: 20px; text-align: center;}
#plan_area .prefecture ul li a{ display: block;}
#plan_area .prefecture ul li a:hover{ color: #CD5394;}
#plan_area .prefecture ul li a img{ border: #FFFFFF 1px solid; max-width: 328px; max-height: 219px; min-height: 219px; width: auto;}
#plan_area .prefecture ul li a:hover img{ border: #CD5394 1px solid;}
#plan_area .prefecture ul li p{ margin-top: 5px; text-align: left;}

#plan_area .prefecture p.all{ text-align: right; font-weight: bold; font-size: 17px; padding-bottom: 25px;}
#plan_area .prefecture p.all a{ display: inline-block; padding-right: 40px; background: url(../images/plan/plan_all_bg.png) no-repeat right center; color: #CD5394;}
#plan_area .prefecture p.all a:hover{ text-decoration: underline;}

#plan_area .return a{ color: #CD5394;}

/*プラン県別ページ*/
.plan_prefecture{}


/*プラン詳細ページ*/
.plan .snsbox{ width: 220px; float: right; font-size: 12px; padding: 20px 0 15px; z-index: 5;}
.plan .snsbox::after { clear: both; content: " "; display: block; }
.plan .snsbox .twitter,.plan .snsbox .faceb{ float: left; display: inline-block; padding-left: 20px;}


.plan .main{ width: 100%; padding-bottom: 25px;}
.plan .main ul{ width: 100%;}
.plan .main ul::after { clear: both; content: " "; display: block; }
.plan .main ul li{ float: left; display: inline-block;}

.plan_flow{ width: 100%; padding-bottom: 45px;}
.plan_flow::after { clear: both; content: " "; display: block; }

.plan .f_title{ border-left: 7px #CD5394 solid; color: #CD5394; font-size: 23px; margin-bottom: 1em; width: auto;}
.plan .f_title::after { clear: both; content: " "; display: block; }
.plan .f_title b{ border-left: 7px #E5A9C9 solid; display: inline-block; padding: 3px 0 3px 20px;}
.plan .f_title .tab{ float: right;}
.plan .f_title .tab input{ margin-right: 0.5em; cursor: pointer;}
.plan .f_title .tab label{ cursor: pointer;}
.plan .f_title .tab span{ display: inline-block;}
.plan .f_title .box{ background: #CD5394; color: #FFFFFF; padding: 0 0.8em 0 0.6em; border-radius: 5px; font-size: 15px; margin-left: 0.5em;}
/*.plan .f_title .box:hover{ background: #E5A9C9;}*/

.plan_flow .pdf{ background: #FFFFFF; padding-top: 17px; clear: both; width: 100%;}
.plan_flow .pdf::after { clear: both; content: " "; display: block; }
.plan_flow .pdf a{ display: inline-block; float: right; font-size: 13px; padding: 10px 15px; border: #CD5394 4px double; border-radius: 5px; color: #CD5394; line-height: 1em;}
.plan_flow .pdf a:hover{ background: #E5A9C9; color: #FFFFFF; border: #FFFFFF 4px double;}
.plan_flow .pdf a span{ background: url(../images/pdf.gif) no-repeat right center; padding-right: 18px;}


.plan .movie{ width: 65%; margin: 0 auto; padding-bottom: 70px;}


.plan_flow .around_box{ float: right; width: 750px;}
.plan_flow .around_box .google_map{ height: 510px; background: #E0E0E0;}
.plan_flow .around{ float: left; width: 230px; background: url(../images/plan/around_bg.png) repeat-y;}
.plan_flow .around .sta_go{ background: #F19DB5; padding: 5px 5px 3px; display: inline-block; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em;}
.plan_flow .around ul{ width: 100%; margin: 10px 0 15px;}
.plan_flow .around ul li{ background: url(../images/plan/around_li_bg.png) no-repeat; display: block; font-size: 16px; padding: 0 0 0 25px; line-height: 1.5em; color: #4C4948;}
.plan_flow .around ul li span{ padding: 18px 0; display: block; background: url(../images/plan/around_li_line.gif) repeat-x bottom;}
.plan_flow .around ul li b{ display: block; padding-left: 31px; min-height: 25px;}
.plan_flow .around ul li a{ color: #CD5394; text-decoration: underline;}

.plan_flow .around .a_01{ background: url(../images/plan/01.png) no-repeat left top;}
.plan_flow .around .a_02{ background: url(../images/plan/02.png) no-repeat left top;}
.plan_flow .around .a_03{ background: url(../images/plan/03.png) no-repeat left top;}
.plan_flow .around .a_04{ background: url(../images/plan/04.png) no-repeat left top;}
.plan_flow .around .a_05{ background: url(../images/plan/05.png) no-repeat left top;}
.plan_flow .around .a_06{ background: url(../images/plan/06.png) no-repeat left top;}
.plan_flow .around .a_07{ background: url(../images/plan/07.png) no-repeat left top;}
.plan_flow .around .a_08{ background: url(../images/plan/08.png) no-repeat left top;}
.plan_flow .around .a_09{ background: url(../images/plan/09.png) no-repeat left top;}
.plan_flow .around .a_10{ background: url(../images/plan/10.png) no-repeat left top;}
.plan_flow .around .a_11{ background: url(../images/plan/11.png) no-repeat left top;}
.plan_flow .around .a_12{ background: url(../images/plan/12.png) no-repeat left top;}

.plan_flow small.caution{ padding-top: 4px; text-align: right; float: right; width: 100%; color: #4b4b4b; font-size: 11px;}

.plan_box{ width: 100%; position: relative; padding-bottom: 15px;}
.plan_box::after { clear: both; content: " "; display: block; }

.plan_box .p_title{ background: url(../images/plan/p_title_bg.gif) repeat-x bottom; padding: 5px 0 10px 8px; font-size: 23px; display: block; position: relative; margin-bottom: 25px;}
.plan_box .p_title span{ padding: 0 0 0 47px; display: inline-block; min-height: 36px; z-index: 10; max-width: 32em;}
.plan_box .p_title span img{ display: inline-block; padding-left: 10px; vertical-align: text-top; margin-right: 15px;}

.plan_box .p_title span a{ display: inline;}

.plan_box .p_title small.teikei{ color: #ffffff; background: url(../images/plan/teikei.png) no-repeat left center #f08300; /*border: 1px solid #f08300;*/ padding: 0.4em 0.4em 0.4em 29px; font-size: 0.55em; vertical-align: middle; border-radius: 3px;}

.plan_box .p_title .p_01{ background: url(../images/plan/p_01.png) no-repeat left top;}
.plan_box .p_title .p_02{ background: url(../images/plan/p_02.png) no-repeat left top;}
.plan_box .p_title .p_03{ background: url(../images/plan/p_03.png) no-repeat left top;}
.plan_box .p_title .p_04{ background: url(../images/plan/p_04.png) no-repeat left top;}
.plan_box .p_title .p_05{ background: url(../images/plan/p_05.png) no-repeat left top;}
.plan_box .p_title .p_06{ background: url(../images/plan/p_06.png) no-repeat left top;}
.plan_box .p_title .p_07{ background: url(../images/plan/p_07.png) no-repeat left top;}
.plan_box .p_title .p_08{ background: url(../images/plan/p_08.png) no-repeat left top;}
.plan_box .p_title .p_09{ background: url(../images/plan/p_09.png) no-repeat left top;}
.plan_box .p_title .p_10{ background: url(../images/plan/p_10.png) no-repeat left top;}
.plan_box .p_title .p_11{ background: url(../images/plan/p_11.png) no-repeat left top;}
.plan_box .p_title .p_12{ background: url(../images/plan/p_12.png) no-repeat left top;}

.plan_box .near_area{ position: absolute; z-index: 3; top:0; right: 0; width: 630px;}
.plan_box .near_area::after { clear: both; content: " "; display: block; }

/*.plan_box .near_area .clear::after { clear: both; content: " "; display: inline-block; }*/

.plan_box p.click{ /*float: right;*/ width: 170px; height: 40px; background: url(../images/plan/v_btn.png) no-repeat; cursor: pointer; margin: 0; position: absolute; top: 0; right: 0;}
/*.plan_box p.click::after { clear: both; content: " "; display: block; }*/
.plan_box .open{ background: url(../images/plan/v_btn_ov.png) no-repeat !important;}

/*.near_box{ position: relative; padding-top: 16px;}*/
.near_box{ position: relative; padding-top: 16px; width: 630px; position: absolute; top: 50px; right: 0; z-index: 3;}
.near_box::after { clear: both; content: " "; display: inline-block; }
.near_box .top{ position: absolute; top: 0; right: 0; z-index: 2; display: inline-block;}
.near_box .ichiran_area{ background: #FFFFFF; border: 2px #CD5394 solid; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 20px 20px 30px; position: relative;}
.near_box .midashi{ color: #CD5394; font-size: 16px; padding-left: 35px; background: url(../images/plan/owl.png) no-repeat; min-height: 24px; display: inline-block;}
.near_box .midashi2{ color: #CD5394; font-size: 16px; padding-left: 35px; background: url(../images/plan/event.png) no-repeat; min-height: 24px; display: inline-block; margin-top: 10px;}
.near_box .close{ color: #818181; display: inline-block; float: right; text-decoration: underline; cursor: pointer; font-size: 13px;}

.near_box .ichiran_area .ichiran{ width: 100%; overflow: auto; min-height: 3em; max-height: 170px; margin-top: 15px; padding-top: 10px;}
.near_box .ichiran_area .ichiran::after { clear: both; content: " "; display: block;}
.ichiran p{ font-size: 14px; letter-spacing:0;}
.ichiran a{ display: inline-block; padding-left: 24px; min-height: 20px; color: #238dd3; text-decoration: underline; margin: 0 1em 0.8em 0;}
.ichiran a.leisure{ background: url(../images/plan/ichiran/leisure.png) no-repeat left top;}
.ichiran a.ceremonial{ background: url(../images/plan/ichiran/ceremonial.png) no-repeat left top;}
.ichiran a.gourmet{ background: url(../images/plan/ichiran/gourmet.png) no-repeat left top;}
.ichiran a.life{ background: url(../images/plan/ichiran/life.png) no-repeat left top;}
.ichiran a.michinoeki{ background: url(../images/plan/ichiran/michinoeki.png) no-repeat left top;}
.ichiran a.spa{ background: url(../images/plan/ichiran/spa.png) no-repeat left top;}
.ichiran a.sports{ background: url(../images/plan/ichiran/sports.png) no-repeat left top;}
.ichiran a.travel{ background: url(../images/plan/ichiran/travel.png) no-repeat left top;}
.ichiran a.yado{ background: url(../images/plan/ichiran/yado.png) no-repeat left top;}
.ichiran a.special{ background: url(../images/plan/ichiran/special.png) no-repeat left top;}


/*.ichiran dl{ width: 100%; font-size: 14px;}
.ichiran dl::after { clear: both; content: " "; display: block; }
.ichiran dl dt{ display: inline-block; float: left; width: 20px;}
.ichiran dl dt img{ width: 100%; height: auto;}
.ichiran dl dd{ }*/


.plan_box .photo{ float: left; width: 325px; padding-left: 10px;}
.plan_box .photo img{ padding-bottom: 10px; width: 100%; height: auto;}
.plan_box .txt{ float: right; width: 640px; padding-right: 5px;}
.plan_box .txt p{ font-size: 15px; margin-bottom: 1.3em;}
.plan_box .txt .point{ position: relative; padding: 12px 0 0 85px; width: 85%;}
.plan_box .txt .point::after { clear: both; content: " "; display: block; }
.plan_box .txt .point img{ position: absolute; z-index: 2; left:0; top:0;}
.plan_box .txt .point span{ font-size: 13px; background: #FFFFFF; display: inline-block; border: #F19DB5 1px solid; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 13px;}

.plan_box .txt .otoku{ position: relative; padding: 12px 0 0 85px; width: 85%;}
.plan_box .txt .otoku::after { clear: both; content: " "; display: block; }
.plan_box .txt .otoku img{ position: absolute; z-index: 2; left:0; top:0;}
.plan_box .txt .otoku span.card{ font-size: 13px; background: #FFFFFF; display: inline-block; border: #f5a200 1px solid; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 13px;}

.plan_box .txt .service{ position: relative; padding: 12px 0 0 85px; width: 85%;}
.plan_box .txt .service::after { clear: both; content: " "; display: block; }
.plan_box .txt .service img{ position: absolute; z-index: 2; left:0; top:0;}
.plan_box .txt .service span.card{ font-size: 13px; background: #FFFFFF; display: inline-block; border: #f5a200 1px solid; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 13px;}

.next_move{ width: auto; background: url(../images/plan/next_move_bg.png) no-repeat; padding: 25px 0 60px 315px; margin-bottom: 30px;}
.next_move ul{ width: auto;}
.next_move ul::after { clear: both; content: " "; display: block;}
.next_move ul li{ float: left; min-height: 30px; display: inline-block; padding-right: 65px; font-weight: bold;}
.next_move ul li.car{ padding-left: 40px; background: url(../images/plan/car.png) no-repeat left top;}
.next_move ul li.walk{ padding-left: 28px; background: url(../images/plan/walk.png) no-repeat left top;}
.next_move ul li.bicycle{ padding-left: 45px; background: url(../images/plan/bicycle.png) no-repeat left top;}

.plan .matome{ width: 90%; margin: 60px auto 0; background: url(../images/plan/matome_bg.gif); padding: 25px 25px 10px;}
.plan .matome p{ font-size: 15px; margin-bottom: 1.2em; line-height: 1.7em;}


.article{ width: 100%; overflow: hidden; padding: 90px 0 20px; }
.article a:hover img{
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
	zoom:1;
	}

.article .left,
.article .middle,
.article .right{ width: 33%; }
.article .middle{ float: left; text-align: center;}
.article .right{ text-align: right;}


/*---------イベント--------*/

#event_area{ width: 100%; padding-bottom: 70px;}

.event{ width: 1000px; margin: 0 auto; position: relative; letter-spacing: 1px;}
.event::after { clear: both; content: " "; display: block;}

.event .main_title{ background:url(../images/event/title_bg.gif) repeat-x bottom; color: #9FC237; margin-bottom: 20px;}
.event .main_title strong{ font-size: 25px; padding: 15px 0 15px 43px; margin-top: 20px; background: url(../images/special_icon.png) no-repeat left center; display: inline-block;}
.event .main_title span{ font-size: 15px; letter-spacing:0; padding-left: 25px;}
.event .above_midashi{ font-size: 16px; width: 99%; margin: 0 auto 25px; line-height: 1.5em;}

.event_list{ width: 100%; margin: 0 auto; padding-top: 25px;}
.event_list::after { clear: both; content: " "; display: block;}
.event_list li{ float: left; width: 490px; padding: 0 5px 20px;}
.event_list li a img{ border: 1px #FFFFFF solid;}
.event_list li a:hover img{ border: 1px #9FC237 solid;}
.event_list li p{ padding: 10px 0 20px; border-bottom: 1px #CDCDCD dashed;}
.event_list li a:hover p{ color: #9FC237; text-decoration: underline;}


.event_detail{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px; padding-top: 30px;}
.event_detail::after { clear: both; content: " "; display: block;}
.event_detail a{ text-decoration: underline;}

.event_detail h1{}
.event_detail h1 p{ font-size: 20px; background: url(../images/special_icon.png) no-repeat left top; display: inline-block; margin:0; padding: 3px 1px 5px 43px;}
.event_detail h1 img{ padding: 15px 0 40px;}

.event_detail .pagetop{ float: right; display: inline-block; background: url(../images/event/sp_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px; margin-bottom: 1.6em;}
.event_detail .pagetop a{ color: #9FC237;}
.event_detail .pagetop a:hover{ color: #458204;}

#event_area .green_box{ border-bottom: 1px dashed #A4C542; padding-bottom: 2em; margin-bottom: 2em;}
#event_area .green_box dl.inquiry{ width: 100%; margin: 0 auto;}
#event_area .green_box dl.inquiry::after { clear: both; content: " "; display: block;}

#event_area .green_box dl.inquiry dt{ float: left; width: 8em;}
#event_area .green_box dl.inquiry dd{ float: left; margin: 0;}


ul.event_img{ width: 870px; margin: 0 auto; padding-top: 20px;}
ul.event_img::after { clear: both; content: " "; display: block;}
ul.event_img li{ float: left; margin-right: 15px; margin-bottom: 10px; /*width: 270px;*/ width: auto; text-align: center;}
ul.event_img li img{ border: 1px solid #FFFFFF; max-height: 178px; min-height: 178px;}


/*Special*/
.sp_area{ width: 100%; margin: 0 auto;}
.sp_area::after { clear: both; content: " "; display: block; }
.sp_area .midashi{ width: 100%; background: url(../images/event/sp_midashi_line.gif) repeat-x left bottom; /*padding-bottom: 1px;*/ display: block; min-height: 40px; margin-bottom: 30px;}
.sp_area .midashi p{ font-size: 19px; font-weight: bold; background: url(../images/event/sp_midashi.png) no-repeat left top; margin: 0; padding: 5px 0 5px 3%; /*color: #F18300;*/ color: #303030; line-height: 1.5em;}
.sp_area .box{ width: 96%; margin: 0 auto;}
.sp_area .box::after { clear: both; content: " "; display: block; }
.sp_area p{ margin-bottom: 1.6em; font-size: 14.5px; line-height: 1.6em;}
.sp_area p img{ display: block; margin: 0 auto; padding: 20px 0 40px;}
.sp_area .pagetop{ float: right; display: inline-block; background: url(../images/event/sp_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px; margin-bottom: 1.6em;}
.sp_area .pagetop a{ color: #9FC237;}
.sp_area .pagetop a:hover{ color: #458204;}

.sp_area .box .img_l{ float: left; width: 360px; text-align: center;}
.sp_area .box .img_r{ float: right; width: 360px; text-align: center;}
.sp_area .box .img_l::after,.sp_area .box .img_r::after { clear: both; content: " "; display: block; }

.sp_area .box .img_l div,.sp_area .box .img_r div{ padding-bottom: 20px; }
.img_l img,.img_r img{ width: auto; height: auto; max-width: 360px; max-height: 240px;}

.sp_area .box .txt_l{ float: left; width: 560px;}
.sp_area .box .txt_r{ float: right; width: 560px;}

#event_area .return{ width: 870px;}
#event_area .return a{ color: #9FC237;}


/*---------お知らせ--------*/

#topic_area{ width: 100%; padding-bottom: 70px;}
#topic_area .topic{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px;}
#topic_area .topic::after { clear: both; content: " "; display: block;}

.topic .main_title{ background: url(../images/ad_midashi_line.gif) repeat-x bottom; color: #F5A200; margin-bottom: 20px;}
.topic .main_title strong{ font-size: 25px; padding: 15px 0 15px 43px; margin-top: 20px; background: url(../images/info_icon.png) no-repeat left center; display: inline-block;}
.topic .main_title span{ font-size: 15px; letter-spacing:0; padding-left: 25px;}
.topic .above_midashi{ font-size: 16px; width: 99%; margin: 0 auto 25px; line-height: 1.5em;}

.topic .topic_box{ width: 100%; margin: 20px auto 0;}

.topic_box dl{ width: 100%; margin: 0 auto; border-bottom: #F5A200 1px dotted; padding-bottom: 10px;}
.topic_box dl::after { clear: both; content: " "; display: block;}
.topic_box dl dt{ width: 80px; float: left; padding-right: 20px;}
.topic_box dl dd{ float: left; width: 770px; margin: 0;}
.topic_box dl dd small{ display: block; padding: 2px 0 2px; font-size: 13px; color: #F5A200; font-weight: bold;}
.topic_box dl dd p{ font-size: 14px; margin: 0; line-height: 1.5em; letter-spacing: 0;}

.topic_box a{ display: block; margin-bottom: 18px;}
.topic_box a:hover p{ text-decoration: underline;}

/*Topics*/

.topic_detail{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px; padding-top: 30px;}
.topic_detail::after { clear: both; content: " "; display: block;}

.topic_detail h1{ padding-bottom: 10px; background: url(../images/ad_midashi_line.gif) repeat-x bottom;}
.topic_detail h1 p{ font-size: 20px; background: url(../images/info_icon.png) no-repeat left top; margin:0; padding: 0px 1px 0px 43px;}

.tp_area{ width: 100%; margin: 0 auto; padding-top: 10px;}
.tp_area::after { clear: both; content: " "; display: block; }
.tp_area .midashi{ width: 100%; background: url(../images/event/sp_midashi_line.gif) repeat-x left bottom; /*padding-bottom: 1px;*/ display: block; min-height: 40px; margin-bottom: 30px;}
.tp_area .midashi p{ font-size: 19px; font-weight: bold; background: url(../images/event/sp_midashi.png) no-repeat left top; margin: 0; padding: 5px 0 5px 3%; /*color: #F18300;*/ color: #303030; line-height: 1.5em;}
.tp_area .box{ width: 96%; margin: 0 auto;}
.tp_area .box::after { clear: both; content: " "; display: block; }
.tp_area p{ margin-bottom: 1.6em; font-size: 14.5px; line-height: 1.6em;}
.tp_area p img{ display: block; margin: 0 auto; padding: 20px 0 40px;}
.tp_area .pagetop{ float: right; display: inline-block; background: url(../images/ad_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px; margin-bottom: 1.6em;}
.tp_area .pagetop a{ color: #F5A200}
.tp_area .pagetop a:hover{ color: #F55100;}

/*present*/
#present_area{ width: 100%; padding-bottom: 70px;}

.present{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px; padding-top: 30px;}
.present::after { clear: both; content: " "; display: block;}

.present h1{ padding-bottom: 10px; background:  url(../images/pr_midashi_line.gif) repeat-x bottom;}
.present h1 p{ font-size: 20px; background: url(../images/present_icon.png) no-repeat left top; margin:0; padding: 0px 1px 0px 43px; color: #FF748B; font-weight: bold;}

.pr_area{ width: 100%; margin: 0 auto; padding-top: 10px;}
.pr_area::after { clear: both; content: " "; display: block; }
.pr_area .box{ width: 96%; margin: 0 auto;}
.pr_area .box::after { clear: both; content: " "; display: block; }
.pr_area p{ margin-bottom: 1.6em; font-size: 14.5px; line-height: 1.6em;}
.pr_area p img{ display: block; margin: 0 auto; padding: 20px 0 40px;}
.pr_area .pagetop{ float: right; display: inline-block; background: url(../images/pr_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px; margin-bottom: 1.6em;}
.pr_area .pagetop a{ color: #ff748b}
.pr_area .pagetop a:hover{ color: #ff2c4f;}

#present_area .return a{ color: #FF748B;}

/*howto*/
#howto_area{ width: 100%; padding-bottom: 70px; background: url(../images/detail/howto_bg.gif);}

.howto{ width: 1000px; margin: 0 auto; position: relative; letter-spacing: 2px; }
.howto::after { clear: both; content: " "; display: block;}

.howto .step{ width: 920px; border: 5px #f08300 solid; background: #FFFFFF; padding: 40px 35px 35px; margin: 0 0 30px 0;}
.howto .step .midashi{ color: #353535; font-size: 15px; margin-bottom: 35px;}
.howto .step .midashi b{ font-size: 20px; color: #000000; display: block; padding-bottom: 0.3em;}

.howto .step ul{ width: 884px; margin: 0 auto;}
.howto .step ul::after { clear: both; content: " "; display: block; }
.howto .step ul li{ width: 260px; float: left;}
.howto .step ul li p{ text-align: center; font-size: 17px; letter-spacing: 1px; line-height: 1.6em; font-weight: bold; margin: 0;}
.howto .step ul li p span{ display: block;}
.howto .step ul li.next{ width: 51px;}

.howto .presentation{ width: 100%; margin: 0 0 12px; border-radius: 20px; background: #FFFFFF;
-moz-box-shadow: inset 1px 1px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 1px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 1px 9px -6px rgba(0,0,0,0.5);}
.presentation .midashi{ text-align: center; font-weight: bold; font-size: 15px; width: 100%; border-radius: 20px; background: #f08300; color: #FFFFFF; padding: 0.4em 0; margin:0;}
.howto .presentation::after { clear: both; content: " "; display: block;}
.howto .presentation .left{ width: 485px; margin: 0 5px 0 10px; padding: 20px 0 20px;}
.howto .presentation .left p{ padding-top: 1em; font-size: 18px; font-weight: bold; margin: 0; letter-spacing: 2px;}
.howto .presentation .left p strong{ font-size: 25px; display: block; padding: 5px 0 7px;}
.howto .presentation .left p strong .red{ text-decoration: underline; color: #FF0000;}

.howto .presentation .left dl{ width: 100%; display: block; margin: 0 0 15px;}
.howto .presentation .left dl::after { clear: both; content: " "; display: block;}
.howto .presentation .left dl dt{ float: left; width: 8em; background: #FF0000; color: #FFFFFF; border-radius: 5px; text-align: center; letter-spacing:0; font-size: 14px; line-height: 1.2em; padding: 6px 0;}
.howto .presentation .left dl dd{ float: left; font-size: 14px; margin-left: 8px; letter-spacing:0;}


.howto .caution{ width: 94%; margin: 0 auto; padding-bottom: 2.5em;}
.howto .caution::after { clear: both; content: " "; display: block;}
.howto .caution .left{ float: left; width: 73%; padding-top: 2em;}
.howto .caution .left p{ text-indent: -1em; padding-left: 1em; margin-bottom: 5px; font-size: 16px;}
.howto .caution .right{ float: right; width: 25%;}
.howto .caution .right p{ font-size: 13px; width: 155px; padding: 5px 0; line-height: 1.4em;}




/*--お問い合わせ--*/

#inquiry_area{ width: 100%; padding-bottom: 70px;}
#inquiry_area .inquiry{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px;}
#inquiry_area .inquiry::after { clear: both; content: " "; display: block;}
.inquiry h1{ padding: 15px 10px 15px 0; background: url(../images/ad_midashi_line.gif) repeat-x bottom;}
.inquiry h1 p{ font-size: 20px; margin:0; padding: 0px 1px 0px 0px; color: #f08300; font-weight: bold;}

.inquiry .mailform{ padding: 40px 0 0;}
.inquiry .mailform .hissu{ background: #FFFFFF; padding: 1%; color: #FF0000; border-radius: 3px; display: inline-block; font-size: 0.7em;}
.inquiry .mailform p{ line-height: 1.6em; margin-bottom: 1em;}
.inquiry table.resp{ width: 90%; margin: 0 auto;}
.inquiry table.resp th{ padding: 10px 15px; font-weight: normal; font-size: 15px; width: 35%;}
.inquiry table.resp td{ padding: 5px; width: 65%;}
.inquiry table.resp td input{ width: 98%; min-height: 2.5em; padding: 1% 1%; font-size: 15px;}
.inquiry table.resp td input.tel { width: 4em; }
.inquiry .kadomaru { font-size: 17px; padding: 15px 30px; border-radius: 30px; color: #ffffff; display: inline-block; background: #f08300; margin-top: 3em; border: none; cursor: pointer;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;}
.inquiry table.resp td textarea{ width: 100%;}


/*---------カードについて--------*/

#about_area{ width: 100%; padding-bottom: 70px;}
#about_area .about{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px;}
#about_area .about::after { clear: both; content: " "; display: block;}

#about_area .about a{ text-decoration: underline;}

.about h1{ background:  url(../images/ad_midashi_line.gif) repeat-x bottom; margin-bottom: 30px;}
.about h1 p{ font-size: 20px; background: url(../images/icon/card.png) no-repeat left center / 45px 36px; margin:0; padding: 20px 1px 24px 55px; color: #f08300; font-weight: bold;}

.about .forguest{ width: 100%; margin-bottom: 20px;}

.about .greeting{ font-size: 20px; text-align: center; margin-bottom: 20px;}

.about .title{ border-left: 7px #f08300 solid; color: #f08300; font-size: 23px; margin-bottom: 1em;}
.about .title b{ border-left: 7px #f7c17f solid; display: block; padding-left: 20px;}
.about .box{ padding-bottom: 40px;}
.about .box p{ font-size: 16px;}
.about .box p.indent{ /*text-indent: -1em;*/ padding-left: 1.1em; margin-bottom: 5px; font-size: 15px; background: url(../images/icon/orange.png) no-repeat left top;}

.about .box p.mincho{ letter-spacing:0; line-height: 1.7em;}


/*---------よくある質問--------*/

#qa_area{ width: 100%; padding-bottom: 70px;}
#qa_area .qa{ width: 870px; margin: 0 auto; position: relative; letter-spacing: 1px;}
#qa_area .qa::after { clear: both; content: " "; display: block;}

.qa h1{ background:  url(../images/ad_midashi_line.gif) repeat-x bottom; margin-bottom: 2em;}
.qa h1 p{ font-size: 20px; background: url(../images/icon/eruful.png) no-repeat left center / 38px 33px; margin:0; padding: 20px 1px 24px 45px; color: #f08300; font-weight: bold;}

.faqcontents{}
.faqcontents .faq_menu{ width: 90%; margin: 0 auto;/* border: #f08300 3px double;*/}
.faqcontents .faq_menu dl{ width: 100%;}
.faqcontents .faq_menu dl::after { clear: both; content: " "; display: block;}
.faqcontents .faq_menu dl dt{ float: left; font-size: 1.2em; font-weight: bold; margin: 0; color: #f08300;}
.faqcontents .faq_menu dl dd{ line-height: 2em; margin: 0; padding: 0 0 0.4em 3.5em;}
.faqcontents .faq_menu dl a:hover{ text-decoration: underline;}

.faqcontents .answer_box { margin: 0 auto; padding: 0 0 30px; width: 100%;}
.answer_box dl{ font-size: 15px; margin: -15px auto 0; padding-top: 65px; width: 100%;}
.answer_box dl::after{ clear: both; content: " "; display: block;}
.answer_box dl dt{ background: url(../images/detail/q.png) no-repeat; color: #f08300; display: block; font-size: 20px; font-weight: bold; line-height: 1.7em; margin-bottom: 7px; padding: 0 20px 7px 2.5em;}
.answer_box dl dd { background: url(../images/detail/a.png) no-repeat; display: block; line-height: 1.8em; margin: 0; padding: 5px 20px 10px 3.3em;}

.qa .pagetop{ width: 100%; margin-bottom: 2em;}
.qa .pagetop::after{ clear: both; content: " "; display: block;}
.qa .pagetop a{ color: #F5A200; float: right; display: inline-block; background: url(../images/ad_pagetop.gif) no-repeat bottom right; font-size: 13px; padding: 1em 22px 1px 10px;}
.qa .pagetop a:hover{ color: #F55100;}



/*---------SNS--------*/

#sns_area{ width: 100%; padding-bottom: 70px;}
#sns_area .sns{ width: 1000px; margin: 0 auto; position: relative; letter-spacing: 1px;}
#sns_area .sns::after { clear: both; content: " "; display: block;}

.sns .main_title{ background: url(../images/sn_midashi_line.gif) repeat-x bottom; color: #ef5a00; margin-bottom: 20px;}
.sns .main_title strong{ font-size: 25px; padding: 15px 0 15px 45px; margin-top: 20px; background: url(../images/special_sns2.png) no-repeat left center / auto 38px; display: inline-block;}
.sns .main_title span{ font-size: 15px; letter-spacing:0; padding-left: 25px;}

#sns_area .sns_box{ width: 90%; margin: 20px auto 0;}




@media only screen and (max-width: 1600px) {
	/*---------SNS--------*/
	#sns_area .sns_box{ width: 94%;}
}

@media only screen and (max-width: 1280px) {
	/*---------SNS--------*/
	#sns_area .sns_box{ width: 90%;}
}


/*------------------------------tablet------------------------------*/

@media screen and (max-width: 990px) {


#search_snsarea{ width: 90%;}
#search_snsarea .snsbox{ top: 30px; width: 220px;}

#search_event_snsarea{ width: 90%;}
#search_event_snsarea .snsbox{ top: 40px; width: 220px;}


.d_menu{ margin-top: 20px;}
.d_menu .detail{ width: 90%; padding: 0 5%;}
.d_menu .detail ul{ width: 100%;}

.d_cate{ padding-bottom: 15px;}

.detail{ width: 90%; padding: 0 5%;}
.detail h1{ padding-bottom: 15px;}
.detail .d_infomation{ width: 100%; margin: 0 auto; float: none;}
.d_infomation .d_box{ width: 90%; margin: 0 auto; border: none; min-height: auto;}
.d_box dl dt{ width: 22%;}
.d_box dl dd{ width: 78%;}

.detail .d_photo{ width: 100%;}

#loading { min-height: 0;}


/*.d_menu .snsbox{ padding-top: 8px;}*/

/*スライド*/

.PhotoSlideOuter{ padding-bottom: 30px;}
#PhotoSlide{ width: 490px !important; margin: 0 auto;}
ul.thumbs{ width: 490px; margin: 0 auto;}

.detail .d_photo h2 p{ width: 90%; margin: 0 auto; padding: 1.5em 0;}

.detail .d_service{ width: 90%; margin: 0 auto 40px;}
.d_service .s_title span.timing{ margin: 0.1em 7px 0 5px;}

.detail #map{width: 100%;}



.detail .d_access{ width: 100%;}
.d_access dl dd{ width: auto;}

.detail .d_point{ width: 100%;}

.d_gallery ul li{ padding: 0 0.5% 10px; width: 19%;}

/*おすすめ・PR*/
.ad_area{ width: 100%;}
.ad_area .midashi{ margin-bottom: 20px;}
.ad_area p{ margin-bottom: 1em; font-size: 14px;}

.ad_area .box .img_l,.ad_area .box .img_r{ width: 45%;}
.img_l img,.img_r img{ max-width: 100%;}
.ad_area .box .img_l div,.ad_area .box .img_r div{ padding-bottom: 15px; }

.ad_area .box .txt_l,.ad_area .box .txt_r{ width: 52%;}


.return{ width: 100%; padding: 30px 0 30px;}


/*---------提携施設をさがす--------*/

#search_area{}
.search{ width: 94%;}
.search .main_title{ margin-bottom: 15px;}
.search .main_title strong{ padding: 5px 0 10px 43px;}
.search .above_midashi{ font-size: 14px; margin: 0 auto 20px;}
.search .s_title{ padding-bottom: 1em;}
.search .plus{ padding: 20px 0 25px;}
#search_area ul.category{ width: 96%; margin: 0 auto;}
#search_area ul.category li{ width: 31%; margin: 0 1% 20px;}
.search .area dt{ width: 100%; float: none;}
.search .area dd{ width: 100%; float: none;}
.search .area dd label{ margin: 0.3em 1.6em 0.3em 0;}

#search_area .free_word{ width: 90%; margin: 0 auto;}
#search_area .free_word .search_box{ width: 70%; margin: 0 3% 0 0;}
#search_area .free_word span{ width: 20%;}




/*---提携施設をさがす結果---*/
#search_result .result_area{ width: 94%;}

#result_list{ width: 96%;}
#result_list ul{ width: 100%;}
#result_list ul li{ width: 32%; padding: 0 0.5%;}

#result_list ul li a{}
#result_list ul li a span{ width: 100%; max-height: 207px; /*min-height: auto;*/ overflow: hidden;}
#result_list ul li a span img{ max-height: 207px; min-height: 207px; max-width: 100%; min-width: auto; width: auto; height: auto;}


.compression{ font-size: 14px;}

.compression .selection dd.area{ /*padding: 8px;*/}
dd.area dl{ padding: 4px 8px;}
dd.area dt{ padding: 8px 0;}
dd.area dd{ /*padding-left: 13em;*/ width: 100%;}


/*---------プラン--------*/

#plan_area{}
.plan{ width: 96%;}

.plan .main_title{ margin-bottom: 15px;}
.plan .main_title strong{ padding: 5px 0 10px 43px;}
.plan .above_midashi{ font-size: 14px; margin: 0 auto 20px;}

.prefecture{ width: 96%;}

#plan_area .prefecture ul{ width: 96%; margin: 0 auto;}
#plan_area .prefecture ul li{ width: 32%; margin: 0 5px 15px; padding-bottom: 10px;}

#plan_area .prefecture ul li a img{ max-height: 175px; min-height: 175px; }

#plan_area .prefecture p.all{ padding-right: 20px;}
#plan_area .free_word{ padding: 20px 0 25px;}
#plan_area .free_word .plan .box{ margin: 0 0 0 1em; width: 75%;}

#plan_area .free_word .search_box{ width: 94%; margin:0;}


/*プラン詳細ページ*/
.plan_flow .around{ width: 27%; }
.plan_flow .around_box{ width: 70%; }
.plan .f_title .box{ padding: 0.2em 0.8em 0.2em 0.6em;}
/*.plan_flow .pdf a{ padding: 0.8em 2em;}*/
.plan_box .p_title span{ max-width: 19.5em;}
.plan_box .p_title span a{ }


/*.plan_box .near_area{ width: 60%;}*/
.plan_box .near_box{ width: 70%;}
.plan_box .photo{ padding: 0; width: 37%;}
.plan_box .txt{ width: 60%;}

.near_box .ichiran_area{ padding: 20px 10px 25px 15px;}


/*---------イベント--------*/

#event_area{}

.event{ width: 96%;}

.event .main_title{ margin-bottom: 15px;}
.event .main_title strong{ padding: 5px 0 10px 43px;}
.event .above_midashi{ font-size: 14px; margin: 0 auto 20px;}

.event_list{ padding-top: 15px;}
.event_list li{ padding: 0 1% 20px; width: 48%;}

.event_detail{ width: 90%;}

/*#event_area .green_box{ border-bottom: 1px dashed #A4C542; padding-bottom: 2em; margin-bottom: 2em;}*/

ul.event_img{ width: 100%; padding-top: 20px;}
ul.event_img li{}
ul.event_img li img{}

/*Special*/
.sp_area{ width: 100%;}
.sp_area .midashi{ margin-bottom: 20px;}
.sp_area p{ margin-bottom: 1em; font-size: 14px;}

.sp_area .box .img_l,.sp_area .box .img_r{ width: 45%;}
.img_l img,.img_r img{ max-width: 100%;}
.sp_area .box .img_l div,.sp_area .box .img_r div{ padding-bottom: 15px; }

.sp_area .box .txt_l,.sp_area .box .txt_r{ width: 52%;}

#event_area .return{ width: 100%;}


/*---------お知らせ--------*/

#topic_area{}

#topic_area .topic{ width: 96%;}

.topic .main_title{ margin-bottom: 15px;}
.topic .main_title strong{ padding: 5px 0 10px 43px;}
.topic .above_midashi{ font-size: 14px; margin: 0 auto 20px;}

.topic .topic_box{ width: 90%; margin: 20px auto 0;}
.topic_box dl dt{ width: 10%; padding-right: 2%;}
.topic_box dl dd{ width: 88%;}
.topic_detail{ width: 90%;}

/*Topics*/
.tp_area{ width: 100%;}
.tp_area .midashi{ margin-bottom: 20px;}
.tp_area p{ margin-bottom: 1em; font-size: 14px;}

.tp_area .box .img_l,.tp_area .box .img_r{ width: 45%;}
.img_l img,.img_r img{ max-width: 100%;}
.tp_area .box .img_l div,.tp_area .box .img_r div{ padding-bottom: 15px; }

.tp_area .box .txt_l,.tp_area .box .txt_r{ width: 52%;}


/*present*/
#present_area{}

.present{ width: 96%;}

.pr_area{ width: 100%;}
.pr_area p{ margin-bottom: 1em; font-size: 14px;}

/*howto*/
#howto_area{}
.howto{ width: 96%;}
.howto .step{ width: 93%; padding: 3% 3%;}
.howto .step .midashi{ margin-bottom: 20px;}
.howto .step .midashi b{ display: block; padding-bottom: 10px;}
.howto .step ul{ width: 100%;}
.howto .step ul li{ width: 29%;}
.howto .step ul li.next{ width: 5.5%}
.howto .step ul li p{ font-size: 15px; line-height: 1.5em;}
/*.howto .step ul li p span{ display: inline;}*/

.howto .presentation .left{ width: 48%; margin: 0 1%; padding: 20px 0 25px;}
.howto .presentation .left p{ padding-top: 0.6em; letter-spacing: 1px; font-size: 17px;}
.howto .presentation .left p strong{ padding: 3px 0 5px; font-size: 23px;}

.howto .presentation .left dl{ margin: 0 0 13px;}


/*--お問い合わせ--*/

#inquiry_area{}
#inquiry_area .inquiry{ width: 90%; }
.inquiry h1{ padding: 15px 10px 15px 0; background: url(../images/ad_midashi_line.gif) repeat-x bottom;}
.inquiry h1 p{ font-size: 20px; margin:0; padding: 0px 1px 0px 0px; color: #f08300; font-weight: bold;}

.inquiry table.resp th{ width: 98%; padding: 10px 1%;}
.inquiry table.resp td{ width: 98%; padding: 2% 1%;}
.inquiry table.resp td input{ font-size: 13px;}

.inquiry .kadomaru{ margin-top: 1em;}


/*---------カードについて--------*/

#about_area{}
#about_area .about{ width: 92%; }


.about h1{}
.about h1 p{ font-size: 20px; background: url(../images/icon/card.png) no-repeat left center / 45px 36px; margin:0; padding: 20px 1px 24px 55px; color: #f08300; font-weight: bold;}

.about .title b{ font-size: 20px; padding-left: 15px;}
.about .box{ padding-bottom: 30px;}
.about .box p{ font-size: 15px;}
.about .box p.indent{ margin-bottom: 1px; font-size: 14px;}
.about .box p.mincho{ line-height: 1.6em;}


/*---------よくある質問--------*/

#qa_area{}
#qa_area .qa{ width: 92%; }

.qa h1{ margin-bottom: 1em;}

.faqcontents .faq_menu{ width: 94%;}
.faqcontents .faq_menu dl dt{ font-size: 1.1em;}
.faqcontents .faq_menu dl dd{ padding: 0 0 0.2em 3.2em; font-size: 15px;}

.answer_box dl{ padding-top: 40px;}
.answer_box dl dt{ font-size: 18px; padding: 0 20px 7px 2.3em;}
.answer_box dl dd{ padding: 5px 20px 10px 3.0em;}

.qa .pagetop{ margin-bottom: 1em;}



/*---------SNS--------*/

#sns_area{}

#sns_area .sns{ width: 96%;}

.sns .main_title{ margin-bottom: 15px;}
.sns .main_title strong{ padding: 5px 0 10px 43px;}

#sns_area .sns_box{ width: 90%; margin: 20px auto 0;}



}


/*------------------------------smt------------------------------*/

@media screen and (max-width: 750px) {

#search_snsarea{ width: 92%;}
#search_snsarea .snsbox{ right: 13px; top: 85px; width:auto;}
#search_snsarea .snsbox .twitter,#search_snsarea .snsbox .faceb{ padding-left: 10px;}

#search_event_snsarea{ width: 92%;}
#search_event_snsarea .snsbox{ right: 5px; top: 10px; width:auto;}
#search_event_snsarea .snsbox .twitter,#search_event_snsarea .snsbox .faceb{ padding-left: 10px;}



#detail_area{ padding: 0; word-break: break-all;}

.detail{ width: 92%; padding: 0; margin: 0 auto;}
.detail h1{ font-size: 1.3em;}

.d_menu{ background: url(../images/icon/orange_bg.gif) repeat-x center bottom; margin: 20px 0 25px;}
.d_menu .detail{ width: 96%; padding: 0 2%;}
.d_menu .detail ul{ padding-bottom: 0;}
.d_menu .detail ul li{ width: 85px; margin-right: 3px;}

.d_menu .detail ul li a{ min-height: 32px;}

.d_menu .detail ul li.kihon{}
.d_menu .detail ul li.kihon a { background-size: 85px auto; background-position: 0 0;}
.d_menu .detail ul li.kihon a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.kihon a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.osusume{}
.d_menu .detail ul li.osusume a { background-size: 85px auto; background-position: 0 0;}
.d_menu .detail ul li.osusume a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.osusume a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.pr{}
.d_menu .detail ul li.pr a { background-size: 85px auto; background-position: 0 0;}
.d_menu .detail ul li.pr a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.pr a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.other{}
.d_menu .detail ul li.other a { background-size: 85px auto; background-position: 0 0;}
.d_menu .detail ul li.other a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.other a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.facility{ width: 102px;}
.d_menu .detail ul li.facility a { background-size: 102px auto; background-position: 0 0;}
.d_menu .detail ul li.facility a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.facility a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.plan{ width: 112px;}
.d_menu .detail ul li.plan a { background-size: 112px auto; background-position: 0 0;}
.d_menu .detail ul li.plan a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.plan a.selected { background-position: 0 -77px;}

.d_menu .detail ul li.event{ width: 102px;}
.d_menu .detail ul li.event a { background-size: 102px auto; background-position: 0 0;}
.d_menu .detail ul li.event a:hover { background-position: 0 -41px;}
.d_menu .detail ul li.event a.selected { background-position: 0 -77px;}


.d_cate{ padding-bottom: 5px;}
.d_cate span{}
.d_cate span img{ min-width: 70%; max-width: 95px; margin: 0 10px 5px 0;}
.d_cate .tag{ margin: 0; font-size: 13px; width: 100%;}


#loading { min-height: 0;}


/*スライド*/

#PhotoSlide{ width: 100% !important;}
#PhotoSlide li{ width: 100%; height: auto; min-height: 214px; max-width: 100%; /*max-height: 327px;*/}
#PhotoSlide li img{ width: auto; max-width: 100%; height: auto; max-height: 200px; min-height: 200px; margin: 0 auto;}


ul.thumbs{ width: 100%; text-align: center; max-width: 300px;}
.thumbs li{ margin: 0 0 10px; /*width: 32%;*/}
.thumbs img{ width: 100% !important; max-width: auto !important; height: auto !important; max-height: 100%; min-height: 100%;}

.caption{ width: 100% !important; font-size: 12px; letter-spacing: 0; /*margin: 5px 0 8px;*/}


.d_infomation .d_box{ width: 100%;}
.d_box dl dt{ width: 25%; min-width: 4em; font-size: 14px;}
.d_box dl dd{ width: 75%; letter-spacing: 0;}

.detail .d_photo h2 p{ width: 98%; padding: 1em 0;}

.detail .d_service{ width: 100%; padding: 20px 0 40px; margin: 0 auto;}

.detail #map{ width: 90%;}
.detail .facility_map{height: 220px;}



.d_service .s_title strong{ display: block; padding: 0 0 0 55px; margin-bottom: 7px;}
.d_service .s_title span{ margin: 0;}
.d_service .s_title span.check{ letter-spacing: 0; display: inline-block; line-height: 1.2em; margin-bottom: 0.7em; font-size: 13px; padding: 0.4em 0.8em;}
.d_service .s_title span.timing{ display: block; background: url(../images/icon/timing.png) no-repeat left top;}
.d_service .s_box{ padding: 1.5em 1em; text-align: left; font-size: 0.9em;}
.d_service .s_box .check{ padding: 0px 3px 5px 40px; /*width: 90%;*/ margin: 0 auto; display: block; line-height: 1.7em;}

.detail .d_access{ width: 90%;}
.d_access dl dt{}
.d_access dl dd{ padding: 1em 0 0 0;}

.d_point .d_box{ padding: 1em; width: auto; font-size: 13px; line-height: 1.7em;}

.d_gallery ul li{ width: 32%; padding: 0 0.5% 5px;}


/*おすすめ・PR*/

.ad_area .midashi{ margin-bottom: 20px;}
.ad_area p{ margin-bottom: 1em; font-size: 0.9em; line-height: 1.5em;}
.ad_area .midashi p{ padding: 5px 0 5px 5%;}

.ad_area .box .img_l,.ad_area .box .img_r{ float: none; width: 100%; display: block; margin: 0 auto;}
.ad_area .box .img_l div,.ad_area .box .img_r div{ width: 49%; padding: 0 0.5% 15px 0.5%; float: left; min-height: 105px; max-height: 105px;}
.img_l img,.img_r img{ max-height: 105px; height: auto;}

.ad_area .box .txt_l,.ad_area .box .txt_r{ float: none; width: 100%;}


.return a{ width: 80%;}


/*---------提携施設をさがす--------*/

#search_area{}
.search{ width: 94%;}
.search .main_title strong{ display: block; margin-top: 15px; padding: 5px 0 3px 43px;}
.search .above_midashi{ font-size: 13px; line-height: 1.3em; }
.search .s_title{ padding-bottom: 1em;}
.search .main_title strong{ font-size: 22px; padding: 5px 0 5px 36px;}
#search_area ul.category{ width: 98%;}
#search_area ul.category li{ width: 31%; margin: 0 1% 15px; font-size: 15px; letter-spacing: 1px; border-radius: 100px; text-align: center;}
#search_area ul.category li input{ display: block; margin: 0 auto 6px;}
#search_area ul.category li label{ padding: 21px 1% 20px; width: 98%;}
#search_area ul.category li label.travel{ padding: 21px 1% 20px; width: 98%;}
#search_area ul.category li span{ padding: 24px 0 0 0;}
.search .area dl{}
.search .area dt{ font-size: 14px;}
.search .area dd{ font-size: 12px;}
.search .area dd label{ margin: 0.1em 1em 0.1em 0;}
#search_area ul.category li.michinoeki span{ background: url(../images/icon/search/s_michinoeki.png) no-repeat top center; font-size: 14px; letter-spacing: -2px; line-height: 1.1em;}
#search_area ul.category li.leisure span{ background: url(../images/icon/search/s_leisure.png) no-repeat top center;}
#search_area ul.category li.yado span{ background: url(../images/icon/search/s_yado.png) no-repeat top center;}
#search_area ul.category li.ceremonial span{ background: url(../images/icon/search/s_ceremonial.png) no-repeat top center;}
#search_area ul.category li.spa span{ background: url(../images/icon/search/s_spa.png) no-repeat top center;}
#search_area ul.category li.life span{ background: url(../images/icon/search/s_life.png) no-repeat top center;}
#search_area ul.category li.gourmet span{ background: url(../images/icon/search/s_gourmet.png) no-repeat top center;}
#search_area ul.category li.sports span{ background: url(../images/icon/search/s_sports.png) no-repeat top center;}
#search_area ul.category li.travel span{ background: url(../images/icon/search/s_travel.png) no-repeat top center; padding: 24px 0 0 0 !important; letter-spacing: -2px;}

#search_area ul.category li.michinoeki label{ padding: 19px 1% 15px;}

.search .plus{ padding: 13px 0 25px;}

#search_area .free_word{ width: 100%; }
#search_area .free_word .search_box{ width: 90%; float: none; margin: 0 auto; font-size: 13px;}
#search_area .free_word span{ width: 100%; float: none; padding: 20px 0 0 0; text-align: center;}
#search_area .free_word span img{ width: 110px; height: auto;}

.search p.kensaku{ padding: 15px 0 40px;}
.search p.kensaku a{ font-size: 15px;}


/*---提携施設をさがす結果---*/
#search_result .result_area{ width: 94%;}
.result_area .total_area h1{ font-size: 18px; padding-bottom: 5px;}
.result_area .result{ font-size: 17px;}
.result_area .result b{ font-size: 1.4em;}


.load_more a{ width: 75%;}

#result_list ul li{ width: 46%; padding: 0 2%;}

#result_list ul li h3{ font-size: 14px; }
#result_list ul li small{ font-size: 11px; }
#result_list p{ line-height: 1.3em;}

#result_list ul li a{}
#result_list ul li a span{ max-height: 114px; }
#result_list ul li a span img{ min-height: 114px; max-height: 114px;}

.compression{ font-size: 14px;}

dl.address dt{ padding: 1px 5px 2px; margin-top: 3px;}
dl.address dd{ line-height: 1.5em;}
dl.address dd.area{ padding: 8px 0 3px 15px;}
dl.address dd.tel{ padding: 8px 0 3px 15px}

dd.category ul li{ padding: 0 0 1.2em 0.6em;}

dd.area dt{ display: block; float: none; width: 100%;}
dd.area dd{ padding-left: 0em; font-size: 12px;}
dd.area dt label,dd.area dd label{ margin: 0.1em 1em 0.1em 0;}

.compression p.kensaku{ padding: 20px 0;}
.compression p.kensaku a{ padding: 8px 20px;}


/*---------プラン--------*/

#plan_area{ padding: 0; word-break: break-all;}
.plan{ width: 92%;}
.plan .main_title strong{ margin-top:15px; display: block; padding: 5px 0 5px 40px; font-size: 22px;}
.plan .main_title span{ font-size: 14px; padding: 0 0 10px 0; display: block;}
.plan .above_midashi{ font-size: 13px; line-height: 1.3em;}

#plan_area .prefecture ul li{ width: 100%; margin: 0 auto 15px; text-align: center;}
#plan_area .prefecture ul li a{ width: 96%; margin: 0 auto; }
#plan_area .prefecture ul li a img{ /*width: auto; max-width: 219px; max-height:auto; min-height: 146px;*/ max-width:auto !important; max-height: auto !important; min-height: auto !important; height:auto !important;}
#plan_area .prefecture ul li p{ /*max-width: 328px;*/ text-align: left; margin: 5px auto 0.5em;}

#plan_area .prefecture p.all{ text-align: center; font-size: 15px; padding: 0 0 60px 0;}
#plan_area .prefecture p.all a{ background-color: #f8f7f7; border: 1px #e2e2e2 solid; padding: 10px 40px 10px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}

#plan_area .free_word b{ display: block;}
#plan_area .free_word .search_box{ }

#plan_area .free_word .plan .box{ width: 100%; margin: 15px auto 0;}

.prefecture{ width: 90%;}
.prefecture .f_title{ width: 94%; margin: 0 auto 1em;}
.prefecture .f_title b{ font-size: 20px; padding-left: 15px;}

.pink_f_title{ width: 94%; margin: 0 auto 1em;}
.pink_f_title b{ font-size: 20px; padding-left: 15px;}

.plan .movie{ width: 90%; padding: 20px 0 60px;}

/*プラン県別ページ*/
.plan_prefecture{}
/*.plan_prefecture .prefecture_plan{ margin: 70px auto 0 !important;}*/
.plan_prefecture .plan .above_midashi{ margin: 0 auto 75px}


/*プラン詳細ページ*/
.plan .snsbox{ width: auto;}
.plan .f_title{ font-size: 1.2em; margin: 0 0 0.5em;}
.plan .f_title b{  padding: 7px 0 7px 10px;}
.plan .f_title .box{ font-size: 0.7em; padding: 0 0.3em 0 0.1em; margin: 0; letter-spacing: 0;}
.plan .f_title .tab input{ margin-right: 3px;}

.plan_flow .pdf a{ padding: 0.8em 2em; letter-spacing: 0;}
.plan_flow .pdf a span{ padding-right: 15px;}

.plan .movie{ width: 96%; padding: 10px 0 50px;}

.plan_flow .around{ width: 100%; background: none;}
.plan_flow .around_box{ width: 100%; margin-bottom: 15px;}
.plan_flow .around_box .google_map{ height: 260px;}
.plan_flow .around ul{ margin: 0;}
.plan_flow .around ul li{ background: none; padding: 0 5px 0 5px; font-size: 14px;}
.plan_flow .around ul li span{ padding: 8px 0;}
.plan_flow .around .sta_go{ display: none;}
.plan_flow .around ul li b{ font-weight: normal; padding-left: 33px;}

.plan_flow small.caution{ letter-spacing: 0; font-size: 9px; line-height: 1.2em;}

.plan_box{ padding-bottom: 30px;}
/*.plan_box .near_area{ right: 5px; width: 85%; top: 5px;}*/
.plan_box .near_box{ width: 85%; }
.near_box .ichiran_area{ padding: 15px 10px 20px 15px}
.near_box .midashi{ /*padding-bottom: 3px;*/ font-size: 14px; letter-spacing: 0;}
.near_box .close{ padding: 0 5px 8px 0;}
.ichiran p{ font-size: 13px;}


.plan_box .p_title{ margin-bottom: 15px; padding: 5px 0 10px; font-size: 17px;}
.plan_box .p_title span{ padding: 3px 0 0 30px; /*width: 13.8em;*/ min-height: 30px; line-height: 1.3em; letter-spacing: 0; width: 13.8em;}
.plan_box .p_title span img{ height: 20px; padding-left: 5px; vertical-align: text-bottom;}

.plan_box .p_title span a{}

.plan_box .p_title small.teikei{ background: #f08300; padding: 0em 0.4em; font-size: 11px; display: inline-block; letter-spacing: 1px; margin-top: 3px;}

.plan_box .p_title .p_01{ background: url(../images/plan/p_01_smt.png) no-repeat left top; /*background-size: 25px auto;*/}
.plan_box .p_title .p_02{ background: url(../images/plan/p_02_smt.png) no-repeat left top;}
.plan_box .p_title .p_03{ background: url(../images/plan/p_03_smt.png) no-repeat left top;}
.plan_box .p_title .p_04{ background: url(../images/plan/p_04_smt.png) no-repeat left top;}
.plan_box .p_title .p_05{ background: url(../images/plan/p_05_smt.png) no-repeat left top;}
.plan_box .p_title .p_06{ background: url(../images/plan/p_06_smt.png) no-repeat left top;}
.plan_box .p_title .p_07{ background: url(../images/plan/p_07_smt.png) no-repeat left top;}
.plan_box .p_title .p_08{ background: url(../images/plan/p_08_smt.png) no-repeat left top;}
.plan_box .p_title .p_09{ background: url(../images/plan/p_09_smt.png) no-repeat left top;}
.plan_box .p_title .p_10{ background: url(../images/plan/p_10_smt.png) no-repeat left top;}
.plan_box .p_title .p_11{ background: url(../images/plan/p_11_smt.png) no-repeat left top;}
.plan_box .p_title .p_12{ background: url(../images/plan/p_12_smt.png) no-repeat left top;}

.plan_box p.click{ background: url(../images/plan/v_btn_smt.png) no-repeat; width: 60px; height: 35px;}
.plan_box .photo{ width:100%; float: none;}
.plan_box .txt{ width: 96%; margin: 0 auto; padding:0; float: none;}
.plan_box .txt p{ font-size: 14px; line-height: 1.4em; margin-bottom: 1em;}

.plan_box .txt .point{ padding: 0 0 10px; width: 100%;}
.plan_box .txt .point img{ display: none;}
.plan_box .txt .point span{ border: #F19DB5 2px solid; line-height: 1.5em; padding: 10px 13px;}

.plan_box .txt .otoku{ padding: 0 0 10px; width: 100%;}
.plan_box .txt .otoku img{ display: none;}
.plan_box .txt .otoku span.card{ border: #f5a200 2px solid; line-height: 1.5em; padding: 10px 13px;}

.plan_box .txt .service{ padding: 0 0 10px; width: 100%;}
.plan_box .txt .service img{ display: none;}
.plan_box .txt .service span.card{ border: #f5a200 2px solid; line-height: 1.5em; padding: 10px 13px;}

.next_move{ background: url(../images/plan/next_move_smt_bg.png) no-repeat; padding: 10px 0 15px 160px; margin-bottom: 40px;}
.next_move ul li{ padding-right: 5px; letter-spacing:0; font-size: 15px;}
.next_move ul li.car{ padding-left: 35px;}
.next_move ul li.walk{ padding-left: 25px;}
.next_move ul li.bicycle{ padding-left: 40px;}

.plan .matome{ width: auto; margin: 20px auto 0; padding: 6% 5% 2%;}
.plan .matome p{ font-size: 14px; line-height: 1.5em; margin-bottom: 1em;}

.article{ padding: 15% 0 10%;}
.article .left, .article .middle, .article .right{ width: 50%;}
.article .left img, .article .middle img,, .article .right img{ width: 100%;}


/*---------イベント--------*/

#event_area{ padding: 0; word-break: break-all;}
.event{ width: 92%;}

.event .main_title strong{ margin-top:15px; display: block; padding: 8px 0 13px 40px; font-size: 22px;}
.event .main_title span{ font-size: 14px; padding: 0 0 10px 0; display: block;}
.event .above_midashi{ font-size: 13px; line-height: 1.3em;}

.event_list{ padding: 0;}
.event_list li{ padding: 0 5% 5px; width: 90%; }
.event_list li p { padding: 5px 0; font-size: 13px; line-height: 1.4em; border: none;}

.event_detail{ padding-top: 35px;}
.event_detail h1 p{ font-size: 15px; padding: 7px 5px 7px 35px;}

#event_area .green_box{ padding-bottom: 1.5em; margin-bottom: 1.5em;}

#event_area .green_box dl.inquiry dt{ float: none; width: auto;}
#event_area .green_box dl.inquiry dd{ float: none; margin: 0;}

ul.event_img{ width: 100%; padding-top: 20px;}
ul.event_img li{ margin-bottom: 5px; margin-right: 10px;}
ul.event_img li img{ max-height: auto; min-height: auto;}


/*Special*/
.sp_area .midashi{ margin-bottom: 20px;}
.sp_area .midashi p{ padding: 5px 0 5px 5%;}
.sp_area p{ margin-bottom: 1em; font-size: 12px; line-height: 1.3em;}
.sp_area p img{ padding: 1em 0 1em;}

.sp_area .box .img_l,.sp_area .box .img_r{ float: none; width: 100%; display: block; margin: 0 auto;}
.sp_area .box .img_l div,.sp_area .box .img_r div{ width: 49%; padding: 0 0.5% 15px 0.5%; float: left; min-height: 105px; max-height: 105px;}
.img_l img,.img_r img{ max-height: 105px; height: auto;}

.sp_area .box .txt_l,.sp_area .box .txt_r{ float: none; width: 100%;}


/*---------お知らせ--------*/

#topic_area{ padding: 0; word-break: break-all;}
#topic_area .topic{ width: 92%;}

.topic .main_title strong{ margin-top:15px; display: block; padding: 5px 0 5px 40px; font-size: 22px;}
.topic .above_midashi{ font-size: 13px; line-height: 1.3em;}

.topic .topic_box{ width: 96%; margin: 20px auto 0px;}
.topic_box a{ margin-bottom: 15px;}
.topic_box dl dt{ width: 16%; padding-right: 4%;}
.topic_box dl dd small{ padding:0; font-size: 11px;}
.topic_box dl dd p{ font-size: 12px; line-height: 1.3em;}
.topic_box dl dd{ width: 80%;}

.topic_detail{ padding-top: 35px;}
.topic_detail h1 p{ font-size: 15px; padding: 7px 5px 7px 35px;}

/*Topic*/
.tp_area .midashi{ margin-bottom: 20px;}
.tp_area .midashi p{ padding: 5px 0 5px 5%;}
.tp_area p{ margin-bottom: 1em; font-size: 13px; line-height: 1.3em;}
.tp_area p img{ padding: 1em 0 1em;}

.tp_area .box .img_l,.tp_area .box .img_r{ float: none; width: 100%; display: block; margin: 0 auto;}
.tp_area .box .img_l div,.tp_area .box .img_r div{ width: 49%; padding: 0 0.5% 15px 0.5%; float: left; min-height: 105px; max-height: 105px;}
.img_l img,.img_r img{ max-height: 105px; height: auto;}

.tp_area .box .txt_l,.tp_area .box .txt_r{ float: none; width: 100%;}

/*present*/
.present h1 p{font-size: 15px; padding: 7px 5px 7px 35px;}
.pr_area p{ margin-bottom: 1em; font-size: 13px; line-height: 1.3em;}
.pr_area p img { padding: 1em 0;}

/*howto*/
#howto_area{}
.howto{ width: 92%;}
.howto .step{ width: 80%; padding: 6% 8%;}
.howto .step ul li{ width: 100%; text-align: center; line-height: 1em;}
.howto .step ul li img{ padding: 0; margin: 0; width: 80%;}
.howto .step ul li.next{ width: 100%; background: url(../images/detail/next_smt.png) no-repeat center bottom; padding: 0 0 1.8em; margin: 0 0 1.2em;}
.howto .step ul li.next img{ display: none;}
.howto .step ul li p{ font-size: 16px; line-height: 1.4em;}
.howto .step ul li p span{ display: inline;}

.howto .presentation{ margin: 0 0 20px;}
.presentation .midashi{ margin: 0 0 20px;}
.howto .presentation .left{ width: 96%; margin: 0; padding: 0 2% 0;}
.howto .presentation .left p{ font-size: 14px; font-weight: normal; line-height: 1.3em;}
.howto .presentation .left p strong{ font-size: 17px; padding: 3px 0 8px;}

.howto .presentation .left dl dt{ margin-bottom: 5px;}


.howto .caution{ width: 100%;}
.howto .caution .left,.howto .caution .right{ width: 100%; float: none;}
.howto .caution .left{ padding-top: 1em;}
.howto .caution .left p{ font-size: 14px;}
.howto .caution .right{ text-align: center; padding-top: 7%;}
.howto .caution .right p{ width: auto;}

/*--お問い合わせ--*/

.inquiry .kadomaru{ font-size: 15px;}


/*---------カードについて--------*/

#about_area .about{ width: 90%; }

.about h1 p{ font-size: 18px; background: url(../images/icon/card.png) no-repeat left center / 45px 36px; padding: 20px 1px 20px 52px;}

.about .greeting{ font-size: 18px; margin-bottom: 15px;}

.about .title b{ font-size: 17px; padding-left: 12px;}
.about .box p{ font-size: 13px;}
.about .box p.indent{ margin-bottom: 6px; font-size: 13px; line-height: 1.3em; background: url(../images/icon/orange_smt.png) no-repeat left top; padding-left: 1em;}
.about .box p.mincho{ line-height: 1.5em;}

/*---------よくある質問--------*/

#qa_area .qa{ width: 90%; }

.qa h1{ margin-bottom: 1em;}

.faqcontents .faq_menu{ width: 100%;}
.faqcontents .faq_menu dl dt{ font-size: 0.9em; letter-spacing: 0;}
.faqcontents .faq_menu dl dd{ padding: 0 0 0.2em 3.2em; font-size: 14px; line-height: 1.6em;}

.answer_box{ width: 100%; margin: 0 auto;}
.answer_box dl{ padding-top: 20px;}
.answer_box dl dt{ font-size: 15px; padding: 5px 0 10px 2.8em; line-height: 1.4em; margin-bottom: 10px;}
.answer_box dl dd{ padding: 5px 20px 20px 3.0em; line-height: 1.4em;}

.qa .pagetop{ width: 94%; margin-bottom: 1em;}



/*---------SNS--------*/

#sns_area{ padding: 0; word-break: break-all;}
#sns_area .sns{ width: 92%;}

.sns .main_title strong{ margin-top:15px; display: block; padding: 5px 0 5px 40px; font-size: 22px; background: url(../images/special_sns2.png) no-repeat left center / auto 35px;}

#sns_area .sns_box{ width: 96%; margin: 20px auto 0px;}



}