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

/*
Theme Name: Surf Smile | Official Site
Theme URI: http://www.surfsmile.com/
Description: Surf Smile | Official Site
Author: keiizumi
2014/2 更新
*/

/* --------------------------------
   base
-------------------------------- */
* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
	word-break: break-all;
}




html {
	height: 100%;
	overflow-y: scroll;
	background:url(../images/page_header_bg.jpg) repeat-x;
}




h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 160%;
}




p,li,dt,dl {
	line-height: 160%;
}




li {
	list-style-type: none;
}




img {
	border: 0;
	text-decoration: none;
	vertical-align: middle;
}




/* --------------------------------
   clearfix
-------------------------------- */

s.clearfix:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}



.clearfix:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}



.clearfix {
	display: inline-block;
}



/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}



.clearfix {
	display: block;
}



/* End hide from IE-mac */

/* --------------------------------
   style
-------------------------------- */

/*
body [
----------------------------------------------------------- */
body {
	padding: 0;
	margin: 0;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 75%;
	text-align: center;
	background:url(../images/header_bg.png) repeat-x;
	color:#333;
}


body a{
	color:#555;
}

/*
wrapper [
----------------------------------------------------------- */
div#wrapper{
	height: auto;
	width: 1000px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/*
header [
----------------------------------------------------------- */
div#header{
	height: auto;
	width: 1000px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}


div#header h1{
	position:relative;
	top:6px;
}



div#header ul.top_navi{
	position:absolute;
	top:4px;
	left:470px;
}


div#header ul.top_navi li{
	display:inline;
	padding-right:10px;
}



div#header ul.top_navi .li01{
	display:inline;
	padding-right:0px;
}

div#header .f_t{
	position:absolute;
	top:55px;
}


div#header .table_h{
	margin-top:13px;
	margin-left:2px;
}


/*
container [
----------------------------------------------------------- */
div#container{
	width:1000px;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
}



/*
page main [
----------------------------------------------------------- */
div#container #page_main{
	float:left;
	width:775px;
	height:auto;
	margin-right:15px;
	margin-left:10px;
}


div#container #page_main h2{
	margin-bottom:30px;
}



div#container #page_main h3{
	margin-bottom:10px;
}



div#container #page_main h4{
	margin-top:20px;
	width:775px;
	height:auto;
	background:#000;
	color:#FFF;
	text-align:center;
	padding:3px;
}



div#container #page_main p{
}

div#container #page_main .reservation {
	margin-top: 30px;
	text-align: center;
}
/*
side [
----------------------------------------------------------- */

div#container #side{
	float:left;
	width:200px;
	height:auto;
}


div#container #side p{
	width:200px;
	margin-bottom:30px;
}


div#container #side p a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


div#container #side dl{
	width:200px;
	height:auto;
	margin-bottom:30px;
}


div#container #side dl dt{
	width:200px;
	margin-bottom:10px;
}


div#container #side dl dd{
	width:200px;
	margin-bottom:5px;
}


div#container #side dl dd a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


div#container #side ol{
	width:200px;
	height:auto;
	margin-bottom:30px;
}


div#container #side ol li{
	width:200px;
}


div#container #side ul{
	width:198px;
	height:auto;
	border:1px #ccc solid;
	margin-bottom:30px;
}


div#container #side ul li{
	width:170px;
	height:auto;
	list-style-position:inside;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:5px;
	padding:3px;
	border-bottom:dotted #999 1px;
}


div#container #side ul li a:hover{
	text-decoration:underline;
}



div#container #side .weather{
	width:198px;
	height:auto;
	border:1px #ccc solid;
	text-align:center;
	background:#fefefe;
	margin-bottom:30px;
}




/*
footer [
----------------------------------------------------------- */
div#footer{
	background:url(../images/footer_bg.jpg) repeat-x;
	width:1000px;
	height:340px;
	padding:0;
	margin:0;
}



/*
footer [
----------------------------------------------------------- */

div#footer .footer_box01{
	width:1000px;
	height:100px;
	position:relative;
	border-bottom:1px dotted #666;
}


div#footer .footer_box01 h2{
	position:absolute;
	top:20px;
	left:10px;
}

div#footer .footer_box01 .f_t02{
	position:absolute;
	top:25px;
}


div#footer .footer_box01 ul{
	position:absolute;
	top:70px;
	left:700px;
}



div#footer .footer_box01 ul li{
	float:left;
	padding-right:10px;
}


div#footer .footer_box01 ul li{
	float:left;
	padding-right:10px;
}


div#footer .footer_box02{
	width:1000px;
	height:40px;
	position:relative;
	border-bottom:1px dotted #666;
	padding-bottom:20px;
}


div#footer .footer_box02 ul li{
	float:left;
	vertical-align:middle;
	padding:20px;
	font-size:105%;
}



div#footer .footer_box02 ul li a{
	text-decoration:underline;
}



div#footer .footer_box03{
	width:1000px;
	height:100px;
	position:relative;
	padding-bottom:0px;
}


div#footer .footer_box03 .ul01{
	position:absolute;
	top:20px;
	left:20px;
}


div#footer .footer_box03 .ul02{
	position:absolute;
	top:20px;
	left:200px;
}


div#footer .footer_box03 ul li{
	font-size:87.5%;
}


div#footer .footer_box03 ul .li02{
	padding-bottom:5px;
}



div#footer .footer_box03 .ul03{
	position:absolute;
	top:20px;
	left:420px;
}



div#footer .footer_box03 table{
	position:absolute;
	top:45px;
	left:420px;
	padding:5px;
	width:570px;
	background-color:#cbcbcb;
}


div#footer .footer_box03 table td{
	width:115px;
	font-size:87.5%;
}



div#footer address{
	font-size:87.5%;
	color:#666;
	text-align:center;
	padding-top:40px;
}


/*
サーフポイントページ [
----------------------------------------------------------- */
#surf_point {
	width: 775px;
	margin-top: 20px;
}
div#surf_point h3, #s_t_guide h3, #s_t_guide_price_main h3, #surf_price_main h3, div#company_main h3, div#photo_main h3, #photo_price_main h3 {
	background: #000;
	padding: 1% 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFF;
	border: solid 1px #161310;
	border-top: solid 1px #968F89;
	text-shadow: 1px 1px 1px #1C140D;
	text-align: left;
}
.surf_box02{
	width:752px;
	height:440px;
	margin-bottom:30px;
	border:1px #ccc solid;
	padding:10px;
}

div#surf_p{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}

div#surf_p p{
	text-align:center;
	width:775px;
}

div#surf_p .td_01{
	width: 20%;
	text-align:center;
	background:#DEDEDE;
}


div#surf_p .txt01{
	font-size:75%;
	color:#B7002E;
}


div#surf_p table{
	margin-top:10px;
}


div#surf_p .table_01{
	margin-left:10px;
	width:490px;
}

div#surf_p table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}
div#surf_p table td img {
	width: 255px;
}

div#surf_p .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}

/*
プロフィールページ [
----------------------------------------------------------- */
div#profile_main{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}
div#profile_main h3 {
	background: #000;
	padding: 1% 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFF;
	border: solid 1px #161310;
	border-top: solid 1px #968F89;
	text-shadow: 1px 1px 1px #1C140D;
	text-align: left;
}
div#profile_main p{
	text-align:center;
	width:775px;
}

div#profile_main .td_01{
	text-align:center;
	background:#DEDEDE;
}


div#profile_main .txt01{
	font-size:75%;
	color:#B7002E;
}


div#profile_main .txt_area01{
	width:500px;
	text-align: left;
}

div#profile_main .txt_area01 a:hover{
	text-decoration:underline;
	color:#999;
}


div#profile_main table{
	margin-top:20px;
}


div#profile_main table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


div#profile_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}

/*
ガイドの流れページ [
----------------------------------------------------------- */
div#guide_n{
	margin-top:20px;
	width:775px;
	height:auto;
	text-align: left;
}
div#guide_n div {
	margin-bottom: 50px;
}
div#guide_n div ul {
	display: flex;
}
div#guide_n p{
	font-size:125%;
	font-weight:bold;
}

div#guide_n p span{
	font-size:85%;
	color:#C00;
	font-weight:normal;
	line-height:120%;
}

div#guide_n dl{
	margin-top:20px;
	margin-bottom:40px;
}

div#guide_n dl dt{
	background:#000;
	padding:5px;
	padding-left:10px;
	font-size:125%;
	color:#FFF;
	margin-bottom:10px;
}

div#guide_n h3{
	border:1px dashed #999;
	padding:5px;
	padding-left:10px;
	font-weight:bold;
	font-size:125%;
	margin-bottom:10px;
}
div#service_wrap {
	width: 775px;
	text-align: left;
}
div#service_wrap h3.title_bk {
    background: #000;
    padding: 1% 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #FFF;
    border: solid 1px #161310;
    border-top: solid 1px #968F89;
    text-shadow: 1px 1px 1px #1C140D;
}
div#service_wrap .survice_main{
	width:775px;
	height:auto;
	margin-bottom:30px;
}

div#service_wrap .survice_main .service {
	display: flex;
}
div#service_wrap .survice_main .service ul {
	width: 33%;
	padding: 10px;
	border: 1px solid #ccc;
}
div#service_wrap .survice_main .service ul:nth-child(2) {
	border-right: none;
	/*border-left: none;*/
}
div#service_wrap .survice_main .service li:nth-child(1) {
	text-align: center;
}
div#service_wrap .survice_main .service li:nth-child(2) {

}
div#service_wrap .survice_main p{
	width:180px;
	text-align:center;
	margin-top:180px;
}
div#service_wrap .survice_main .sm_bt{
	margin: 0 auto;
	margin-top:5px;
}
div#service_wrap .survice_main .sm01{
	float:left;
	width:261px;
	height:286px;
	background:url(images/main_surf_bg.jpg) no-repeat;
}
div#service_wrap .survice_main .sm02{
	float:left;
	width:254px;
	height:286px;
	background:url(images/main_tour_bg.jpg) no-repeat;
}
div#service_wrap .survice_main .sm03{
	float:left;
	width:260px;
	height:286px;
	background:url(images/main_photo_bg.jpg) no-repeat;
}
div#guide_n table{
	margin-bottom:20px;
	width:775px;
}


div#guide_n table tr td{
	height:auto;
}


div#guide_n table tr td a{
	text-decoration:underline;
}


div#guide_n table tr td a:hover{
	color:#999;
}


div#guide_n .nagare_img{
	padding-left:20px;
	width:320px;
	height:auto;
}

#page_wrap, .img_wrap {
	width: 775px;
}
#page_wrap .dl_01 {
	text-align: left;
}
/*
写真家ページ [
----------------------------------------------------------- */
.dl_01{
	margin-top:20px;
	margin-bottom:20px;

}

.dl_01 dt{
	font-size:125%;
	font-weight:bold;
}

.dl_01 dd span{
	color:#C00;
}

div#photo_main{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}

div#photo_main h3{
	/*padding-bottom:20px;*/
}


div#photo_main .td_01{
	width: 30%;
	padding:5px;
	background:#DEDEDE;
	text-align:center;
}


div#photo_main .txt_area01{
	padding:5px;
}

div#photo_main .txt_area01 a:hover{
	text-decoration:underline;
	color:#999;
}


div#photo_main .table_01{
	margin-left:10px;
	width:490px;
}


div#photo_main .table_01 tr td{
	color:#555;
}
div#photo_main .table_01 tr td.txt_area01, div#photo_price_main .txt_area01 {
	text-align: left;
}

div#photo_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:490px;
	height:1px;
	padding:0;
}


div#photo_price_main{
	margin-bottom:20px;
	width:775px;
	height:auto;
}

div#photo_price_main .td_01{
	text-align:center;
	background:#DEDEDE;
}


div#photo_price_main .txt01{
	font-size:75%;
	color:#B7002E;
}


div#photo_price_main .txt_area01{
	width:500px;
}


div#photo_price_main table{
	margin-top:20px;
}


div#photo_price_main table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


div#photo_price_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}

/*
サーフガイドページ [
----------------------------------------------------------- */
div#surf_price_main{
	margin-bottom:20px;
	width:775px;
	height:auto;
}
div#surf_price_main h4 {
	margin-top: 20px;
background: #000;
color: #FFF;
text-align: center;
padding: 3px;
}
div#surf_price_main .td_01{
	text-align:center;
	background:#DEDEDE;
}


div#surf_price_main .txt01{
	font-size:75%;
	color:#B7002E;
}


div#surf_price_main p .sp01{
	font-weight:bold;
	color:#333;
}


div#surf_price_main .txt_area01{
	width:450px;
	color:#000;
	text-align: left;
}


div#surf_price_main table{
	margin-top:5px;
}


div#surf_price_main table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


div#surf_price_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}

div#surf_price_main p{
	padding-top:5px;
	text-align: left;
}
div#surf_price_main p.bt_line {
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px dashed #aaaaaa;
}
div#surf_price_main p.reservation {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
div#surf_price_main p span{
	color:#C00;
}

.survice_main{
	width:775px;
	height:auto;
	margin-bottom:30px;
}

.h3_01{
	margin-top:40px;
}

.survice_main p{
	width:180px;
	text-align:center;
	margin-left:40px;
	margin-top:180px;
}



.survice_main  .sm_bt{
	margin-left:40px;
	margin-top:5px;
}



.survice_main  .sm01{
	float:left;
	width:261px;
	height:286px;
	background:url(../images/main_surf_bg.jpg) no-repeat;
}



.survice_main .sm02{
	float:left;
	width:254px;
	height:286px;
	background:url(../images/main_tour_bg.jpg) no-repeat;
}



.survice_main .sm03{
	float:left;
	width:260px;
	height:286px;
	background:url(../images/main_photo_bg.jpg) no-repeat;
}

/*
ツアーガイドページ [
----------------------------------------------------------- */
div#s_t_guide{
	margin-top:40px;
	margin-bottom:20px;
	width:775px;
	height:auto;
}

div#s_t_guide p{
	width:775px;
	margin-top:5px;
	color:#555;
}

div#s_t_guide_price_main{
	margin-bottom:20px;
	width:775px;
	height:auto;
}

div#s_t_guide_price_main .td_01{
	text-align:center;
	background:#DEDEDE;
}


div#s_t_guide_price_main .txt01{
	font-size:75%;
	color:#B7002E;
}


div#s_t_guide_price_main .txt_area01{
	width:500px;
}


div#s_t_guide_price_main table{
	margin-top:10px;
}


div#s_t_guide_price_main table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


div#s_t_guide_price_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}

div#s_t_guide_price_main p{
	padding-top:5px;
}

div#s_t_guide_price_main p span{
	color:#C00;
}


/*
会社概要ページ [
----------------------------------------------------------- */
div#company_main{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}

div#company_main p{
	text-align:center;
	width:775px;
}

div#company_main dl{
	margin:20px 5px 0px 5px;
	width:750px;
	text-align: left;
}


div#company_main .td_01{
	text-align:center;
	background:#DEDEDE;
}


div#company_main .txt_area01 a:hover{
	text-decoration:underline;
	color:#999;
}


div#company_main .txt01{
	font-size:75%;
	color:#B7002E;
}


div#company_main .txt_area01{
	width:500px;
	text-align: left;
}


div#company_main table{
	margin-top:20px;
}


div#company_main table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


div#company_main .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}


div#privacy{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
	color:#555;
	text-align: left;
}



div#privacy p{
	border-bottom:1px #AAA dashed;
	width:775px;
	padding:5px;
	font-weight:bold;
	font-size:110%;
}



div#privacy ul{
	margin-top:10px;
}


div#privacy dl{
	margin-top:20px;
}

div#privacy dl dt{
	font-weight:bold;
	font-size:110%;
}


/*
FAQページ [
----------------------------------------------------------- */
div#faq_main{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}

div#faq_main ul{
	margin-bottom:40px;
	width:775px;
	height:auto;
	margin-left:5px;
}


div#faq_main ul li{
	font-size:110%;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
}


div#faq_main ul li a:hover{
	color:#999;
	text-decoration:underline;
}


div#faq_main dl{
	margin-bottom:20px;
}


div#faq_main dl dt{
	background:#000;
	padding:5px;
	font-size:125%;
	font-weight:bold;
	margin-bottom:10px;
	color:#FFF;
}


div#faq_main dl dt a{
	color:#FFF;
}

div#faq_main dl dd{
	border:1px dashed #AAA;
	color:#555;
	padding:5px;
}

div#faq_main dl dd span{
	color:#C00;
}


/*
SITEMAPページ [
----------------------------------------------------------- */
#sitemap_main{
	margin-top:20px;
	margin-bottom:40px;
	width:775px;
	height:auto;
}

#sitemap_main td{
	width: 48%;
	margin-bottom:20px;
	height:auto;
}

#sitemap_main ul{
	padding:5px;
	text-align: left;
}

#sitemap_main .td01{
	margin-bottom:20px;
	width:280px;
	height:auto;
}


#sitemap_main ul li{
	color:#555;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:85%;
}




#sitemap_main .li01{
	font-weight:bold;
}
#sitemap_main ul li a {
	margin-left: 5px;
}

#sitemap_main ul li a:hover{
	color:#999;
	text-decoration:underline;
}




/*
resevation [
----------------------------------------------------------- */
.resevation .carader{
}


.resevation{
	width:100%;
	height:auto
}

.resevation h3 {
	background: #000;
	padding: 1% 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFF;
	border: solid 1px #161310;
	border-top: solid 1px #968F89;
	text-shadow: 1px 1px 1px #1C140D;
	text-align: left;
}
.resevation p{
	padding:10px;
	text-align: left;
}


.resevation p span{
	font-weight:bold;
}

#disclaimer{
	width:748px;
	margin-bottom:20px;
}

.disclaimer{
	width:748px;
	text-align:center;
}

.resevation table{
	width:740px;
	margin-bottom:20px;
}


.resevation table tr td{
	padding:5px;
	margin:5px;
	color:#555;
}


.resevation .td_bg{
	border-bottom:1px #AAA dashed;
	width:755px;
	height:1px;
	padding:0;
}


.resevation .td_01{
	text-align:center;
	background:#DEDEDE;
}


.resevation .txt01{
	font-size:75%;
	color:#B7002E;
}


.resevation .txt_area01{
	width:500px;
}
.resevation .txt_area01 .hotel input {
	width:249px;
}
.resevation .calendar .date-calendar {
	padding-right: 5px;
}
.resevation .calendar .date-calendar input {
	width: 80px;
}
.resevation .calendar .date input {
	width: 100px;
}
.resevation table tr td span{
	padding-left:5px;
}


.resevation .people{
	font-size:90%;
	padding-left:5px;
}


.resevation .plan{
	font-size:90%;
	padding-left:3px;
}


.resevation .option{
	vertical-align:middle;
}


.wpcf7-mail-sent-ok{
	text-align:center;
	font-size:200%;
	font-weight:bold;
	padding:5px;
	color:#FFF;
	background:#000;
}


.wpcf7-not-valid-tip{
	padding:3px;
	margin-left:5px;
	/*background:#B7002E;
	border:1px dotted #888;
	color:#FFF;*/
}
.wpcf7-form-control-wrap .wpcf7-textarea {
	width: 100%;
}

.wpcf7-validation-errors{
	background:#B7002E;
	padding:3px;
	border:1px dotted #888;
	color:#FFF;
	text-align:center;
}


.submit{
	width:79px;
	height:32px;
	margin-left:340px;
}


div.screen-reader-response{
	color:#B7002E;
}
@media screen and (max-width: 768px) {
	div#service_wrap, div#s_t_guide, div#s_t_guide_price_main, div#photo_main, div#photo_price_main, div#photo_main .table_01, div#guide_n, div#profile_main, div#privacy, div#company_main, #surf_point, div#surf_p {
		width: 100%;
	}
	div#page_wrap h2 img, div#s_t_guide img, div#guide_n img, .img_wrap img, div#profile_main img, .resevation img, div#faq_main h2 img, div#surf_p img {
		width: 100%;
	}
	div#surf_price_main .td_01, div#s_t_guide_price_main .td_01 {
		width: 33%;
	}
	div#surf_price_main p {
		padding: 5px;
	}
	div#surf_point h3, #s_t_guide h3, #s_t_guide_price_main h3, #surf_price_main h3, div#company_main h3, div#photo_main h3, #photo_price_main h3 {
		padding: 10px 5px;
	}
	div#s_t_guide p, div#s_t_guide_price_main p {
		width: 96%;
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: left;
	}
	div#photo_main table:nth-child(1) {
		width: 100%;
	}
	div#photo_main table td {
		display: block;
	}
	div#photo_main table td.td_align{
		margin-bottom: 10px;
	}
	div#photo_main .table_01 {
		margin: 0 auto;
	}
	div#photo_main .td_bg {
		width: 100%;
	}
	div#photo_main .td_01 {
		display: inline-block;
		width: 30%;
	}
	div#photo_main .table_01 tr td.txt_area01 {
		display: inline-block;
		width: 64%;
	}
	div#photo_price_main .td_01 {
		width: 30%;
	}
	div#guide_n div {
		width: 98%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	div#guide_n div ul {
		flex-direction: column-reverse;
	}
	div#guide_n .nagare_img {
		width: 100%;
		padding: 0;
	}
	div#profile_main table {
		width: 98%;
		margin: 0 auto;
	}
	div#profile_main h3 {
		padding: 10px 5px;
	}
	div#profile_main .td_01 {
		width: 30%;
	}
	.resevation table {
		width: 98%;
		margin: 0 auto;
	}
	.resevation table td {
		display: block;
	}
	.resevation .txt_area01 {
		width: 100%;
	}
	.resevation .td_bg {
		width: 100%;
	}
	.resevation .td_01 img {
		width: inherit;
	}
	.resevation table tr td {
		margin: 0;
		padding: 0;
	}
	.resevation p {
		padding: 10px;
	}
	.resevation table tr td span {
		padding: 0;
	}
	.resevation .submit {
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
		padding: 0;
		text-align: center;
	}
	div#faq_main dl dd {
		width: 94%;
		margin: 0 auto;
	}
	div#privacy p {
		width: 96%;
	}
	div#privacy ul {
		width: 96%;
		margin: 0 auto;
		margin-top: 10px;
	}
	div#privacy ul li {
		margin-bottom: 5px;
	}
	div#privacy dl {
		width: 96%;
		margin: 0 auto;
		margin-top: 20px;
	}
	div#company_main table {
		width: 98%;
		margin: 0 auto;
		margin-top: 20px;
	}
	div#company_main .td_01 {
		width: 30%;
	}
	div#company_main dl {
		width: 98%;
		margin: 0 auto;
		margin-top: 20px;
	}
	#sitemap_main {
		width: 98%;
	}
	div#surf_p table {
		width: 100%;
	}
	div#surf_p table tr td {
		display: block;
		margin: 0 auto;
		padding: 10px 0;
	}
	div#surf_p .table_01 {
		width: 98%;
		margin: 0 auto;
	}
	div#surf_p .td_bg {
		width: 100%;
	}
	div#surf_p .td_01, div#surf_p table tr td.txt_area01 {
		display: inline-block;
	}
	div#surf_p .td_01 {
		width: 30%;
		margin: 0;
	}
	div#surf_p table tr td.txt_area01 {
		width: 66%;
		margin: 0;
		text-align: left;
		padding: 5px;
	}
	div#service_wrap .survice_main .service, #page_wrap .dl_01 {
		flex-direction: column;
		width: 96%;
		margin: 0 auto;
	}
	div#service_wrap .survice_main .service ul {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	div#service_wrap .survice_main .service ul a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div#service_wrap .survice_main .service li:nth-child(1) {
		width: 30%;
	}
	div#service_wrap .survice_main .service li:nth-child(1) img {
		width: 100%;
	}
	div#service_wrap .survice_main .service li:nth-child(2) {
		width: 65%;
		padding: 5px;
	}
	div#service_wrap .survice_main .service li:nth-child(2) span {
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
	}
	div#service_wrap .survice_main .service ul:nth-child(2) {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

}