@charset "utf-8";

#return_top { text-align:center; margin:10px; }
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px }

#main .sp { display:none!important; }
#main{ background-color: #122860; font-family: "Ryumin Regular KL", "リュウミン R-KL", "ヒラギノ明朝 ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif }
#main *{ box-sizing: border-box; line-height: 1.8 }
#main h2{	color: #2453b2;	font-size: 50px; font-weight: normal; text-shadow: none; text-align: center }
#main h3{ color: #2453b3; width: auto; line-height: 1.2; font-weight: normal; text-shadow: none; text-align: center; font-size: 24px; }
#main strong{ color: #f26161 }
#main a.btn{ position: relative; text-decoration: none; margin: 0 auto; padding: 4px; box-shadow: 2px 2px 8px rgba(0,0,0,.3) }
#main a.btn.sml{
	box-shadow: none;
	padding: 1em 26px 1em .75em;
	line-height: 1
}

.btn.h100{ height: 100px }
.btn.w100{ width: 100% }
.btn.w90{ width: 90% }
.btn.w80{ width: 80% }
.btn.w50{ width: 50% }
.btn.w60{ width: 60% }
.btn.f24{ font-size: 24px }
.btn.f28{ font-size: 28px }
.btn.f36{ font-size: 36px }
.btn.f24 small{ font-size: 65% }
.btn.bg_blue{ background-color: #6986bf }
.btn.bg_plor{ background-color: #e9520f }

.btn.bg_navy{
	background-repeat: repeat !important;
	background-color: #122860;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #1c376f), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #1c376f),color-stop(.75, #1c376f), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px !important;
	background-size: 7px 7px !important
}

.btn.bg_orange{
	background-repeat: repeat !important;
	background-color: #e9520f;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ec651a), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ec651a),color-stop(.75, #ec651a), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px !important;
	background-size: 7px 7px !important
}

.btn.bg_navy > div, .btn.bg_orange > div{ display: table-cell; vertical-align: middle; text-align: center; line-height: 1 !important; padding: 8px 32px 8px !important; height: 100% }
.btn.bg_navy > div{	box-shadow: 0 0 0 1px #e5dcac, 0 0 0 3px #122860 }
.btn.bg_orange > div{	box-shadow: 0 0 0 1px #e5dcac, 0 0 0 3px #e9520f }

.btn.rb_navy:before, .btn.rb_orange:before{
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 114px;
	height: 57px
}

.btn.rb_navy:before{ background-image: url(../img/rib.png) }
.btn.rb_orange:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAA8CAMAAACZ6EL3AAACIlBMVEUAAAD0iT7yjEX3qWDlTRH4rWXzijjtYRnsZiLvbyD0jj/4smv3q2LxeyfxdiD1l0rzgy73qmHuax/4smrwdiTwdR/vcSL4sGj1lknziDT3rGPrXBf0j0T3rGT4s2z2pFrpThD4smr2oFXqVhbzhzbvcSbuax3ziTnyfib3p17sXxP4sWnygTD1mU3lQAnmRAz4smv0lUfwdSLvbh/pUxHziDj2pFrziTnxeiT2o1nsXhP4sWn0jkDqUxL4smv2oFX0kkX4tG3lPwj2oFXjPArvbyDtaR7ygzP1m0/mQQnweB3hNgfxfR/eLwb3qWD0k0X1n1XZJQTsYBzpUw/4tW/sZB73qWD4tW/taCHzhjb1n1X4rWXpUBLeMQb1mU3XIQPeLwb3qmHyhTTrXhrhNwfxfS30j0H4tW74tGz4smv3r2f3rGP3qmD2p132oVf1nFD1l0r0lEbzjT7zhjXygCDxfh/4sWr3sGn3rmbxeh3wdxz3rWX2pVv2o1n1nlPygSD1n1X1mU30kUP0j0HzijvuaiLziDnygTDygzLxfS3yfy/xeyzweSvwdinwdCjhNQfvcifvcCXubiTubCPwcxvuahjvbxnsYBTrXBLqWBHoSwznRQrmQAnkPQjjOgffMgbyfx/xfB7vchrubRntZhbqVRDpUA7tZBbtaBfsYxXoTg7pUw/nSAveLwXtZR7sYRzrWBbcKgXXHwLrXhrrXBnaJgRKfFUOAAAAZ3RSTlMABwMPGiYaEQz39ujPzr++npqLimtZSUZGNzUqIxr5+fXy8vDu7eTi3t3d3NXOvbGtrKualI6Kgnx6eXhwbGdnWVdXVjs4MSn5+fj08erp6efg08/Owr69sbCvo6KgnX90amRdSkIS0eMXYwAAA5FJREFUWMPF2VVPm3EUBvDOkbHBYO7uG+4MGGPM3d37uq4uq7sXd3faUuD7rRcErs84yU7S9Kp5TtLfk/8rCuBsbs5TKpV/Vj/DBEmOaChKb6DpdoZlx0wcN27m+S5BEHtsdmnW4ZL7PG7fgD8QDEeisSGnM7GYTC6tpFKp9MTkZPr6LVj8pqLLBPF7NT3zTahIUq2jKK2epplRljV2cJxliuet3YIoTtglqdcly31un3cgEAyFo7H4gjOR2WBpOZ1KTaRPfDgMi99Rl0uqCEK5vgGR2UCt0VFag55mmE7WaOrgLOYZ3ip0i6JtTpIcvbLs6fd5/YPBUCQcizsXEonkytJyKp06Xb4VFn+08KROTWY2UK5vQBCkSq2hdFpD5h9g2E6jiZu2mPkuqyD0iDb7pORwzcsed7/XHxgMRaJDcadzMZFMriynTn/eAYvfVnCPojQjJEkMIxh42pAFiz9UShu0OkqjVpEIBp593wSL3/eKofUGLaXTqBEMvNwH7F3LTnaUoWm9lqIQDLyB9q7x4hjLMu00bdBv3ED2R2DvttSc40zGTpZh2hEM3N8D7N32PacsXIfJyHYyCAbOVgN7d/jTHX7KwnEdRhbBwIUiYO8OlghdPG8e5zgTgoErNzfD4g/s7hEEaxdvtkwjGLgG7V3Tc5sodgtWfsaMYODtQWDvGs5L9glRFLqt/MYN5OS3Ac+7qjOOWclu6xEFBAM5FdDeVZyZdzmkSbtNRDDwuPYXLL4t/65HlnsdkjSHYOBSPfDAab3u9bn7ZNnVKyEYuNoE7N2PXQH/gM/t6ZNdCAZ2HwD2bm9eaDDg9/a7PTKCgXetsPisonPhSCg46Pf6+jdu4HjZNgVwHsZj0XAoGBhAMJBdeVQBHudQLBoJBxEMPKrZoviHccaHohEEAxe/rvUOukAMwcDOvWu9g84CgoFd+wGB6AZUxYcAcegGjhUAeodv4GThdkAUuoHcakDv8A1cuAHoHb6BF82A3uEbeA3pHb6BYsB1Jr6BY/mA3uEbeFAIOO/wDeTWAXqHb+AypHf4BkDnHb4ByHmHb2D0PeC8wzdwvOAIXhrcwKlKwP0dvoEntYDe4Ru41AjoHb6Bqy2IKXADoPs7fAMlt/EC4AZyygG9wzdwogpwnYlv4Hw9oHf4Bq58A/QO30Ae5HkmvoFrPwE/wjdQCuodtoHsMkDv8Bc4C3qPgD9fshT/df4C/+Qmf2cIhmsAAAAASUVORK5CYII=') }

.btn.arrow:after, .btn.arrow_s:after, .btn.triangle:after{
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 11
}

.btn.arrow:after{
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAwCAMAAAA4o5qsAAABcVBMVEUAAAAAAAAAAAAAAAAAAAAAAABAPS8AAABzb1ZtZkXb06bRxIjQw4Nwak0AAADVzJfSxo0/Oyt5dmV1bEUMCwgAAADUxoPc0Jbj3K7o48fa0J/XzZvUyZPTx5De1KLNv33Sw3/n48fKvHZCQTfGuHJCPioAAAAAAADGt3GLgVGbj1kAAABFQTHKvHyZkm/Ux4fWyYji3L7e17PXz6Hm4MHi27bazZLNv4DLvXnPwHvTxYTWzaHNw5Hj2qvFuYLc0pzAsnbWyo3Pyq7Sw4DAuY/q5MW3rX/g2Ketom8/Oynbz5irn2dJRC2tqIvUxohYVkxQSjGgmXbPwH1ZUzaTi2Tl37llXjyKgVcAAADf1qQAAACCeEzVyZF9eWAAAADOwYNuaU+voWNcVj7HuXYAAAAAAADf16qom1/Yz5wlJBxPSS7Et3sAAADy7dDv6cnr5L3m3rDm3a3k26rj2afh16Lf1Z7e0prc0JbbzpPZzI/YyovrOQ5hAAAAbXRSTlMAAgwsWAWLCUtK8O7sSxzw7YlLRBMPBfzx8PDw8O/s7OjYvIuBelRPOzozKSAVC/r48vLy7u7h4eDc2tTMx8K9tbKspZ+Wk4iHg3t2b25ua2VjYlpXU09MSEVAPTw5NjMxLSsqJiIgGxkZFQ0HOUsr5QAAATlJREFUOMt11FdTAlEMBeB7V6+rgoBSVFBAinTsvffee++90HYR+PVe5XFPzus3k0kymTBXinOGw6N3gjIRiquE8ffAhUKYiI3aCePqho8056yvgbLkiJkycdJDGVdWKybKHNNlysS9rWRrwvZ52PrTiY0ry8ViB2GOSV23YhO3bk3z1ENT9wqFghsaVxbz+bwX29tELpdrhCau2rLZLDZ1KyMz1AKMO+e/ZQahJbu+ZNqRpau0YxEGWvor2BeMGOkoI9MfrK0xFHz+b74OiGtKjgyFrchFDUA5k+v1QHn1apoVCpvRdULW5QE0Q7mUZ4MlNVyyYWFzZdMalu2KKYzlptcc7obyMW7exMIW/LsRLPv+g1MsD2PH5wko6YD9+hEKC8UST1iicYsFi+vF6SAeEReqkIKNE/ILQLE77QhSC2IAAAAASUVORK5CYII=');
	width: 24px;
	height: 48px;
	right: 18px
}

.btn.arrow_s:after{
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAQAAADCOPeRAAABBklEQVR4AX2TJVgGQRBA53f3hGvCrV3DnR5oOCQq7nQs0a6R+EgQcXciFXe33cF12Xn1vbt1QNttCGiA4qFiNwp0RDBqe5pYjgc9SNEcFrLd8SQwgBT9zfDT3liKPNFMRfArOtEd1SGSSbHtYYtOtNtpyBEf9+WJ/lJFpBLNSAA7oRPtQQ0imUSa7ufJpFn7OPsePBwMpIJdOMankk/dWAShQoA+PPrSEeAVhmCDpH5UkBMa9Xztde7NhYJ+h9W+nkRHnkRjAF6w3e4sCH/XAnyI7fakQphEP+XwHVWBYPD8q9HMx1+21Q/c71qAlW/EgRecEo22vTCwgpW69jowgA4INNTTewaRAKfUIbBE0QAAAABJRU5ErkJggg==');
	width: 16px;
	height: 28px;
	right: 10px
}

.btn.triangle:after{
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAACVBMVEXl3Kzl3KwAAAAvSkn5AAAAA3RSTlP/gAB/bWh4AAAAJElEQVR4AV3HMQEAAAjAoGn/0N7Cx34TjUaj0Wg0Go1Go9HoAZF4AOTGK2AMAAAAAElFTkSuQmCC');
	width: 15px;
	height: 15px;
	right: 5px;
	top: auto;
	bottom: 5px
}

#main #What{
	background: #fff;
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 80px 20px;
	position: relative
}

#What:before{
	content: url(../img/header_top.png);
	position: absolute;
	top: -74px;
	left: 0
}

#What h2{
	background: transparent url(../img/what_h2_bg.png) no-repeat;
	line-height: 3;
	width: 100%;
	height: 166px;
	margin-top: 60px
}

#What p{
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: -20px
}

#What strong{ font-size: 34px }
#What > div{ margin-top: -35px }
#What > a{ color: #e5dcac; font-size: 40px }


#main #Point, #Links01, .hotel_content{ background: transparent url(../img/point_bg.png) }
#Point .content > p, #Spot .content > p{ font-size: 16px; margin-bottom: 36px }
#Point p{ font-size: 14px }
#Point strong, #Spot strong{ font-size: 26px; margin: 2em 0 10px 0; display: inline-block }
#Spot strong{ margin-bottom: 0 }
#Point .dFlex{ margin-top: 80px }
#Point .dFlex div:after{
	content: url(../img/point_flex_before.png);
	position: absolute;
	left: -10px;
	top: -16px;
	z-index: -10
}

#Point .dFlex div{
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABAQMAAAAsMPawAAAABlBMVEUAAADy8vJmHg5+AAAAAXRSTlMAQObYZgAAAApJREFUCNdjsAAAADoAOUuYs8AAAAAASUVORK5CYII=');
	border: 8px solid #fff;
	border-top: none;
	position: relative;
	text-align: center;
	width: 320px;
	z-index: 1
}

#Point .dFlex div img{ margin-top: -55px; z-index: 0 }
#Point .dFlex div:nth-child(2){ margin: 0 10px }
#Point .dFlex div h3{ font-size: 17px; height: auto; margin: 1em 0 .5em 0 }
#Point .dFlex div p{ padding: 0 1em 1em 1em !important }
#Links01 .bg{
	padding-top: 220px !important;
	background: transparent url(../img/links01_bg.jpg) no-repeat top center;
	background-size: cover;
	width: 100%;
	margin-top: -180px;
	height: 550px
}

#Links01 .dFlex, #Links02 .dFlex{ width: 1060px; margin: 0 auto 50px; }
#Links01 .dFlex > a:first-child, #Links02 .dFlex > a:first-child{ margin-right: 15px }
#Links01 .dFlex > a:last-child, #Links02 .dFlex > a:last-child{ margin-left: 15px }

#Spot h2{
	background: transparent url(../img/spot_h2_bg.png) no-repeat;
	width: 100%;
	height: 166px;
	margin-top: 60px;
	line-height: 3.5
}

#Spot h2.honey{ line-height: 1 }
#Spot h2, #Spot h2 + p{ color: #fff }
#Spot .content > p{ margin-top: -36px }

#Santorini h4,
#Mikonos h4,
#Zakinthou h4{
	color: #fff;
	font-size: 1.5em;
	padding: 35px 0 0 135px;
	width: 461px;
	height: 112px;
	background-repeat: no-repeat
}

#Santorini h4 small,
#Mikonos h4 small,
#Zakinthou h4 small{
	color: #333;
	font-size: 75%;
	line-height: 3em
}

#Santorini h4{ background-image: url(../img/nakatsuka.png) }
#Mikonos h4{ background-image: url(../img/tajima.png) }
#Zakinthou h4{ background-image: url(../img/hasegawa.png) }

#Advice{
	background: #fff;
	padding: 10px 40px !important;
	margin: -10px auto 0 auto !important;
	width: 940px;
	position: relative
}

#Advice:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	margin: 0 auto;
	top: -21px;
	left: 0;
	right: 0;
	border-bottom: 21px solid #fff;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent
}

#Advice > h2{
	background: transparent url(../img/advice_h2_bg.png) no-repeat;
	color: #fff;
	font-size: 24px;
	width: 1021px;
	height: 67px;
	margin-left: -80px;
	padding-top: 20px
}

#Advice > p{
	color: #2453b3;
	margin-top: 2em;
	font-size: 1.3em
}

#Advice ol{ margin-top: 2em }
#Advice ol li{ position: relative; margin-bottom: 3em; padding-left: 110px }
#Advice ol li:before{ position: absolute; left: 0 }
#Advice ol li:nth-child(1):before{ content: url(../img/advice_1.png) }
#Advice ol li:nth-child(2):before{ content: url(../img/advice_2.png) }
#Advice ol li:nth-child(3):before{ content: url(../img/advice_3.png) }
#Advice ol li h3{ color: #e9520f; height: 1.5em; font-size: 1.4em; text-align: left }
#Advice ol li p{ font-size: 1.2em }
#Links02 .bg{
	background: transparent url(../img/links02_bg.jpg) no-repeat top center;
	background-size: cover;
	width: 100%;
	height: 362px;
	padding-top: 60px
}

#Links01 .dFlex .w50, #Links02 .dFlex .w50{ width: calc(50% - 15px) }
#Links02 .bg > a{
	margin: 0 auto .5em;
	width: 1060px;
	height: 95px;
	font-size: 40px;
	line-height: 1;
	color: #e5dcac !important
}
#TopSlider{ position: relative; width: 100%; height: 530px }
#TopSlider > div:first-child{ z-index: 0 !important; background-size: cover !important }
#TopSlider > div:nth-child(3){ z-index: 1 !important; background-repeat: no-repeat !important; background-size: contain !important }

.sliderLogo{
	width: 518px;
	height: 221px;
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	bottom: 0;
	margin: 0 auto !important
}

.sliderLogo > div{ z-index: 1 !important }
.sliderImg{ width: 100%; height: 100% }

.number1{
	background: rgba(255, 255, 255, .7);
	padding: 18px !important;
	position: relative
}

.number1:before{
	content: url(../img/no1.png);
	position: absolute;
	left: 150px
}

.number1 > *{ padding-left: 300px !important }
.number1 h3{ height: 1.8em !important; text-align: left !important }

.point_content{
	background: #fff;
	width: 1020px;
	margin: 0 auto !important;
	padding: 0 40px 40px 40px !important
}

.point_content .sp_slider{ width: 480px }
.point_content .sp_slider img {width:100%;}
.point_content .sp_slider + div, .point_content .slider + div{ flex: 1; margin-left: 1em !important; text-align: left }
.point_content .sp_slider + div p, .point_content .slider + div p{ margin: 1.25em 0 !important; font-size: 1.2em }
.point_content .slider + div p{ margin: 0 !important }
.point_content .dFlex .btn > div{
	text-align: left;
	font-size: 1.2em;
	padding: 1em 1em 1em 2.75em !important
}

.point_content .dFlex .btn:before{ background-size: 70%; /*left: -28px;*/ background-size: 100%\9; left: 0\9; zoom: .6\9 }
.point_content .dTable.btn:last-child{ margin-top: 12px !important }
.point_content .dFlex > .dTable{ width: 50%; height: 521px }
#Athens .dFlex > .dTable{ height: 306px }
.point_content .dFlex > .dTable > .dRow:last-child .dCell{ vertical-align: bottom }
.sp_slider li:nth-child(n + 2) img{ padding-top: 4px !important }
#main .point_content h3{
	font-size: 48px;
	font-weight: normal;
	height: 2em;
	line-height: 2em
}

#main .hotel_content h3{ font-size: 50px }
.hotel_content{ padding: 36px 40px !important; margin-bottom: 40px !important }
.hotel_content .title div{
	flex: 1;
	text-align: left;
	margin-left: 3em !important;
	font-size: 1.1em;
	line-height: 1.5 !important
}

.hotel_content .hotels{ justify-content: space-between; margin: 30px 0 0 0 !important }
.hotel_content .hotels div{ background: #fff; width: 300px; text-align: left }
.hotel_content .hotels div p, .hotel_content .hotels div a{ margin: 1.5em !important; font-size: 110% }
.hotel_content .hotels h4{
	background-color: #1f46a6;
	color: #fff;
	font-weight: normal;
	padding: .5em 1em !important;
	font-size: 1.25em
}

.content{
	width: 1100px;
	margin: 0 auto !important;
	padding: 20px !important;
	text-align: center
}

.dFlex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex
}

.dFlex.j_center{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center }
.dFlex.j_around{ -webkit-justify-content: space-around; justify-content: space-around }
.dFlex.j_between{ -webkit-justify-content: space-between; justify-content: space-between; justify-content: space-between }
.sp_slider li{ display: inline }
.c_gold{ color: #e5dcac !important }
.c_white{ color: #fff !important }
.dBlock{ display: block !important }
.dTable{ display: table !important }
.dRow{ display: table-row !important }
.dCell{ display: table-cell !important }
.txt_center{ text-align: center !important }
.txt_left{ text-align: left !important }
.ph20{ padding-left: 10px; padding-right: 10px }
.pb50{ padding-bottom: 50px !important }
.pt1em{ padding-top: 1em !important }

@media all and (-ms-high-contrast:none){
	.point_content .dFlex .btn:before{ background-size: 100%; left: 0; zoom: .6 }
}
@supports (-ms-accelerator:true){
	.point_content .dFlex .btn:before{ background-size: 100%; left: 0; zoom: .6 }
}

@media screen and (min-width: 640px){
	.pc_none{ display: none }
	.point_content ul.sp_slider li:nth-child(n + 2) img{ width: 49%; height: auto }
}

/*----------------------fixFooter-----------------------*/
#main #fixFooter {
 width: 100%;
 /*background: rgba(125,116,74,0.9);*/
 background: rgba(19,157,253,0.9);
 position: fixed;
 bottom:0px;
 z-index: 50;
 text-align: center;
 padding: 0 0 1em;
 font-family: "FOT-マティス Pro N","YuMincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",serif;
 color: #FFF;
 /*display: none;*/
 transition: .5s;
}
#main #fixFooter.add_bottombnr.hide{
  transform: translateY(110%);
}

#main #fixFooter .submi {
 background: rgba(19,69,253,0.9);
 /*background: rgba(86,91,42,0.9);*/
 text-align: center;
 color: #FFF;
 padding: 5px 0;
 font-size: 180%;
 line-height: 1.5em;
 border-bottom: 1px solid #d0c38f;
 text-shadow: 0px 0px 10px rgba(54,58,13,0.9);
}
#main #fixFooter p.txt {
 font-size: 120%;
 padding: 10px 0;
}
#main #fixFooter ul{
 width:1100px;
 margin: 0 auto !important;
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
}
#main #fixFooter ul li{
 width: 48%;
}
#main #fixFooter ul li a{
 display: -webkit-flex;
 display: flex;
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
 justify-content: center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 align-items:center;
  -webkit-box-align:center;
  -webkit-align-items:center; 
 text-align: center;
 background: #FFF;
 line-height: 1.4em;
 padding: 10px 0;
 border: 1px solid #5a5129;
 color: #5a5129;
 font-size: 133%;
 text-decoration: none;
}

.add_bn{
	padding:10px 0 0 0 !important;
}

.add_bn_box{
	width:640px;
	margin:30px auto 50px !important;
}

/******************************************************************************
  SP
 ******************************************************************************/

@media screen and (max-width: 640px){
	#main .sp { display:block!important; }
 #main .pc { display:none!important; }
	
	#main #What, #main #Point, #main #Links01, #main #Spot, .point_content, #Advice{ width: 100%; padding-left: 10px !important; padding-right: 10px !important }
	#main p{ font-size: 100% }
	#main h2{ background-size: contain; font-size: 2em; height: auto; line-height: 1.5 }
	#main .point_content h3, #main .hotel_content h3{ font-size: 2em }
	#main strong{ font-size: 1.5em; line-height: 1.25; font-weight:bold;}
	#main #What{ padding: 0 0 2em 0 }
	#TopSlider{ position: relative; width: 100%; height: 200px }
	#SliderImg{ width: 100%; height: 100% }
	.sliderLogo{ width: 259px; height: 110px }
	#TopSlider .pc_none{ position: absolute; bottom: 0; margin: 0; left: 0; width: 100% }
	#What:before{ content: '' }
	#What p{ position: relative; margin-top: 0 }
	#What h2{ height: 3em; margin-top: 1em }
	#What strong{ margin: 1em 0 }
	#What > a{ margin-top: .5em !important }
	#What > div{ margin-top: 0 }
	#What .dFlex.pb50{ padding-bottom: 1em !important }
	#Point p, #Point .content > p, #Spot .content > p{ font-size: 100% !important; margin-bottom: 1em	 }
	#Point h2{ margin-bottom: .5em }
	#Point .dFlex{ margin-top: 60px }
	#Point .dFlex div, #Links01 .dFlex, #Links02 .dFlex,
	#Links01 .dFlex .w50, #Links02 .dFlex .w50{ width: 100% }
	#Links01 .dFlex > a, #Links02 .dFlex > a{ font-size: 1.75em !important; margin: 20px 10px !important; width: calc(100% - 20px) !important }
	#Links01 .dFlex > a:first-child, #Links02 .dFlex > a:first-child{ margin-right: 0 }
	#Links01 .dFlex > a:last-child, #Links02 .dFlex > a:last-child{ margin-left: 0}
	#Point .dFlex div:after{ content: '' }
	#Point .dFlex div img{ display: inline; margin-top: -40px; width: 100%; }
	#Point .dFlex div:nth-child(2){ margin: 70px 0 }
	#Point strong, #Spot strong{ margin: 2em 0 0 0 }
	#Links01 .bg{ width: 100vw; margin: -140px -10px 0 -10px; padding-top: 160px !important }
	#Links02 .bg{ height: auto; padding-bottom: 2em }
	#Spot h2{ margin-top: 0; margin-bottom: 1em; line-height: 1.2 }
	#Spot .content > p{ margin-top: 0 }
	#Anchors img{ width: 50%; display: inline }
	#Santorini h4, #Mikonos h4, #Zakinthou h4{
		background: none;
		padding: 0;
		width: 100%;
		height: auto;
		margin: 1em 0
	}

	#Athens p{ margin: 1.25em 0 !important }
	#Athens .btn.w60{ width: 100%; font-size: 1.75em !important }
	#Advice > p{ margin-top: 1em }
	#Advice > h2{ background: none; margin: 0 -10px !important; padding-top: 0; width: calc(100% + 20px) }
	#Advice h2 img{width:100%;}
	#Advice ol li h3{ height: auto !important; margin-bottom: .5em }
	#Advice ol li p{ font-size: 100% }
	#Spot h2.honey{ margin-top: 2em; line-height: 1.2 }	
	#Links01 .dFlex, #Links02 .dFlex { width:95%; margin:0;}
	#Links01 .bg{ height: 550px; background: transparent url(../img/links01_bg.jpg) no-repeat top right; }
	#Links02 .bg{ 	background: transparent url(../img/links02_bg_sp.jpg) no-repeat bottom right; }
	#Links02 .bg > a{ width: calc(100% - 20px); margin: 0 10px 1em 10px; font-size: 1.75em; }
	#Links02 .triangle div{ padding: 8px 12px 8px !important}
	.number1:before{
		left: auto;
		zoom: .55;
		margin-bottom: 1em;
		position: relative;
		text-align: center;
		display: block
	}

	.number1 > *{ padding-left: 0 !important }
	.number1 h3{ height: auto !important }
	.point_content p{ margin-bottom: 1em !important; text-align: left }
	.point_content .sp_slider,
	.point_content .slider img{ width: 100%; }
	.point_content .bx-wrapper{ margin-bottom: 3em !important }
	.point_content .dFlex > .dTable{ display: block !important; width: 100% !important; height: auto !important; margin: 0 !important }
	.point_content .dFlex .dRow, .point_content .dFlex .dCell{ display: block !important }
	.point_content .dFlex .dRow, .point_content .dFlex .dCell img{width:100%;}	
	.hotel_content{ padding: 24px 10px 10px 10px !important }
	.hotel_content .title div{ margin-left: 0 !important }
	.hotel_content .hotels{ margin: 1em 0 0 0 !important }
	.hotel_content .hotels div{ padding-bottom: .5em !important; width: 100%; margin-bottom: 1em !important }
	.hotel_content .hotels img{ width: 100% }
	.btn.rb_navy:before, .btn.rb_orange:before{ background-size: 75% }
	.btn.arrow_s:after{ zoom: .7 }
	.btn.arrow:after{ zoom: .75 }
	.btn.f36{ font-size: 200% !important }
	.btn.w90{ width: 100% }
	.sp_none{ display: none }
	.content{ width: 100%; padding: 20px 0 0 0 !important }
	.dFlex{ display: block }
    .btn.bg_navy > div, .btn.bg_orange > div{ padding: 8px 12px 8px !important;}
    .f14{ font-size:14px;}

	.add_bn{
		padding:10px 0 0 0 !important;
	}
	.add_bn img{
		width:100%;
	}
    
    .add_bn_box{
		width:88%;
		margin:30px auto 40px !important;
	}
    
    /*----------------------fixFooter-----------------------*/
#main #fixFooter {}
#main #fixFooter .submi {
 padding: 5px 0;
 font-size: 120%;
 line-height: 1.5em;
 border-bottom: 1px solid #d0c38f;
 text-shadow: 0px 0px 10px rgba(54,58,13,0.9);
}
#main #fixFooter p.txt {
 font-size: 100%;
 line-height: 1.3em;
 padding: 10px 0;
}
#main #fixFooter ul{ width:95%; }
#main #fixFooter ul li{
 width: 45%;
}
#main #fixFooter ul li a{
 line-height: 1.4em;
 padding: 10px 0;
 font-size: 80%;
}
#main #fixFooter ul li a img{
 width: 25px;
 display: block;
 margin-right: 5px;
}
}