@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}
html {
  min-height: 100%;
  position: relative;
}
body {
  font-family: 'メイリオ', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'sans-serif';
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0em;
  word-break: normal;
  color: #333333;
  min-width: 1200px;
}
.clear {
  clear: both;
}
a {
  transition: all .5s;
}
a:link {
  color: #ff8585;
}
a:hover {
  color: #333333;
}
a:visited {
  color: #ff8585;
}
h1 {}
h2 {}
h3 {}
img {
  max-width: 100%;
}
/* clearfix */
.cf {
  zoom: 1;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* header =============================== */
header {}
#bg_head {
 /*  width: 100%;
  height: 500px;
  background-image: url(../image/img_head.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 68px; */
	position: relative;
	z-index: -1;
}
.head_purple {
  width: 100%;
  height: 20px;
  background: url(https://www.tottori-guide.jp/hana/image/bg-purpletop.png);
	position: relative;
	z-index: 0;
	margin-top: 70px;
}
.head_pink {
  width: 100%;
  height: 23px;
  background: url(https://www.tottori-guide.jp/hana/image/bg-pinktop.png);
	position: relative;
	z-index: 0;
}
#head_title {/* 
  width: 1200px;
  height: 460px;
  margin: 0 auto;
  text-align: right;
  line-height: 500px; */
	margin-bottom: -30px;
}
.logo {
  text-align: right;
  margin: 0px 40px 0px 0px;
}

#head_title img {
	width: 100%;
	position: relative;
	z-index: -1;
	top: -10px;
}
/* nav =============================== */
nav {
  width: 100%;
  height: 68px;
  background-color: #ffffff;
  border-bottom: 3px solid #c4c4c4;
  position: fixed;
  top: 0;
  z-index: 9999;
}
nav img {
  width: 103px;
  height: 68px;
}
.nav_box {
  width: 417px;
  height: 68px;
  margin: 0 auto;
}
.nav_box .box {
  width: 103px;
  height: 68px;
  float: left;
}
.nav_box .bl {
  height: 28px;
  border-left: 1px solid #c4c4c4;
  float: left;
  margin-top: 20px;
}
/* content =============================== */
#content {
  width: 100%;
}
.content-body {
  width: 1200px;
  margin: 0 auto;
}
.bg_pink {
  background: url(https://www.tottori-guide.jp/hana/image/bg-pink.jpg);
}
.bg_green {
  background: url(https://www.tottori-guide.jp/hana/image/bg-green.jpg);
}
.bg_blue {
  background: url(https://www.tottori-guide.jp/hana/image/bg-blue.jpg);
}
.bg_yellow {
  background: url(https://www.tottori-guide.jp/hana/image/bg-yellow.jpg);
}
.bg_purple {
  background: url(https://www.tottori-guide.jp/hana/image/bg-purple.jpg);
}
/* seasons =============================== */
#spring-pink {
  padding: 20px 0px 0px 0px;
  width: 1200px;
  margin: 0 auto;
}
#spring-green {
  padding: 20px 0px 0px 0px;
  width: 1200px;
  margin: 0 auto;
}
#summer {
  padding: 20px 0px 0px 0px;
  width: 1200px;
  margin: 0 auto;
}
#autumn {
  padding: 20px 0px 0px 0px;
  width: 1200px;
  margin: 0 auto;
}
#winter {
  padding: 20px 0px 0px 0px;
  width: 1200px;
  margin: 0 auto;
}
.month {
  width: 160px;
  float: left;
}
.flower {
  width: 1020px;
  float: right;
  margin-bottom: 20px;
}
.box-small-c {
  width: 240px;
  padding-top: 40px;
  float: left;
}


.image img.photo { width: 100%; height: auto; max-width: none; }
ul li { width: 100% !important; height: auto !important;}
ul li  img { width: 100%; height: auto; max-width: none; }

/* box-small-240 =============================== */
.box-small {
  width: 240px;
  border-radius: 10px;
  background-color: #ffffff;
  float: left;
}
.box-small .image {
  width: 238px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.box-small .text-box {
  width: 218px;
  padding: 10px 11px 3px 11px;
}
.box-small .detail {
  width: 218px;
  margin-bottom: 10px;
}
.box-small .detail .text {
  width: 201px;
  float: right;
  margin-left: 4px;
}
.box-small .detail .text span {
  font-size: 12px;
  font-weight: bold;
}
.box-small .detail .text p {
  font-size: 11px;
}
/* box-half-500 =============================== */
.box-half {
  width: 500px;
  border-radius: 10px;
  background-color: #ffffff;
  float: left;
}
.box-half .image {
  width: 498px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.box-half .text-box {
  width: 476px;
  padding: 10px 11px 3px 11px;
}
.box-half .detail {
  width: 476px;
  margin-bottom: 10px;
}
.box-half .detail .text {
  width: 459px;
  float: right;
  margin-left: 4px;
}
.box-half .detail .text span {
  font-size: 12px;
  font-weight: bold;
}
.box-half .detail .text p {
  font-size: 11px;
}
.box-rakkyou {
 /* width: 500px;*/
 width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  /*float: left;*/
  /*background: url(https://www.tottori-guide.jp/hana/image/bg_rakkyou.jpg) no-repeat;*/
  background-size: 500px 255px;
  background-position: bottom;
  display: flex; 
}
.box-rakkyou .image {
  width: 498px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  overflow: hidden;
}
.box-rakkyou .text-box {
  /*width: 478px;*/
  width: 45%;
  padding: 10px 11px 3px 11px;
  background: #ffffff;
  box-sizing: border-box;
}
.box-rakkyou .detail {
  width: 476px;
  margin-bottom: 10px;
}
.box-rakkyou .detail .text {
  width: 459px;
  float: right;
  margin-left: 4px;
}
.box-rakkyou .detail .text span {
  font-size: 12px;
  font-weight: bold;
}
.box-rakkyou .detail .text p {
  font-size: 11px;
}
.box-half .image_ayame {
  width: 498px;
  height: 259px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.box-rakkyou .image_rakkyou {
  /*width: 498px;
  height: 336px;*/
  width: 60%;
  height: auto;
  aspect-ratio:3/2;
  border-radius: 10px 0px 0px 10px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_rakkyou {
  /*width: 498px;*/
  width:100%;
  height: auto;
  aspect-ratio:3/2;
 object-fit: cover;  
  position: relative;
  border-radius: 10px  0px 0px 10px;
}
#s_rakkyou li {
width: auto !important;
height: auto !important;
}

#s_rakkyou img {
width: 100%;
max-width:100vw;
}


#s_cosmos {
  width: 498px;
  height: 200px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_hasu {
  width: 498px;
  height: 200px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_ajisai {
  width: 498px;
  height: 200px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_sakura {
  width: 758px;
  height: 200px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_flowerpark {
  width: 495px;
  height: 319px;
  position: relative;
  float: left;
}

#movie, #movie_rakkyo {
  width: 100%;
  position: relative;
}
.t_sakura {
  text-align: center;
}
/* 共通 =============================== */
.title {
  text-align: center;
}
.time {
  border-top: 1px solid #ff9999;
  border-bottom: 1px solid #ff9999;
  display: inline-block;
  padding: 2px 0px;
  text-align: center;
  margin-bottom: 10px;
}
.mr {
  margin-right: 20px;
}
.tc {
  text-align: center;
}
.f-orange {
  width: 13px;
  height: 13px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/f-orange.png) no-repeat;
  background-size: 13px 13px;
  margin-top: 1px;
}
.f-blue {
  width: 13px;
  height: 13px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/f-blue.png) no-repeat;
  background-size: 13px 13px;
  margin-top: 1px;
}
.f-green {
  width: 13px;
  height: 13px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/f-green.png) no-repeat;
  background-size: 13px 13px;
  margin-top: 1px;
}
.leftbox {
  width: 500px;
  margin-right: 20px;
  float: left;
}
.rightbox {
  width: 500px;
  float: right;
}
.leftbox .mt {
  margin-top: 20px;
}
.rightbox .mt {
  margin-top: 20px;
}
.button {
  text-align: center;
  margin: 10px 0px;
}
.button img {
  width: 223px;
}
/* box-big-760 =============================== */
.box-big {
  width: 760px;
  border-radius: 10px;
  background-color: #ffffff;
  float: left;
}
.box-big .image {
  width: 758px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.box-big .text-box {
  width: 738px;
  padding: 10px 11px 3px 11px;
}
.box-big .detail {
  width: 738px;
  margin-bottom: 10px;
}
.box-big .detail .text {
  width: 721px;
  float: right;
  margin-left: 4px;
}
.box-big .detail .text span {
  font-size: 12px;
  font-weight: bold;
}
.box-big .detail .text p {
  font-size: 11px;
}
/* box-momiji-1020 =============================== */
.box-momiji {
  width: 1018px;
  height: 400px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
#s_momiji {
  width: 606px;
  height: 400px;
  position: relative;
  float: left;
  border-radius: 10px 0px 0px 10px;
  overflow: hidden;
}
.box-momiji .box-right {
  width: 412px;
  float: right;
}
.box-momiji .text-box {
  width: 412px;
}
.box-momiji .title {
  width: 412px;
  text-align: center;
  float: left;
  margin-top: 120px;
}
.box-momiji .text {
  width: 392px;
  float: right;
  padding: 10px;
  text-align: center;
}
/* box-himawari-1020 =============================== */
/*.box-himawari {
  width: 1018px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/p_himawari.jpg) no-repeat;
  background-size: 1020px 290px;
  background-color: #ffffff;
}
.box-himawari .text-box {
  width: 462px;
  float: left;
  margin-top: 290px;
}
.box-himawari .title {
  width: 200px;
  text-align: center;
  float: left;
  margin-top: 20px;
}
.box-himawari .text {
  width: 242px;
  float: right;
  padding: 10px;
}
.box-himawari .video {
  width: 480px;
  height: auto;
  margin: 55px 25px 0px 0px;
  float: right;
  border: 3px solid #ffffff;
  background: #cccccc;
}
.box-himawari .detail {
  width: 242px;
  margin-bottom: 10px;
}
.box-himawari .detail .text_d {
  width: 225px;
  float: right;
  margin-left: 4px;
}
.box-himawari .detail .text_d span {
  font-size: 12px;
  font-weight: bold;
}
.box-himawari .detail .text_d p {
  font-size: 11px;
}*/
.box-himawari {
 /* width: 500px;*/
 width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  /*float: left;*/
  /*background: url(https://www.tottori-guide.jp/hana/image/bg_himawari.jpg) no-repeat;*/
  background-size: 500px 255px;
  background-position: bottom;
  display: flex; 
}
.box-himawari .image {
  width: 498px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  overflow: hidden;
}
.box-himawari .text-box {
  /*width: 478px;*/
  width: 45%;
  padding: 10px 11px 10px 11px;
  background: #ffffff;
  box-sizing: border-box;
}
.box-himawari .detail {
  width: 476px;
  margin-bottom: 10px;
}
.box-himawari .detail .text {
  width: 459px;
  float: right;
  margin-left: 4px;
}
.box-himawari .detail .text span {
  font-size: 12px;
  font-weight: bold;
}
.box-himawari .detail .text p {
  font-size: 11px;
}
.box-half .image_ayame {
  width: 498px;
  height: 259px;
  border-radius: 10px 10px 0px 0px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.box-himawari .image_himawari {
  /*width: 498px;
  height: 336px;*/
  width: 60%;
  height: auto;
  aspect-ratio:3/2;
  border-radius: 10px 0px 0px 10px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  overflow: hidden;
}
#s_himawari {
  /*width: 498px;*/
  width:110%;
  height: auto;
  aspect-ratio:3/2;
 object-fit: cover;  
  position: relative;
  border-radius: 10px  0px 0px 10px;
}
#s_himawari li {
width: auto !important;
height: auto !important;
}

#s_himawari img {
width: 100%;
max-width:100vw;
}


/* flowerpark =============================== */
#flowerpark {
  width: 752px;
  height: 340px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/bg_flowerpark.png) no-repeat;
  background-size: 752px;
}
#flowerpark .box {
  width: 732px;
  margin: 10px;
  background: #ffffff;
  background:
    linear-gradient(135deg, transparent 14px, #fff 0) top left, linear-gradient(225deg, transparent 14px, #fff 0) top right, linear-gradient(315deg, transparent 14px, #fff 0) bottom right, linear-gradient(45deg, transparent 14px, #fff 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
#flowerpark .box-left {
  width: 495px;
  height: 319px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/p_s_flowerpark1.png) no-repeat;
  background-size: 495px 319px;
}
#flowerpark .box-left img {
  width: 495px;
  background:
    linear-gradient(135deg, transparent 14px, #fff 0) top left, linear-gradient(225deg, transparent 14px, #fff 0) top right, linear-gradient(315deg, transparent 14px, #fff 0) bottom right, linear-gradient(45deg, transparent 14px, #fff 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
#flowerpark .box-right {
  width: 217px;
  height: 299px;
  float: right;
  padding: 10px;
  font-size: 11px;
}
/* forest =============================== */
#forest {
  width: 500px;
  height: 352px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/bg_forest.png) no-repeat;
  background-size: 500px;
}
#forest .box {
  width: 482px;
  height: 333px;
  margin: 9px;
  background: #ffffff;
  background:
    linear-gradient(135deg, transparent 14px, #fff 0) top left, linear-gradient(225deg, transparent 14px, #fff 0) top right, linear-gradient(315deg, transparent 14px, #fff 0) bottom right, linear-gradient(45deg, transparent 14px, #fff 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
#forest .image {
  width: 482px;
  height: 260px;
  background: url(https://www.tottori-guide.jp/hana/image/p_s_forest1.png) center center /cover no-repeat ;
}
#forest .text {
  width: 443px;
  padding: 15px;
  font-size: 11px;
}
/* park =============================== */
#park {
  width: 500px;
  height: 449px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/bg_park.png) no-repeat;
  background-size: 500px;
}
#park .box {
  width: 482px;
  height: 430px;
  margin: 9px;
  background: #ffffff;
  background:
    linear-gradient(135deg, transparent 14px, #fff 0) top left, linear-gradient(225deg, transparent 14px, #fff 0) top right, linear-gradient(315deg, transparent 14px, #fff 0) bottom right, linear-gradient(45deg, transparent 14px, #fff 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
#park .image {
  width: 482px;
  height: 337px;
  background: url(https://www.tottori-guide.jp/hana/image/p_s_park1.png) no-repeat;
  background-size: cover;
}
#park .text {
  width: 443px;
  padding: 15px;
  font-size: 11px;
}
/* garden =============================== */
#garden {
  width: 500px;
  height: 348px;
  float: left;
  background: url(https://www.tottori-guide.jp/hana/image/bg_garden.png) no-repeat;
  background-size: 500px;
}
#garden .box {
  width: 482px;
  height: 330px;
  margin: 9px;
  background: #ffffff;
  background:
    linear-gradient(135deg, transparent 14px, #fff 0) top left, linear-gradient(225deg, transparent 14px, #fff 0) top right, linear-gradient(315deg, transparent 14px, #fff 0) bottom right, linear-gradient(45deg, transparent 14px, #fff 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
#garden .image {
  width: 482px;
  height: 236px;
  background: url(https://www.tottori-guide.jp/hana/image/p_s_garden1.png) no-repeat;
  background-size: cover;
}
#garden .text {
  width: 443px;
  padding: 15px;
  font-size: 11px;
}
/* footer =============================== */
footer {
  width: 100%;
  height: 30px;
  color: #FF4A4A;
  text-align: center;
  line-height: 30px;
  background: #ffffff;
  border-top: 3px solid #c4c4c4;
}
address {
  font-size: 10px;
  font-style: normal;
}
/* addition */
div.flower-rakkyou {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
div.flower-rakkyou article:nth-child(1) {
  margin-right: 20px;
}
div.flower-rakkyou article.box-rakkyou {
  height: 380px;
  height: auto;
  border-radius: 0;
}
div.flower-rakkyou article.box-rakkyou div.box-half {
  border-radius: 0;
}
div.flower-himawari {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
div.flower-himawari article:nth-child(1) {
  margin-right: 20px;
}
div.flower-himawari article.box-himawari {
  height: 380px;
  height: auto;
  border-radius: 0;
}
div.flower-himawari article.box-himawari div.box-half {
  border-radius: 0;
}
p.button a {
  background: #ff8585;
  display: block;
  max-width: 80%;
  color: #fff;
  border-radius: 1000rem;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
p.button a:hover {
  opacity: 0.5;
}