@charset "utf-8";

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
	text-align:center;
	margin:0px;
	padding:0px;
}

hr {
	border-bottom:1px dotted #ccc !important;
	margin:80px auto !important;
	width:90%;
	background-color:#fff !important;
}

.d-flex {
	display:flex;
}

.toku2015summer {
	background-image:url(../images_page_toku/bg_toku_sum03.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top center;
    max-width: 1150px;
    min-width: 1000px;
	margin:auto;
}

.toku-link {
	text-align:center;
	margin:30px auto 80px auto;
}





A.yoyaku-btn:link {
	margin-top:10px;
	 border-radius: 10px;        /* CSS3草案 */  
	display:block;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#336da9;
	color:#fff;
	font-size:18px;

}

A.yoyaku-btn:visited {
	margin-top:10px;

	 border-radius: 10px;        /* CSS3草案 */ 
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#336da9;
	color:#fff;
}

A.yoyaku-btn:hover {
	margin-top:10px;

	 border-radius: 10px;        /* CSS3草案 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#6b99ca;
	color:#fff;
}




a:hover.toku-img {
 opacity: 0.5;
}

.toku-info {
	font-size:20px;
	width:70%;
	margin:30px auto 60px auto;
	text-align:center;
}


#toku-taiken h2 {
	text-align:center;
	font-size:40px;
	background-image:url(../images_page_toku/toku-title-bg.png);
	display:block;
	width:850px;
	height:60px;
	padding-top:10px;
	color:#fff;
	margin:auto;
}

/* アクティビティ */
.activity {
	display:flex;
	width:90%;
	margin:30px auto;
	justify-content: space-around;
}

p.img img{
	width:100%;
	height:220px;
	object-fit:cover;
}

p.detail {
	text-align:left;
	min-height:100px;
}


/* 釣り */

.tsuri {
background-color:#FFF;
	flex-grow:1;
	flex-shrinkl:1;
	flex-basis:30%;
	align-self:stretch;
	
	text-align:center;
	padding:14px;
	border-left:1px dashed #ccc;

	border-right:1px dashed #ccc;
	position:relative;

}

.tsuri h3 {
	color:#FF931E;
	font-size:28px;
	padding:0px;
	margin:0 0 20px 0;
}

.tsuri-info {
	float:right;
/*
	width:430px;
*/
	width:42%;
	font-size:18px;
}

A.yoyaku-tsuri:link {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#FF931E;
	color:#fff;
	font-size:18px;
}

A.yoyaku-tsuri:visited {
	 border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#FF931E;
	color:#fff;
}

A.yoyaku-tsuri:hover {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#FFBE79;
	color:#fff;
}


/* カヤック */

.activity section {
	background-color:#FFF;
	flex-grow:1;
	flex-shrinkl:1;
	align-self:stretch;
	flex-basis:30%;
	padding:14px;
/*	position:relative;*/
}

.activity section:nth-of-type(2){
	border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
}

.activity section:first-of-type h3 {
	color:#0071BC;
	font-size:28px;
	margin:0 0 20px 0;
	text-align:center;
}

.activity section:nth-of-type(2) h3 {
	color:#FF931E;
	font-size:28px;
	margin:0 0 20px 0;
	text-align:center;
}

.activity section:last-of-type h3 {
	color:#009245;
	font-size:28px;
	margin:0 0 20px 0;
	text-align:center;
}

.kayak-info {
	float:right;
	width:42%;
	font-size:18px;
}

.activity .yoyaku-btn {
	 border-radius: 10px;        /* CSS3草案 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:18px;
}

.activity section:first-of-type A.yoyaku-btn:link {
	background-color:#0071BC;
}

.activity section:first-of-type A.yoyaku-btn:visited {
	background-color:#0071BC;
}

.activity section:first-of-type A.yoyaku-btn:hover {
	background-color:#519ECC;
}

.activity section:nth-of-type(2) A.yoyaku-btn:link {
	background-color:#FF931E;
}

.activity section:nth-of-type(2) A.yoyaku-btn:visited {
	background-color:#FF931E;
}

.activity section:nth-of-type(2) A.yoyaku-btn:hover {
	background-color:#FFBE79;
}

.activity section:last-of-type A.yoyaku-btn:link {
	background-color:#009245;
}

.activity section:last-of-type A.yoyaku-btn:visited {
	background-color:#009245;
}

.activity section:last-of-type A.yoyaku-btn:hover {
	background-color:#89CC87;
}


/* ビーチヨガ */
.yoga {
	background-color:#FFF;
	flex-grow:1;
	flex-shrinkl:1;
	flex-basis:30%;
	text-align:center;
	padding:14px;
		position:relative;


}

.yoga h3 {
	color:#009245;
	font-size:28px;
	margin:0 0 20px 0;
}

.yoga-info {
	float:right;
	width:42%;
	font-size:18px;
}

A.yoyaku-yoga:link {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#009245;
	color:#fff;
	font-size:18px;

}

A.yoyaku-yoga:visited {
	 border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#009245;
	color:#fff;
}

A.yoyaku-yoga:hover {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#89CC87;
	color:#fff;
}


/*　その他の体験 */

.taiken-more {
    max-width: 1030px;
    min-width: 930px;
	margin:30px auto 0 auto;
	font-size:20px;
	text-align:center;
/*	background-color:#FFE1E1; */
	padding:20px;
	border:4px dotted #FF9966;
}

/* 海水浴場 */

#toku-umi {
/*
	background-image:url(../images_page_toku/umi-title.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	backgeound-position:top center;
*/
	background-color:#F5E6CC;
	
    max-width: 1070px;
    min-width: 970px;
	margin:auto;
	padding-bottom:20px;
}

#toku-umi h2 {


}

.umi-info {
box-sizing:border-box;
width:50%;
padding:1em;
}

.umi-map{
box-sizing:border-box;
width:50%;
padding:1em;
}

.umi-link {
	float:left;
}


A.umi-link:link {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#006BD6;
	color:#fff;
	margin:30px auto;
	font-size:20px;
}

A.umi-link:visited {
	 border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#006BD6;
	color:#fff;
}

A.umi-link:hover {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#4F99E3;
	color:#fff;
}

.umi-image {
	max-width:1010px;
	min-width:910px;
	text-align:center;
	margin:auto;
}

/* 天橋立まち灯り */
.machiakari-bg {
 background-image:url(../images_page_toku/bg_machiakari.jpg); 
 background-color:#000;
 background-repeat:no-repeat;
 background-position:top center;
 background-attachment:scroll;
 max-width: 1050px;
 min-width: 960px;
 margin:50px auto 0 auto;
}

.machiakari {
	padding:30px;
}


.machiakari-info {
	float: right;
	width: 42%;
	font-size: 18px;
	color:#fff;
}

A.link-machiakari:link {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	background-color:#3D4DC2;;

 margin-top:30px;
}

A.link-machiakari:visited {
	 border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#3D4DC2;;
	color:#fff;
}

A.link-machiakari:hover {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:20px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#8993DA;
	color:#fff;
}

/* 夏のスイーツ&グルメ */
#toku-sweets_gurume {
	margin: 50px auto;
	text-align: center;
	max-width: 1070px;
	min-width: 970px;
}


#toku-sweets_gurume h2 {
	font-size:2.5em;
  padding: 0.5rem 3rem;
	margin-bottom:0.5em;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(#FFD3A5), to(#FD6585));
  background-image: -webkit-linear-gradient(right, #FFD3A5 0%, #FD6585 100%);
  background-image: linear-gradient(to left, #FFD3A5 0%, #FD6585 100%);
}


.gurume_menu {
/*
	height:550px;
 	width:470px;
*/

width:52%;

	background-color:#fff;
	padding:20px;
	float:left;
	margin:0px 30px 30px 30px;
	
}


.sweets {
	display:inline-block;
	width:40%;
	padding:2%;
	margin:0 0 4% 4%;
  	text-align:center;
	vertical-align:top;
	min-height:500px;
	background-color:#ECFFF5;
	/* shadow */

	  -moz-box-shadow: 0px 5px 10px #CCC;
  -webkit-box-shadow: 0px 5px 10px #CCC;
  box-shadow:0px 5px 10px #CCC;
}

.sweets h3 {
	font-size:25px;
	text-align:center;
	color:#6CC;
	margin:10px 0;
}

.gurume {
	width:40%;
	text-align:center;
	padding:2%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 2% 4%;
	min-height:570px;
	background-color:#FFF9E1;
	/* shadow */
	-moz-box-shadow: 0px 5px 10px #CCC; /* FireFox */
	-webkit-box-shadow: 0px 5px 10px #CCC; /* webkit */
	box-shadow:0px 5px 10px #CCC;
}


.gurume h3 {
	font-size:25px;
	text-align:center;
	color:#F60;
	margin:10px 0;
}

.gurume_info {
	width:100%;
	text-align:left;
	margin:20px auto 0 auto;
}

.gurume-link {
 margin:auto;
 }


A.gurume-link:link {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:15px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#F60;
	color:#fff;
	margin:15px auto;
	font-size:18px;
}

A.gurume-link:visited {
	 border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:15px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#F60;
	color:#fff;
}

A.gurume-link:hover {
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	display:block;
	padding:15px;
	width:340px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#F96;
	color:#fff;
}


/*  夏のイベント情報 */

#toku-event {
	margin:50px auto;
	text-align:center;
	max-width: 1070px;
	min-width: 970px;
}

#toku-event h2 {
	font-size:2.5em;
  padding: 0.5rem 3rem;
	margin-bottom:0.5em;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
}

#toku-event .d-flex > section {
	box-sizeng:border-bx;
	width:33%;
	padding:1em;
}

#toku-event .d-flex > section img {
	width:100%;
}

#toku-event .d-flex > section p {
	text-align:left;
}

#toku-event .d-flex > section:first-of-type h3 {
	color:#ED3669;
	font-size:1.7em;
}

#toku-event .d-flex > section:nth-of-type(2) h3{
	color:#2fb9b9;
	font-size:1.7em;
}

#toku-event .d-flex > section:last-of-type h3 {
	color:#755ae0;
	font-size:1.7em;
}

#toku-event .d-flex > section:first-of-type A.yoyaku-btn:link {
	background-color:#ed3669;
}

#toku-event .d-flex > section:first-of-type A.yoyaku-btn:visited {
	background-color:#ed3669;
}

#toku-event .d-flex > section:first-of-type A.yoyaku-btn:hover {
	background-color:#ffadc4;
}


#toku-event .d-flex > section:nth-of-type(2) A.yoyaku-btn:link {
	background-color:#2fb9b9;
}

#toku-event .d-flex > section:nth-of-type(2) A.yoyaku-btn:visited {
	background-color:#2fb9b9;
}

#toku-event .d-flex > section:nth-of-type(2) A.yoyaku-btn:hover {
	background-color:#85e2e2;
}


#toku-event .d-flex > section:last-of-type A.yoyaku-btn:link {
	background-color:#755ae0;
}

#toku-event .d-flex > section:last-of-type A.yoyaku-btn:visited {
	background-color:#755ae0;
}

#toku-event .d-flex > section:last-of-type A.yoyaku-btn:hover {
	background-color:#bea7e3;
}


.bg-event-top {
	background-color:url(../images_page_toku/bg-event-top980.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:980px;
	height:46px;
	margin:auto;
}

.bg-event-mdl {
	background-image:url(../images_page_toku/bg-event-mdl980.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
	width:980px;
	margin:0 auto;

}

.bg-event-btm {
	background-image:url(../images_page_toku/bg-event-btm980.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	width:980px;
	margin:auto;
}

.event-july {
	margin:30px auto;
	font-size:20px;
	width:900px;
}

.event-july td {
	vertical-align:top;
	text-align:left;
}

.event-august {
	margin:auto;
	font-size:20px;
	width:900px;
}

.event-august td {
	vertical-align:top;
	text-align:left;
}



.hinyari {
	background-color:#EBFCFA;
	width:80%;
	margin:0 auto 30px auto;
	padding:20px;
	overflow:hidden;
		/* shadow */
	-moz-box-shadow: 2px 5px 3px #CCC; /* FireFox */
	-webkit-box-shadow: 2px 5px 3px #CCC; /* webkit */
	box-shadow:2px 5px 3px #CCC;
}

.kaki {
	background-color:#FEF8ED;
	width:80%;
	margin:0 auto 30px auto;
	padding:20px;
	overflow:hidden;
		/* shadow */
	-moz-box-shadow: 2px 5px 3px #CCC; /* FireFox */
	-webkit-box-shadow: 2px 5px 3px #CCC; /* webkit */
	box-shadow:2px 5px 3px #CCC;
}


/*  キャンペーン情報 */
#toku-campaign {
	margin:50px auto;
	text-align:center;
	max-width: 1070px;
	min-width: 970px;
}
#toku-campaign h2,
.map h2 {
font-size:2.5em;
  position: relative;
  padding: .5rem .5rem;
margin-bottom:1em;
}

#toku-campaign h2:after,
.map h2:after {
position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}

#toku-campaign li {
	display:inline-block;
}



#toku-campaign span.link-title {
font-size:1.3em;
font-weight:bold;
}







.clear {
	clear:both;
}