#subhead {
    height: 70px;
	width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70000+1,ff7f3a+99 */
background: #f70000; /* Old browsers */
background: -moz-linear-gradient(left,  #f70000 1%, #ff7f3a 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f70000 1%,#ff7f3a 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f70000 1%,#ff7f3a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70000', endColorstr='#ff7f3a',GradientType=1 ); /* IE6-9 */
    margin: 0 auto;
    border-bottom: 5px solid;
    padding-top: 10px;
    padding-bottom: 5px;
}
#subhead p.title{
	/*2019.1.23　改行の調整のため変更*/
/*	padding:11px 15px 0px 14px;*/
	padding:11px 10px 0px 14px;
	font-size:2.0em;
	color: #fff;
	margin:0 auto;
	width:1000px;
}
.title-area img {
    width: 100%;
}

#Main_page{
	margin-left:5px;
	width:960px;
}

li {
	list-style:none;
}
#Main .sub-ttl2{
	margin-top:3px;
	background:url("/image/back-bar.gif") no-repeat right top #c4ddf7;
	height:21px;
}


/* Common ---------------------------------------------------- */
#OptionalGuide{
	border-top:none;
	padding: 10px;
    width: 1020px;
    margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#OptionalGuide .opt-frame {
	background-color:#fff1cb;
	padding:10px;
}

#OptionalGuide .opt-frame .opt-base{
	background-color:#FFFFFF;
	padding:3px 3px 20px 3px;
}

#OptionalGuide .opt-frame .opt-base .opt-ttl{

    background-color: #FF9E00;
    background: -moz-linear-gradient(top, #FF9E00,#FFB342);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), to(#FFB342));
    color: #FFF;

}

#OptionalGuide .opt-frame .opt-base .rate {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 15px 0 0 10px;
}

.article-main-img {
    width: 900px;
}

.article-info  {
    margin: 0px 10px 10px;
    font-size: 14px;
    line-height: 1.35;
    color: #fff;}

.article-info span {margin-right:10px;}
.article-category { padding:10px 15px 15px; font-size:14px;}


#OptionalGuide .opt-frame .opt-base ul li.rate02 {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width:550px;
	padding:18px 0 0 10px;
}

#OptionalGuide .opt-frame .opt-base ul li.logo {
	float:left;
	width:146px;
}

#OptionalGuide .opt-frame .opt-base .add {
	clear:both;
	padding:10px;
	font-size:14px;
	line-height:150%;
}

#OptionalGuide .opt-frame .opt-base .sub-ttl ul li.flow {
	width:475px;
	float:left;
}

#OptionalGuide .opt-frame .opt-base .sub-ttl ul li.wood {
	width:210px;
	float:right;
}

#OptionalGuide .opt_box {
	background:url("/optour/image/opt_guide008.gif") bottom repeat-x;
	margin:0 2px;
	padding:0 2px 20px 2px;
}

#OptionalGuide .opt_box p.op_txt {
	margin:6px 0 0 12px;
	font-size:14px;
	line-height:150%;
}


#OptionalGuide .opt_box table {
	margin:0 0 0 15px;
}

#OptionalGuide .opt_box table tr td p.cht {
	width:242px;
	background-color:#8d8011;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	line-height:150%;
	padding:2px 4px;
}
 

#OptionalGuide .opt_box p.op_arr {
	margin-left:120px;
}

#OptionalGuide .opt_box table tr td.right-parts {
	font-size:14px;
	line-height:150%;
	padding:0 14px;
}


#OptionalGuide .opt_box p.op_txt {
	margin:6px 0 0 12px;
	font-size:14px;
	line-height:150%;
}

#OptionalGuide .photo-area {
	margin:56px 0 0 12px;
}

#OptionalGuide .photo-area p.other{
	margin-bottom:6px;
}


#OptionalGuide .photo-area table{
	width:664px;
}

#OptionalGuide .photo-area table tr td.pht{
	width:25%;
}


#OptionalGuide .photo-area table tr td.photo_txt{
	font-size:10px;
	padding:2px;
	vertical-align:top;
}


#OptionalGuide .repot_pagination {
    border-top: 3px solid #dddddd;
	width: 95%;
    margin: 0 auto;
}

#OptionalGuide .repot_pagination_in {
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
}

#OptionalGuide .prevpage {
    float: left;
    left: 0;
	width:45%;
    position: absolute;
}

#OptionalGuide .nextpage {
    position: absolute;
	width:45%;
	text-align:right;
    right: 0;
}

#OptionalGuide .prevpage a{
	color:#0947a7;
	text-decoration:none;
	}
	
#OptionalGuide .prevpage a:hover{
	color: #0066ff;
    text-decoration: underline;
	}

#OptionalGuide .nextpage a{
	color:#0947a7;
	text-decoration:none;
	}
	
#OptionalGuide .nextpage a:hover{
	color: #0066ff;
    text-decoration: underline;
	}


/*---------------▼box bottom▼--------------------*/

#OptionalGuide .opt_box02 table {
	margin:0 0 0 15px;
}

#OptionalGuide .opt_box02 table tr td p.cht {
	width:242px;
	background-color:#8d8011;
	padding:2px 4px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	line-height:150%;
}

#OptionalGuide .opt_box02 p.op_arr {
	margin-left:120px;
}

#OptionalGuide .opt_box02 table tr td.right-parts {
	font-size:14px;
	line-height:150%;
	padding:0 14px;
}
	
/*---------------▲box bottom▲end--------------------*/

#OptionalGuide .opt-btn {
	text-align:center;
	margin:20px 0;
}

p.pg {
	color: #fff;
    float: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%;
    padding: 15px 0 0;
    width: 650px;
	}
.reportbox{
	margin: 30px;
	font-size: 14px;
}
.reportbox p{
	margin-bottom:10px;
	}
.strong-text {
    font-weight: bold;
}
.img-center{
/*	text-align:center;*/
	}
.img-center span{
	display:block;
	font-weight:normal;
	}
	/*スタッフ体験談個別に追加*/
	#page .staff-opt {
    background: rgba(0, 0, 0, 0) url("/image/second-top001_02.gif") repeat scroll center bottom;
    height: 78px;
}

.item {
	background:#fff8e9;
    border: 2px solid #ccc;
    padding: 10px;
    margin: 20px auto;
	border-radius:10px;
	    font-size: 14px;

}
.item-img {
    display: inline-block;
    width: 30%;
	margin-right:2%;
	vertical-align: top;
}
.item-right{
	display:inline-block;
	width:65%;
	vertical-align: top;
	color:#000;
	}
.item-right .price{
	color:#c00;
	font-weight:bold;
	font-size:1.1em;
	}
.img-center img,
.item-img img,
.img-two img{
    max-width: 100%;
}
.item-title{
	font-size:1.2em;
	font-weight:bold;
	}
.item a{
	display:block;
	   text-decoration: none;
	}
.item a:hover{
	opacity:0.8
	}
.kankoulink a{
    background: #fa6400;
    padding: 10px 15px 10px 10px;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #FFF;
    text-decoration: none;
    margin-top: 20px;
    position: relative;
}
.kankoulink a::after {
    display: block;
    position: absolute;
    top: 32%;
    right: 20px;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #FFF;
}
.kankoulink a:hover{
    opacity: 0.7;
}
p.kankoulink {
    width: 80%;
    margin: 0 auto 25px;
}
p.img-center,
.movie-center,
.map-center {
	/*text-align:center;*/
	margin-bottom: 20px;
	}
p.img-center span,
.movie-center span,
.map-center span{
	font-size:0.8em;
	display:block;
	}
iframe {
    text-align: center;
    margin: 30px 0 5px!important;
    max-width: 760px;
    display: block;
}
.toplink a {
    background: #ad2121;
    padding: 10px 15px 10px 10px;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #FFF;
    text-decoration: none;
    margin-top: 20px;
    position: relative;
	width:300px;
	margin:10px auto;
}

/* PCレイアウト */
@media (min-width: 640px) {
/*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
.pc_none {
	display: none !important;
}

.item {
    width: 92%;
}
}

/* スマホレイアウト */
@media (max-width: 639px) {
/*--------------------------------------------------*
 *   SPでは無効/表示されない
 *--------------------------------------------------*/
.sp_none {
	display: none !important;
}
/*body {
	-webkit-text-size-adjust: 100%;
	padding: 0px;
}*/
#panlist_cebu ol li {
    float: left;
    list-style: none;
    font-size: 12px;
    line-height: 21px;
}
#wrapper{
	margin:0px;
	padding:0px;
	width:100%;
	background-image: none;
}
#container{
	margin:0px;
	padding:0px;
	width:100%;
}
h3{
	margin-top:0px;
	background-image: none;
	height: auto;
}
#subhead p.title{
	width:auto;
	}
/************************************************************
 *   オプショナルツアー完全ガイド用CSS
 ************************************************************/

/*ここからスマホのCSSを記入*/
    body, #background_summer, #background_chara_touka, #wrapper,  .main, .Opt_ttl, .toptext, #main_content { width: 100%; }
    #panlist_cebu { width: 100%;padding: 13px 0 5px;}
    #Opt_guide_2016 { width: 99%;margin: 0 auto 8px auto; }
    #Opt_guide_2016 .toptext { font-size: 0.8em; }
    #Opt_guide_2016 ul li { width: 93%; }
    #Opt_guide_2016 ul li .text_area { width: 97%; }

/* detail1 */
    #Main_page, #subhead, #page, #OptionalGuide { width: 100%; }
    #Main_page { margin-left: 0; }
    #subhead { 
        width: 100%;
        height: auto;
        background-image: none;
        background-color: #023582; }
    #subhead h2.title { 
        float: none;
        width: 94%;
        background-color: #023582;
        padding: 5px 2%;
    }
    p.pg { 
        float: none!important;
        width: 96%!important;
        padding: 15px 2% !important;
        background-color: #023582;
    }
    #OptionalGuide .opt-frame .opt-base .rate { float: none;width: 99%;padding: 5px 0 0 5px }
    #OptionalGuide .opt_box p.op_arr { 
        margin: 5px auto; 
        text-align: center;
    }
    #OptionalGuide { padding: 0;border:none; }    
    table, tbody, tr, th, td { display: block; }
    td { text-align: center;padding-bottom: 5px; }
    #OptionalGuide .opt-btn { width: 100%; }
    #OptionalGuide .opt-btn img { 
        background-size: 100%;
        max-width: 90%;
        height: auto; }
    #Footer2015 { 
        background-size: 100%;
        width: 100%;
        padding: 0; }
/* detail2 */
    .reportbox img { max-width: 100%; }
    .reportbox { margin: 10px; }
    #OptionalGuide .opt-frame .opt-base .opt-ttl { height: auto; }
#page .staff-opt{
		background-image: none;
		width: 100%;
		height: auto;
		background-color: #023582;
	}
	#OptionalGuide .opt-frame .opt-base .sub-ttl ul li.flow{
		width: auto;
	}
.reportbox img {
    text-align: center;
/*    margin: 0 auto;*/
    width: auto;
    height: auto;
    padding-bottom: 10px;
}
	.img-center img{
/*		max-width:100%;*/
		width:auto;
		max-height: 350px;
		height:auto;
		display:block;
		}
.reportbox iframe {
    width: 100%;
    height: auto;
}
.kankoulink a::after {
    display: block;
    position: absolute;
    top: 32%;
    right: 8px;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #FFF;
}
.kankoulink a span{
    margin-right: 10px;
}


}