@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
#tistorytoolbarid {display: none;}

body	{
	margin: 0; padding: 0;
	font: 12px 'Noto Sans Japanese', sans-serif;
	color: #333;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { 
    display:block;
    margin: 0;
    padding: 0;
}

a	{outline: none; color: #333; text-decoration:none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}

h1, h2, h3, h4, h5, p	{margin: 0; padding: 0;}
img	{border: none;}
button, input[type=button]	{background: none; border: none; cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
input, textarea, button, select	{font: 12px 'Noto Sans Japanese', sans-serif; outline: none;}

.container .hide	{visibility: hidden; height: 0; margin: 0; padding: 0;}

/* layout */
.container	{position: relative;}
.common_header	{padding: 30px 0 20px; text-align: center; min-width: 1000px;}
#gnb	{border-top: 1px solid #CCC; min-width: 1010px;}
.wrapper	{position: relative; margin: 0 auto; padding-top: 0; padding-bottom: 50px; width: 1000px; min-height: 420px;}
	.content	{padding-top: 0; border-top: 1px solid #FFF;}
	#tt-body-category .content,
	#tt-body-search .content,
	#tt-body-page .content	{float: left; padding-top: 29px; width: 760px;}
	.sidebar	{display: none; float: right; padding-top: 56px; width: 200px;}
	#tt-body-category .sidebar,
	#tt-body-search .sidebar,
	#tt-body-page .sidebar	{display: block;}
.common_footer	{padding: 30px 0 50px; min-width: 1000px; border-top: 1px solid #CCC;}
.inner	{margin: 0 auto; width: 1000px; position: relative;}


#tt-body-page .bottom_con	{display: none;}
.bottom_con	{width: 1000px; border-top: 1px solid #333; padding-top: 30px; overflow: hidden;}
.bottom_con ul	{width: 1060px; font-size: 0;}
.bottom_con li	{display: inline-block; width: 300px; margin-right: 50px;}

/* phone style */
@media all and (max-width: 420px){
	.common_header h1	{width: 85%; margin: 0 auto;}
	.common_header img	{width: 100%; height: auto;}
	.bottom_con ul	{width: 100%; text-align: center;}
	.bottom_con li	{width: 100%; margin: 0 0 20px; padding: 0 10%; box-sizing: border-box;}
	.bottom_con li:last-child	{margin-bottom: 0;}
	.v_wrap	{position: relative; width: 100%; padding-bottom: 79%; height: 0;}
	.v_wrap iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	#tt-body-search .entry,
	#tt-body-category .entry	{display: none;}
	.search_list .list_date	{display: block; position: static; margin-top: 5px;}
}
/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.bottom_con ul	{width: 100%; text-align: center;}
	.bottom_con li	{width: 30%; margin: 0 1.6%;}
	.bottom_con li:last-child	{margin-right: 0;}
	.bottom_con img	{width: 100%; height: auto;}
	.v_wrap	{position: relative; padding-bottom: 79%; height: 0;}
	.v_wrap iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	#tt-body-search .entry,
	#tt-body-category .entry	{display: none;}
	.search_list .list_date	{display: block; position: static; margin-top: 5px;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	.bottom_con ul	{width: 100%; text-align: center;}
	.bottom_con li	{width: 30%; margin: 0 1.6%;}
	.bottom_con li:last-child	{margin-right: 0;}
	.bottom_con img	{width: 100%; height: auto;}
	.v_wrap	{position: relative; padding-bottom: 79%; height: 0;}
	.v_wrap iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media all and (max-width: 1024px)	{
	.common_header	{min-width: 0; width: 100%;}
	#gnb	{min-width: 0; width: 100%;}
	.wrapper	{width: 100%;}
	#tt-body-search .content,
	#tt-body-category .content,
	#tt-body-page .content	{width: 100%; float: none; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
	#tt-body-search .sidebar,
	#tt-body-category .sidebar	{display: none;}
	#tt-body-page .sidebar	{display: none;}
	.common_footer	{min-width: 0; width: 100%;}
	.inner	{width: 100%;}
	.common_footer .inner	{padding: 0 20px; box-sizing: border-box;}
	.bottom_con	{width: 100%;}
	body	{overflow-x: hidden; font-size: 1.0em}
}


/* ul li */
#gnb ul,
.slider ul,
.sns_share,
.comment ul,
.float ul,
.footer_menu,
.category_list ul,
.search_list ul,
.bottom_con ul,
.h_main ul	{padding: 0; margin: 0; list-style: none;}

/* main */
.h_main	{width: 1000px; overflow: hidden;}
.h_main ul	{width: 1000px; font-size: 0; height: auto !important; text-align: center;}
.h_main li	{display: inline-block; width: 270px; padding: 10px 16px !important; margin-right: 30px !important; font-size: 12px; text-align: center; position: relative; vertical-align: top !important;}
.thumb_wrap	{width: 270px; height: 270px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 !important; padding: 0 !important; overflow: hidden; position: relative;}
.h_main li img	{min-height: 272px; min-height: 272px;}
.h_main_title	{font-size: 15px !important; line-height: 140% !important; padding: 10px 20px !important;}
.over_link	{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; text-decoration: none !important; z-index: 1;}
.over_con	{width: 100%; height: 100%; display: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 70px 24px 0 !important;}
.over_link:hover .over_con	{display: block;}
.over_con::after	{display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.8; z-index: -1;}

.over_title	{font-size: 16px !important; color: #80f9fa !important; display: block; margin-bottom: 15px !important; line-height: 140% !important;}
.over_summary	{color: #FFF !important; line-height: 180% !important; line-height: 180% !important;}
.over_more	{display: block; margin: 30px auto 0 !important; width: 120px; height: 120px; line-height: 120px; font-size: 18px !important;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #FFF;}
.over_more span	{border-bottom: 1px solid #333 !important;}

/* phone style */
@media all and (max-width: 420px){
	.h_main li	{width: 100%; padding: 20px 10% !important; margin-right: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
}
/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.h_main ul	{text-align: center;}
	.h_main li	{width: 40%; padding: 20px 1.6% !important; margin-right: 8% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.h_main li:nth-child(3)	{margin-right: 8% !important;}
	.h_main li:nth-child(2),
	.h_main li:nth-child(4),
	.h_main li:nth-child(6)	{margin-right: 0 !important;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	.h_main li	{width: 30%; padding: 20px 1.6% !important; margin-right: 4% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.h_main li:nth-child(3),
	.h_main li:nth-child(6)	{margin-right: 0 !important;}
}
@media all and (max-width: 1024px)	{
	#ttCanvas,
	#ttCanvas .tt-span-12	{width: 100% !important;}
	.h_main	{width: 100%;}
	.h_main ul	{width: 100%;}
	.thumb_wrap	{width: 100%; padding-top: 100% !important; height: 0; position: relative;}
	.h_main li img	{position: absolute; height: auto; width: auto; left: 50%; top: 0; margin-top: 0 !important;}
	.over_link:hover .over_con	{display: none;}
}

/* gnb */
#gnb>ul	{text-align: center; font-size: 0;}
#gnb>ul>li	{display: inline-block; position: relative; margin-right: 1px; width: 249px;}
#gnb>ul>li>ul	{display: none; position: absolute; top: 100%; width: 247px; background-color: #FFF; border: 1px solid #CCC; border-top: none; z-index: 10; font-size: 13px;}
#gnb>ul>li>ul>li	{border-top: 1px solid #DDD;}

#gnb>ul>li>a	{font-size: 16px; margin-top: -1px;}
#gnb>ul>li:hover>a	{color: #FFF;}
#gnb>ul>li:hover span.bg	{background-position: 0 -40px;}

#gnb>ul>li>ul>li>a	{padding: 10px 0;}

#gnb a	{display: block;}
#gnb a span.bg	{display: inline-block; height: 40px; line-height: 40px;}
.m_resort span.bg	{padding-left: 56px; background: url(./images/m_resort.png) no-repeat left top;}
.m_aqua span.bg	{padding-left: 28px; background: url(./images/m_aqua.png) no-repeat left top;}
.m_theme span.bg	{padding-left: 27px; background: url(./images/m_theme.png) no-repeat left top;}
.m_golf span.bg	{padding-left: 32px; background: url(./images/m_golf.png) no-repeat left top;}

#gnb span.more	{display: none;}


.m_resort::after,
.m_aqua::after,
.m_theme::after	{content: ''; display: block; position: absolute; right: -1px; top: 13px; width: 1px; height: 14px; background-color: #CCC; z-index: 1;}

.m_resort:hover	{background-color: #ee7330;} .m_resort li a:hover	{color: #ee7330}
.m_aqua:hover	{background-color: #51a3ce;} .m_aqua li a:hover	{color: #258bc1}
.m_theme:hover	{background-color: #4db8bd;} .m_theme li a:hover	{color: #39a3a8}
.m_golf:hover	{background-color: #fa8484;} .m_golf li a:hover	{color: #f37979}

.m_63 span	{display: inline-block; margin-left: 2px; width: 17px; height: 14px; text-indent: -9999px; background: url(./images/bg_63.png) no-repeat 0 0; vertical-align: middle;}
.m_63:hover span	{background: url(./images/bg_63.png) no-repeat 0 -40px;}

#gnb.fixed	{position: fixed; top: -40px; left: 0; width: 100%; background-color: #FFF; z-index: 50; border-bottom: 1px solid #CCC; background-color: #f7f7f7;}

.s_image	{display: none; position: relative; height: 250px; width: 100%; background-position: center top; background-repeat: no-repeat; text-indent: -9999px;}
.s_image::after	{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.2; z-index: 1;}
.s_image.sub_etc	{height: 1px;}

/* phone style */
@media all and (max-width: 800px) {
	#gnb>ul>li	{width: 100%; margin: 0; border-bottom: 1px solid #DDD;}
	#gnb>ul>li:last-child	{border-bottom: none;}
	.m_resort::after,
	.m_aqua::after	{display: none;}
	#gnb span.more	{display: block; position: absolute; right: 5px; top: 0; width: 40px; height: 40px; background: url(./images/bg_arr.png) no-repeat center 14px; text-indent: -9999px; z-index: 3;}
	
	#gnb>ul>li>ul	{position: static; width: 100%; border:none; background-color: #f7f7f7;}
	
	.m_resort:hover, 
	.m_aqua:hover,
	.m_theme:hover,
	.m_golf:hover	{background-color: transparent;}
	#gnb>ul>li:hover>a	{color: #333;}
	#gnb>ul>li:hover span.bg	{background-position: 0 0;}
	
	#gnb>ul>li.on>a	{color: #FFF;}
	#gnb .on span.more	{background-position: center -36px;}
	.m_resort.on	{background-color: #ee7330;}
	.m_aqua.on	{background-color: #51a3ce;}
	.m_theme.on	{background-color: #4db8bd;} 
	.m_golf.on	{background-color: #fa8484;} 
	#gnb>ul>li.on span.bg	{background-position: 0 -40px;}
	.s_image	{height: 150px; background-size: cover;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	#gnb>ul>li	{width: 24%;}
	#gnb>ul>li>ul	{width: 100%; box-sizing: border-box;}
}
@media all and (max-width: 1024px)	{
}
.article table	{max-width: 100% !important;}

/* slider */
#tt-body-page .slider	{display: none;}
.slider	{position: relative;}
.slider::after	{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.2; z-index: 1;}
.slider_con	{position: absolute; top: 50%; left: 50%; margin-left: -245px; transform: translateY(-65%); padding: 30px; width: 430px; color: #FFF; text-align: center;}
.slider_link	{display: block; margin: 0 auto ;width: 1000px; height: 100%; text-indent: -9999px;}
.slider_con h2	{font-size: 36px; line-height: 140%; margin-bottom: 15px;}
.slider_con p	{font-size: 16px; line-height: 160%; margin-bottom: 15px;}
.slider_more	{color: #00cccc; font-size: 16px; border-bottom: 1px solid #00cccc;}
.slider_con::after	{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; z-index: -1;}

.swiper-container {
  margin: 0 auto;
  height: 440px;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 440px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide	{float: left; position: relative; height: 440px; width: 100%; background-position: center center; background-repeat: no-repeat;}
.slide_page	{position: absolute; left:0; bottom: 50px; width: 100%; z-index: 10; text-align: center;}
.swiper-pagination-switch {display: inline-block; margin: 0 6px; width: 15px; height: 15px; background-color: #FFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
.swiper-active-switch	{background-color: #ff5b00;}

@media all and (max-width: 420px){
	.swiper-container	{height: 300px;}
	.swiper-wrapper	{height: 300px;}
	.swiper-slide	{background-size: cover; height: 300px;}
	.slide_page	{bottom: 25px;}
}
/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.swiper-slide	{background-size: cover;}
}

/* float side */
#bt_search	{position: absolute; right: -120px; top: 0; z-index: 1;}
.float	{position: absolute; left: 50%; top: 60px; margin-left: 540px; width: 85px; text-align: center;}
.float.fixed	{position: fixed; top: 60px;}
.float h2	{padding-bottom: 5px; border-bottom: 2px solid #333; font-size: 15px; font-weight: normal;}
.float>ul	{margin-bottom: 20px;}
.f_hw	{padding: 10px 0; border-bottom: 1px solid #DDD; font-size: 14px;}
.f_hw a	{color: #1e9b9b;}
.f_aqua	{padding-top: 10px; font-size: 14px;}
.f_aqua span	{color: #2ba6cc;}
.float>ul>li>ul	{margin-top: 5px;}
.float>ul>li>ul>li	{padding-top: 5px; font-size: 12px;}
.float>ul>li>ul>li img	{vertical-align: middle;}
.fb_resort,
.fb_aqua	{display: block; padding-top: 50px; margin-top: 5px; width: 85px; height: 30px; background: url(./images/icn_facebook.png) no-repeat center 13px; color: #FFF; font-size: 13px;letter-spacing:-1px;}
.fb_instagram	{display: block; padding-top: 50px; margin-top: 5px; width: 85px; height: 30px; background: #32cbc1 url(./images/instagram_test.png) no-repeat center 13px; color: #FFF; font-size: 14px;letter-spacing:-1px;}
.fb_naver	{display: block; padding-top: 50px; margin-top: 5px; width: 85px; height: 30px; background: #1ed400 url(./images/naver_test.png) no-repeat center 13px; color: #FFF; font-size: 13px;letter-spacing:-1px;}
.fb_resort	{background-color: #807f83;}
.fb_resort:hover	{background-color: #5e5d61;}
.fb_aqua	{background-color: #4ac6ec; font-size: 12px;}
.fb_aqua:hover	{background-color: #31aee3;}
.fb_instagram	{background-color: #20cdc3; font-size: 14px;}
.fb_instagram:hover	{background-color: #19b1a8;}
.fb_naver:hover	{background-color: #1fb307;}
.t_face	{display: none;}
.l_aqua li	{padding-top: 5px;}
.l_aqua	{padding-bottom: 5px;}

/* search */
.search_dummy	{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 100;}
.global_search	{display: none; position: relative; padding: 20px 0; background-color: #FFF; z-index: 101;}
.global_search input	{display: block; margin: 0 auto; width: 1000px; border: none; text-align: center; font-size: 30px;}
.bt_close	{position: absolute; left: 50%; top: 15px; margin-left: 570px;}


/* phone style */
@media all and (max-width: 420px){
	.global_search input	{font-size: 1.2em;}
	.bt_close	{display: none;}
	.float	{ font-size: 0.8em; padding: 0 !important; border-top: none !important;}
	.float h2	{display: block !important; border-top: 1px solid #333; padding: 3px 0 !important; width: 100%; border-bottom: 1px solid #DDD !important;}
	.f_aqua	{padding: 0 10px !important;}
	.f_aqua li	{margin-left: 10px !important;}
	.f_hw	{border-left: none !important; padding: 0 10px 0 5px !important; border-right: none !important; display: block !important; margin-bottom: 5px;}
	.f_mo>ul	{padding: 10px 0;}
}
/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.f_mo	{margin-bottom: 10px;}
	.global_search input	{font-size: 1.5em;}
	.bt_close	{display: none;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	.t_face	{border-left: 1px solid #DDD;}
	.f_mo	{display: inline-block;}
}
@media all and (max-width: 1024px)	{
	#tt-body-page #bt_search	{top: -40px;}
	#bt_search	{right: 10px;}
	.bt_close	{right: 10px; left: auto; margin-left: 0;}
	.float	{position: static; margin-left: 0; width: auto; padding: 15px 0; border-top: 1px solid #333; margin-top: 30px; text-align: center;}
	.float h2	{border-bottom: none; padding: 0 15px; display: inline-block;}
	.global_search input	{width: 100%;}
	.f_hw	{border: none; padding: 0 15px; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
	.f_aqua	{padding: 0 15px;}
	.f_aqua li	{margin-left: 15px;}
	.t_face	{padding: 0 15px; }
	.f_mo ul, .f_mo li	{display: inline-block;}
	.f_fb ul	{text-align: center;}
	.f_fb li	{display: inline-block; width: auto;}
	.fb_resort,
	.fb_aqua	{display: inline-block; padding: 5px 10px; background-image: none; width: auto; height: auto; font-size: 14px;}
	.t_face	{display: block;}
	.l_aqua li	{padding-top: 0;}
	.l_aqua	{padding-bottom: 5px;}
}


/* sidebar */
.sidebar h2	{padding-bottom: 5px; border-bottom: 2px solid #03bab8; color: #03bab8; font-size: 18px; font-weight: normal;}
.category_list li	{position: relative;}
.category_list li a	{margin-left: 15px;}
.category_list>ul	{position: relative;}
.category_list>ul::before	{content:''; display: block; position: absolute; left: 2px; top: 7px; width: 1px; height: 95%; border-left: 1px dashed #03bab8;}
.category_list>ul>li,
.category_list>ul>li>ul>li	{margin-top: 20px; font-size: 14px;}
.category_list>ul>li>ul>li>a.on	{color: #ff4e00;}
.category_list>ul>li>ul>li>ul	{margin-left: 15px; display: none;}
.category_list>ul>li>ul>li>ul>li	{margin-top: 10px; font-size: 12px;}
.category_list>ul>li>ul>li>ul>li::before	{content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 1px; background-color: #AAA;}
.category_list>ul>li>ul>li>ul>li>a	{margin-left: 10px; color: #888;}
.category_list>ul>li::before,
.category_list>ul>li>ul>li::before	{content:''; display: block; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background-color: #03bab8; z-index: 1;}

/* content */
/* search list */
.search_list h1	{margin: 15px 0 0; padding: 25px 0; text-align: center; position: relative; font-size: 24px;}
.search_list h1::after	{content: ''; position: absolute; width: 100%; height: 1px; background-color: #333; top: 50%; left: 0;}
.search_list h1 span	{display: inline-block; padding: 0 10px; background-color: #FFF; position: relative; z-index: 1;}
.search_list ul	{margin: 0 0 30px; padding: 0; list-style: none; font-size: 13px; margin: 30px 0; padding: 0; border-top: 1px dotted #DDD;}
.search_list li	{position: relative; padding: 10px 0; border-bottom: 1px dotted #DDD;}
.search_list a:hover	{color: #2ba6cc;}
.list_date	{position: absolute; right: 0; top: 11px; font-size: 11px; color: #BBB;}
.c_num	{color: #ff9900; font: 12px Verdana;}

/* entry */
#tt-body-search .entry,
#tt-body-category .entry	{margin-top: 50px;}

.entry	{}
.title_wrap	{}
.top_title	{position: relative; padding-bottom: 40px;}
.main_category	{color: #f36e2d;}
entry_date	{margin-left: 10px;}
.sns_share	{position: absolute; right: 0; top: 0;}
.sns_share li	{display: inline-block;}
.title_wrap h1	{padding-bottom: 15px; border-bottom: 1px solid #DDD;font-size: 30px; text-align: center;}
.sub_category	{margin-bottom: 5px; font-size: 22px; text-align: center;}
.sub_category a	{color: #f36e2d}
.admin	{border-bottom: 1px dotted #DDD; padding: 5px 0; font-size: 11px; color: #999;}
.admin a	{color: #999;}
.article	{margin: 30px 0; line-height: 180% !important; font-size: 14px; font-family: 'Noto Sans Japanese', sans-serif !important; }
.article span, .article p, .article div	{font-family: 'Noto Sans Japanese', sans-serif !important; line-height: 180% !important;}
.article span, .article p, .article div	{max-width: 100% !important;}
.article img	{max-width:730px; height: auto;}

article p.hw	{margin: 15px 0;}
.article .imageblock	{margin: 15px 0;}
.hw_tip	{padding: 0 0 10px 90px; min-height: 100px; width: 100%; border-top: 1px dashed #3db7cc; border-bottom: 1px dashed #3db7cc; background: url(./images/hw_tip.jpg) left center no-repeat; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.hw_tip ul	{padding: 0; margin: 0; list-style: none; width: 100%; vertical-align: middle;}
.hw_tip li	{margin: 10px 0;}
.hw_tip li span	{font-weight: bold; color: #ff713a;}
.hw_tip .tip_detail	{color: #13bf9c !important; font-weight: bold;}
.article h2.sm_title	{background-color: #ff713a; color: #FFF; display: inline-block; padding: 2px 10px; font-size: 15px; margin-bottom: 10px;}
.article hr	{border: none; padding: 0; margin: 0; height: 30px;}

.article a:link	{color:#00368f;}
.article a:hover	{text-decoration: underline;}
.article a:visited	{color:#8ca8c5;}

.cap1{
	margin:5px 0;
	padding:0;
	color:#888;
}
blockquote{
	margin:15px 0;
	padding:0 0 0 27px;
	background:url(./images/bg_block.gif) no-repeat;
	font-style:italic;
}
.moreless_fold span{
	padding-left:17px;
	background:url(./images/icon_more.gif) no-repeat 0 2px;
}
.moreless_top span{
	padding-left:17px;
	background:url(./images/icon_less.gif) no-repeat 0 2px;
}
.moreless_bottom span{
	padding-right:17px;
	background:url(./images/icon_less.gif) no-repeat right 2px;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:15px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_bottom{
	text-align:right;
}


/* comment */
.comment_list,
.comment_list ul	{list-style: none; padding: 0; margin: 0;}
.comment_list>li	{margin-bottom: 15px; border: 1px solid #DDD;}
.comment_unit	{position: relative; padding: 15px 15px 15px 80px; min-height: 50px; background: url(./images/bg_profile.png) no-repeat 15px 15px;}
.comment_list>li>ul .comment_unit	{border-top: 1px dotted #DDD; background-color: #f7f7f7;}
.comment_name	{font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.comment_date	{font-size: 11px; font-weight: normal; color: #BBB; margin-left: 5px;}
.comment_name img	{position: absolute; left: 15px; top: 15px;}
.comment_control	{position: absolute; right: 15px; top: 15px;}
.comment_control li	{display: inline-block; margin-left: 3px;}
.comment_control a	{color: #DDD;}
.comment_unit:hover .comment_control a	{color: #666;}
.comment_unit p	{line-height: 160%; color: #888;}

.comment_write	{border: 1px solid #DDD; background-color: #f7f7f7; padding: 15px 30px; text-align: center;}
.secret_cw	{text-align: right; margin: 5px 0;}
.in_cw	{width: 190px; height: 24px; line-height: 24px; margin-right: 10px; padding: 0 10px; border: 1px solid #DDD; background-color: #FFF;}
.in_cw.last	{margin-right: 0;}
.textarea_cw	{margin-bottom: 10px; border: 1px solid #DDD; background-color: #FFF; padding: 15px; width: 634px; height: 100px; resize: vertical;}
.bt_cw	{padding: 0 15px; height: 28px; line-height: 28px; background-color: #03bab8; color: #FFF;}



/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.search_list ul	{font-size: 1.0em;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	.title_wrap	{font-size: 0.8em;}
}
@media all and (max-width: 1024px)	{
	.in_cw	{width: 30%; margin-right: 3%; box-sizing: border-box;}
	.textarea_cw	{width: 100%; box-sizing: border-box;}
}

/* phone style */
@media all and (max-width: 420px){
	.in_cw	{width: 100%; margin-right: 0; margin-bottom: 5px;}
	.in_cw.last	{margin-bottom: 0;}
	.article, .article p	{font-size: 1.0em !important;}
	.search_list ul	{font-size: 1.0em;}
}



/* paging */
#tt-body-category .paging	{padding-bottom: 30px;}
#tt-body-search .paging	{padding-bottom: 30px;}
.paging	{margin-top: 30px; text-align: center; font-size: 0;}
.paging a	{display: inline-block;}
.paging span	{display: inline-block; padding: 5px 7px; font: 11px/11px Verdana; border: 1px solid #DDD; border-right: none; background-color: #f7f7f7;}
.paging span.selected	{background-color: #FFF;}
.paging .prev span	{border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;}
.paging .next span	{border-right: 1px solid #DDD; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;}

/* footer */
.common_footer	{text-align: right;}
.logo_footer	{position: absolute; top: 0; left: 0;}
.footer_menu li	{display: inline-block; padding: 0 10px 0 5px; border-right: 1px solid #CCC;}
.footer_menu li:last-child	{padding-right: 0; border-right: none;}
.h_home	{color: #16a89c;}
.copyright	{margin-top: 10px; color: #AAA;}

/* pad style */
@media all and (min-width: 420px) and (max-width: 800px) {
	.common_footer	{font-size: 0.7em;}
}
/* etc */
@media all and (min-width: 800px) and (max-width: 1024px) {
	.logo_footer img	{width: 30%;}
	.common_footer	{font-size: 0.7em;}
}
@media all and (max-width: 1024px)	{
	.logo_footer	{left: 20px;}
}
/* phone style */
@media all and (max-width: 420px){
	.common_footer	{text-align: center; font-size: 0.9em;}
	.logo_footer	{position: static;}
	.footer_menu	{margin-top: 20px; border-bottom: 1px solid #DDD;}
	.footer_menu li	{display: block; width: 100%; border-right: none; border-top: 1px solid #DDD; padding: 10px 0;}
	.copyright	{font-size: 0.7em;}
}

/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix {
    height: 1%; /* IE5-6 */
}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}