@charaset "shift_jis"; 

/* ============================= 共通 =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
}

li { list-style-type: none;}


a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}

#topics,
.crumb-list{
    max-width: 1024px;
    margin: auto;
    overflow: hidden;
}
.cb10{
	clear: both;
	height: 10px;
	width: 100%;
}
.cb20{
	clear: both;
	height: 20px;
	width: 100%;
}

.imgcenter{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
body {
	font-family: Verdana,Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial,   Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
}
#head{
	width: 100%;
}
#head .leadtxt {
    background: url(../../img/topics/sesoko-kouri/txtBg.png) no-repeat;
    height: 60px;
    padding-top: 8px;
}
#head .leadtxt span{
	display:block;
	padding-left:95px;
	line-height:1.3em;
}
#pointChoice{
	background:url(../../img/topics/sesoko-kouri/pointBg.png) repeat;
	padding-bottom:8px;
}
#pointChoice p{
	width:531px;
	margin:5px auto;
}
#pointChoice ul{
	background:#FFF;
	width:515px;
	margin:5px auto;
	padding:8px;
}
#pointChoice ul li{
	font-size:14px;
	padding:3px 0px 3px 20px;
	margin-bottom:3px;
	background:url(../../img/topics/sesoko-kouri/choiceIcon.png) left no-repeat;
	border-bottom:#2352ab dotted 2px;
}
#tabMenu{
	margin-top:8px;
}
#tabMenu ul{
	border-bottom:#fda522 solid 5px;	
}
#tabMenu ul li{
	float:left;
	margin-left:3px;
}

#tabMenu ul li.menusesoko_current a{
	background-position:0px 0px;
}
#tabMenu ul li.menukouri_current a{
	background-position:275px 0px;
}
#tabMenu ul li.menusesoko a{
	background-position:0px -46px;
}
#tabMenu ul li.menusesoko a:hover{
	background-position:0px 0px;
}
#tabMenu ul li.menukouri a{
	background-position:275px -46px;
}
#tabMenu ul li.menukouri a:hover{
	background-position:275px 0px;
}
#mainContents{
	border-left:#F90 4px solid; 
	border-right:#F90 4px solid; 
	border-bottom:#F90 4px solid; 
}

#mainContents p.title{
	font-weight:bold;
	font-size:17px;
	padding:5px;
	color:#F60;
}

#mainContents ul.marinmenu{
	width:525px;
	margin:5px auto;
}
#mainContents ul.marinmenu li{
	float:left;
	font-size:13px;
	border-right:#999 1px solid;
	padding:5px;
	font-weight:bold;
}
#mainContents ul.marinmenu li.end{
	border-right:none;
}
#mainContents ul.marinmenu li a{
	text-decoration:underline;
}
#mainContents .planBox{
	padding:5px;
	margin-bottom:8px;
	width:527px;
	margin:8px auto;
	border:#CCC 1px solid;
}
#mainContents .planBox p{
	width:216px;
	height:154px;
	float:left;
}
#mainContents .planBox dl{
	float:left;
	width:305px;
	margin-left:5px;
}
#mainContents .planBox dl dt{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
}
#mainContents .planBox dl dd{
	margin-bottom:3px;
	line-height:1.3em;
}
#mainContents .planBox dl dd.set{
	padding:3px;
	border:#F00 1px solid;
}
#mainContents .planBox dl dd.price{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#F00;
	float:left;
}
#mainContents .planBox dl dd.btn a{
	float:right;
	margin-right:5px;
	display:block;
	width:151px;
	height:38px;
	background:url(../../img/topics/sesoko-kouri/yoyakubtn.png);
}
#mainContents .planBox dl dd.btn a:hover{
	background-position:0px -38px;
}

#mainContents .planBox_s{
	border:#CCC 1px solid;
	width:255px;
	height:290px;
	margin-left:5px;
	float:left;
	text-align:center;
	margin-bottom:8px;
	padding:5px;
}
#mainContents .planBox_s dl dt{
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
}
#mainContents .planBox_s dl dd.price{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#F00;
	float:left;
	margin-top:5px;
}
#mainContents .planBox_s dl dd.btn a{
	float:right;
	margin-top:5px;
	display:block;
	width:130px;
	height:33px;
	background:url(../../img/topics/sesoko-kouri/yoyakubtn_s.png);
}
#mainContents .planBox_s dl dd.btn a:hover{
	background-position:0px -33px;
}

.planBox_s img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

#mainContents .planBox_s {
    border: #CCC 1px solid;
    width: calc(100%/3 - 10px);
    height: auto;
    margin: 5px;
    text-align: left;
    margin-bottom: 8px;
    padding: 5px;
    float: left;
}

#mainContents .planBox_s dl dt {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

.planBox_s dd {
    margin-bottom: 10px;
}

dd.set {
    border: #f00 1px solid;
    padding: 5px;
	text-align: center;
}
#tabMenu ul li {
    float: none;
    margin: 10px 3px 0;
    width: calc(50% - 6px);
    background-color: #F90;
    text-align: center;
    padding: 10px 0 5px;
    border-start-end-radius: 5px;
    border-start-start-radius: 5px;
}

#tabMenu ul li a {
    font-size: 2.0em;
    color: #fff;
}
#tabMenu ul {
    border-bottom: #fda522 solid 5px;
    width: 100%;
    display: flex;
}
@media only screen and (max-width: 767px){
#mainContents .planBox_s {
    width: 95%;
    margin: 5px auto;
    float: none;
}

#head .leadtxt {
    background: none;
    height: auto;
    padding-top: 8px;
}

#head .leadtxt span {
    padding: 0 10px;
}
#pointChoice p {
    width: 100%;
}

#pointChoice ul {
    width: 95%;
}
#mainContents ul.marinmenu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#mainContents ul.marinmenu li {
    float: none;
    font-size: 13px;
    border-right: none;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #F60;
    border-radius: 5px;
    color: #F60;
    width: calc(100%/3 - 6px);
    margin: 0 3px 3px 3px;
    text-align: center;
}

#mainContents ul.marinmenu li a {
    text-decoration: none;
    color: #f60;
}
}