/* CSS Document */

#santorini.content {width: 1140px; margin: 0 auto; padding: 0 0 100px; background: #fff; }
#santorini.content * {font-size: 16px; line-height: 100%; color: #333333; margin: 0; padding: 0; text-decoration: none; word-break: break-all;}
#santorini.content *, #santorini.content *:before, #santorini.content *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#santorini.content img {vertical-align: bottom; width: 100%;}
#santorini.content li {list-style: none;}
#santorini.content p ,
#santorini.content dd {line-height: 180%;}
#santorini.content a:hover {opacity: 0.7;}



#santorini.content .clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#santorini.content .c_inner {width: 1040px; margin: 0 auto;}
#santorini.content .box_inner {width: 960px; margin: 0 auto;}

#santorini.content .fl_l {float: left; display: inline;}
#santorini.content .fl_r {float: right; display: inline;}
#santorini.content .tit_01 {width: 100%; height: 70px; text-align: center; margin-bottom: 30px; background: url(../images/tit_01_bg.png); position: relative;}
#santorini.content .tit_01 span {font-size: 36px; font-weight: bold; line-height: 75px; color: #333333;}

#santorini.content #sec_hotel .tit_01 {margin-bottom: 50px;}

#santorini.content .tit_02 {background: #005eeb; color: #fff; font-weight: bold; width: 100%; display: table; height: 70px; margin-bottom: 35px;}
#santorini.content .tit_02 span {color: #fff; display: table-cell; vertical-align: middle;}
#santorini.content .tit_02 .num {width: 70px; background: #86aeff; text-align: center; font-size: 26px;}
#santorini.content .tit_02 .tit {font-size: 26px; line-height: 120%; padding-left: 30px;}

#santorini.content .txt_tit {font-weight: bold; font-size: 24px; margin-bottom: 20px; line-height: 140%;}

#santorini.content .btn_link { width: 100%;  height: 70px;}
#santorini.content .btn_link a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative;	background: #008aff; box-shadow: 0 5px 0 #0059a4;}
#santorini.content .btn_link a span {color: #fff; font-weight: bold; text-align: center; font-size: 24px; display: block; width: 100%; position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); padding-top: 5px; line-height: 140%;}
#santorini.content .btn_link a span:after {content:""; background: url(../images/arrow_w.png) no-repeat center; width: 13px; height: 100%; position: absolute; top: 0; right: 20px;}

#santorini.content ul.bl_btn {max-width: 650px; width: 100%; margin: 0 auto;}
#santorini.content ul.bl_btn li {margin-bottom: 25px;}

#santorini.content .dis_sp_320 ,
#santorini.content .dis_tab_1140 {display: none;}
#santorini.content .dis_pc.dis_tab_1140 {display: block;}



@media (max-width: 1140px) {
	#santorini.content {width: 100%; padding-bottom: 50px;}
	#santorini.content .c_inner {width: 96%;}
	#santorini.content .box_inner {width: 100%; padding:0 3%;}
	#santorini.content .btn_link a span {font-size: 20px;}
	#santorini.content .tit_01 ,
	#santorini.content #sec_hotel .tit_01 {width: 100%; margin-bottom: 20px;}
	#santorini.content .tit_01 span {font-size: 24px;}
	#santorini.content .tit_01 span:before {width: 50px;}
	#santorini.content .tit_02 {height: auto; display: table;}
	#santorini.content .tit_02 .num ,
	#santorini.content .tit_02 .tit {float: none; height: auto;line-height: 140%;}
	#santorini.content .tit_02 .num  {width: 30px; display: table-cell; height: 100%; vertical-align: middle;text-align: center; }
	#santorini.content .tit_02 .tit {padding: 10px; display: block;}
	#santorini.content .txt_tit {font-size: 20px;}
	#santorini.content .dis_tab_1140 {display: block;}
}
@media (max-width: 640px) {
	
	#santorini.content .c_inner {width: 100%;}
	#santorini.content .page_lead.c_inner {width: 94%;}
	#santorini.content .dis_pc ,
	#santorini.content .dis_tab_1140 ,
	#santorini.content .dis_pc.dis_tab_1140 {display: none;}
	#santorini.content .dis_sp {display: block;}
	
	#santorini.content .fl_l {float: none; display: block;}
	#santorini.content .fl_r {float: none; display: block;}
	#santorini.content .tit_01 {width: 100%; height: auto; padding: 10px;}
	#santorini.content .tit_01 span {font-size: 20px; line-height: 120%;}
	#santorini.content .tit_02 {margin-bottom: 20px;}
	#santorini.content .tit_02 .num ,
	#santorini.content .tit_02 .tit {font-size: 18px;}
	#santorini.content .txt_tit {font-size: 18px;}
	#santorini.content .btn_link a span {font-size: 18px;}
	#santorini.content ul.bl_btn li {margin-bottom: 15px;}
	
}
@media (max-width: 320px) {
	#santorini.content .dis_sp_320 {display: block;}
	#santorini.content .dis_sp {display: none;}
	#santorini.content .dis_sp.dis_sp_320 {display: block;}
	#santorini.content .btn_link a span:after ,
	#santorini.content .btn_link.btn_g a span:after {width: 10px; background-size: 100%; top: 0; right: 10px;}
}









#santorini.content .page_lead {margin-bottom: 60px;}
#santorini.content .page_lead p {margin-bottom: 30px; }
#santorini.content .sec_lead {margin-bottom: 30px; text-align: center; padding: 0 3%; }

#santorini.content .navi_type01 {margin-bottom: 35px; letter-spacing: -.4em; }
#santorini.content .navi_type01 li { margin-bottom: 20px; width: 33%; display: inline-block; letter-spacing: normal; vertical-align: top;}
#santorini.content .navi_type01 li a { color: #0160e0; text-decoration: underline; line-height: 140%;}

#santorini.content .bl_type01 .type01_box  {margin-bottom: 50px; }
#santorini.content .bl_type01 .type01_box_pic {margin-bottom:30px; }
#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_01 {float: left;}
#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 ,
#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_03 {float: right;}
#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 {margin-bottom: 4px;}

#santorini.content .bl_type01 .type01_box_pic.type_a li {float: left; width: 318px; margin-right:3px; margin-bottom: 3px; }
#santorini.content .bl_type01 .type01_box_pic.type_a li:nth-child(3n) {margin-right: 0;}

#santorini.content .type02_box {margin-bottom: 50px; }
#santorini.content .type02_box .type02_box_pic {width: 480px;}
#santorini.content .type02_box .type02_box_note {width: 440px;}


@media (max-width: 1140px) {
	#santorini.content .navi_type01 {text-align: center;}
	#santorini.content .navi_type01 li {width: auto; margin: 0 20px 15px 20px;}
	#santorini.content .bl_type01 .type01_box_pic {width: 100%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_01 {width: 64%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 ,
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_03 {width: 35%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 {margin-bottom: 1%;}
	#santorini.content .bl_type01 .type01_box_note .fl_l ,
	#santorini.content .bl_type01 .type01_box_note .fl_r {width:47%; }
	#santorini.content .bl_type01 .type01_box_pic.type_a li {width: 33%; margin-right:0.5%; margin-bottom: 0.5%; }
	#santorini.content .type02_box .type02_box_pic ,
	#santorini.content .type02_box .type02_box_note {width: 48%;}	


	
}
@media (max-width: 640px) {
	
	
	#santorini.content .bl_type01 .type01_box {margin-bottom: 30px;}
	#santorini.content .bl_type01 .type01_box_note p.lead {font-size: 18px;}
	
	#santorini.content .bl_type01 .type01_box_pic {margin-bottom: 10px;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_01 {width: 100%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 ,
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_03 {width: 49.5%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_01 {margin-bottom: 1%;}
	#santorini.content .bl_type01 .type01_box_pic .type01_box_pic_02 {float: left;}
	
	#santorini.content .bl_type01 .type01_box_note .fl_l ,
	#santorini.content .bl_type01 .type01_box_note .fl_r {width:96%; float: none; margin: 0 auto;}	
	#santorini.content .bl_type01 .type01_box_note .fl_l {margin-bottom: 10px;}
	#santorini.content .bl_type01 .type01_box_pic.type_a li {width: 49%; margin-right:1%; margin-bottom: 1%; }
	#santorini.content .bl_type01 .type01_box_pic.type_a li:nth-child(3n) {margin-right:1%;}
	#santorini.content .bl_type01 .type01_box_pic.type_a li:nth-child(2n) {margin-right: 0;}
	#santorini.content .type02_box .type02_box_pic {width: 80%; margin: 0 auto 10px;}
	#santorini.content .type02_box .type02_box_note {width: 100%;}		

}



#santorini.content .visual {margin-bottom: 35px;}
#santorini.content .visual ul li {width: 50%; height: 130px; float: left;}
#santorini.content .visual ul li a {width: 100%; height: 100%; background: url(../images/navi_bg.png); display: table; position:relative; border-right: solid 1px #80aff5;}
#santorini.content .visual ul li:last-child a {border-right:none;}
#santorini.content .visual ul li a span {color: #fff; font-weight: bold; font-size: 22px;  display:block; width: 100%; position: absolute; top: 50%; left: 0px; line-height: 140%;
	padding-left: 30px; transform: translate(0,-50%); transform: -webkit-translate(0,-50%);}
#santorini.content .visual ul li a span:after {content: ""; background: url(../images/navi_arrow.png) no-repeat center; display: block; width: 24px; height: 100%; background-size: 100%; position: absolute; top: 0; right: 20px; }



@media (max-width: 1140px) {
	#santorini.content .visual ul li{ height: 70px;}
	#santorini.content .visual ul li a  {padding: 0 10px; position: relative; background-size: 100%;}
	#santorini.content .visual ul li:last-child a {border-right: none;}
	#santorini.content .visual ul li a span {font-size: 16px;}
	#santorini.content .visual ul li a span:after {content: ""; background: url(../images/navi_arrow.png) no-repeat center; display: block; width: 24px; height: 100%; background-size: 100%; position: absolute; top: 0; right: 10px;}
	


	
}
@media (max-width: 640px) {
	#santorini.content .visual ul li{width: 100%; height: 50px; float: none;}
	#santorini.content .visual ul li:last-child {width: 100%;}
	#santorini.content .visual ul li a  {border-bottom: solid 1px #80aff5; border-right: none; }
	#santorini.content .visual ul li:last-child a {border: none;}
	#santorini.content .visual ul li a span {font-size: 14px; }
	#santorini.content .visual ul li a span:after {width: 20px;}
	

}

#santorini.content .map {width: 950px; margin: 0 auto 50px;}

@media (max-width: 1140px) {
	#santorini.content .map {width: 90%;}
}





/* ボタンカラー追加 */
.orbtn  a{
	border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative; background: #ff6f00 !important; box-shadow: 0 5px 0 #cc5800 !important;
}