@charset "utf-8";

#main {
    width: 1100px;
    margin: 0 auto 10px;
    background: #fdf7eb;
    font-family: "メイリオ", "Meiryo, Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #535353;
    line-height: 1.5;
}

#main a:hover {
    opacity: 0.7;
    transition: all .3s;
}

#main .sp {
    display: none;
}

#main h3 {
    font-size: 30px;
    line-height: 1.5;
    color: #279cbe;
    display: block;
    text-align: center;
    width: auto;
    height: auto;
    text-shadow: none;
}

.etc_tit {
    	color: #f23b3b !important;
    }


/* =========================================================
#area_top 
========================================================= */

#area_top {
    background: url(../images/top_bg.jpg) repeat-x top;
    height: 500px;
}

#area_top .inner {
    width: 1100px;
    margin: 0 auto;
}

#main #area_top h2 {
    text-align: center;
    white-space: nowrap;
    width: auto;
    height: auto;
    text-shadow: none;
    padding: 28px 0 5px;
}

#main #area_top p {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .05em;
    color: #fff;
    text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px;
}




/* ul.link_text */

#main ul.link_text {
    margin: 0 30px;
}

#main ul.link_text li {
    text-align: right;
}

#main ul.link_text li a {
    position: relative;
    color: #ea4a70;
    display: inline-block;
    padding: 0 15px 0 0;
    font-size: 16px;
    line-height: 1.8;
}

#main ul.link_text li a::after {
    display: block;
    position: absolute;
    top: 55%;
    right: 4px;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #ea4a70;
    border-right-color: #ea4a70;
}



/* =========================================================
section
========================================================= */

#main .section {
    padding: 0 0 30px;
}

#main .section.bgblue {
    background: #def6fb;
}

#main .section .inner {
    width: 1100px;
    margin: 0 auto;
}

#main .section h3 {
    border-bottom: #279cbe 4px solid;
    margin-bottom: 30px;
    padding-top: 30px;
}

#main .section h3 span {
    font-weight: bold;
    margin-right: 1em;
}



/* =========================================================
contents
========================================================= */

#main .contents ul{
	width:1000px;
	background: #ffffff;
	margin:0 auto;
	padding:14px 20px;
	overflow:hidden;
}
#main .contents ul li:before {
	content:"▸";
	color:#ea4a70;
}

#main .contents ul li{
	font-size:16px;
	line-height:2;
	float:left;
	width:500px;
}
#main .contents ul li a{
	text-decoration:none;
}
#main .contents ul li a:hover{
	color:#ea4a70;
    opacity: 1;
}


/* =========================================================
parts_tour_list
========================================================= */

#main .parts_tour_list {}

#main .parts_tour_list h3 {
    font-size: 20px;
    color: #535353;
    border: none;
    margin: 50px 0 0;
    padding-top: 10px;
}

#main .parts_tour_list .list {
    width: 1054px;
    margin: 0 auto;
}

#main .parts_tour_list ul {
    zoom: 1;
    width: 1062px;
    margin: 0 -8px 0 0;
}

#main .parts_tour_list ul:after {
    content: "";
    display: block;
    clear: both;
}

#main .parts_tour_list ul li {
    float: left;
    width: 169px;
    margin: 15px 8px 0 0;
}

#main .parts_tour_list ul li a {
    border-radius: 10px;
    display: block;
    background: #ea4a70;
    color: #fff;
    line-height: 60px;
    padding: 2px 0 0 0;
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}



/* =========================================================
parts_tour_list
========================================================= */

#main .parts_reason {}

#main .parts_reason ul.reason {
    zoom: 1;
    width: 1140px;
    margin: 0 -40px 0 0;
}

#main .parts_reason ul.reason:after {
    content: "";
    display: block;
    clear: both;
}

#main .parts_reason ul.reason li {
    float: left;
    width: 340px;
    margin-right: 40px;
    background: #fff;
}

#main .parts_reason ul.reason li h4 {
    background: #279cbe;
    font-size: 22px;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 5px 10px;
    margin: 0 0 20px;
}

#main .parts_reason ul.reason li p {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 30px;
    height: 150px;
    /* テキストの高さ揃え値 */
}


/* ul.link_text */

#main .parts_reason ul.reason li ul.link_text {
    margin: 0px 30px 10px 0;
}

#main .parts_reason ul.reason li ul.link_text li {
    float: none;
    width: auto;
    margin-right: 0;
    background: none;
    text-align: right;
}

#main .parts_reason ul.reason li ul.link_text li a {
    position: relative;
    color: #ea4a70;
    display: inline-block;
    padding: 0 15px 0 0;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
parts_limited 
========================================================= */

#main .parts_limited {
    padding-top: 40px;
    padding-bottom: 0;
}

#main .parts_limited h3 {
    margin: 0;
    padding: 0 0 10px 0;
    border: none;
}

#main .parts_limited p {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.4;
    padding: 0;
}

#main .parts_limited p span {
    color: #ea4a70;
    font-weight: bold;
}





/* =========================================================
column 
========================================================= */

#main .column {
    background: #fff;
    zoom: 1;
}

#main .column:after {
    content: "";
    display: block;
    clear: both;
}

#main .column img.photo {
    float: left;
    display: block;
    vertical-align: bottom;
}

#main .column div.detail {
    padding: 25px 0px 20px;
    background: #fff;
}

#main .column div.detail h4 {
    display: block;
    border-left: 14px solid #ea4a70;
    padding-left: 10px;
    margin: 0 30px 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
}

#main .column div.detail h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 30px 3px;
}

#main .column div.detail p {
    font-size: 16px;
    margin: 0 30px;
}






/* =========================================================
column01 
========================================================= */

#main .column01 {
    margin-bottom: 20px;
}

#main .column01.with_photo {
    margin-bottom: 20px;
}

#main .column01.with_photo img.photo {
    width: 410px;
}

#main .column01.with_photo div.detail {
    float: left;
    width: 690px;
}



/* =========================================================
column02 
========================================================= */

#main .column02 {
    width: 884px;
    margin: 0 auto;
}

#main .column02 div.detail {
    padding: 20px 0;
    background: #fff;
}

#main .column02 div.detail p {
    font-size: 14px;
    line-height: 1.3;
}

#main .column02.with_photo img.photo {
    width: 142px;
}

#main .column02.with_photo div.detail {
    float: left;
    width: 742px;
    padding: 10px 0px;
}

#main .column02.with_photo div.detail h5 {
    margin: 0 18px 3px;
}

#main .column02.with_photo div.detail p {
    margin: 0 18px;
}




/* =========================================================
column03 
========================================================= */

#main .column03 {
    background: none;
}

#main .column03 .box {
    width: 546px;
    background: #fff;
    margin-bottom: 20px;
}

#main .column03 .left_box {
    float: left;
}

#main .column03 .right_box {
    float: right;
}

#main .column03 .box img.photo {
    float: left;
    width: 242px;
    padding-bottom: 15px;
}

#main .column03 .box .detail {
    width: 304px;
    float: left;
    padding: 15px 0px 15px;
}

#main .column03 .box .detail h4 {
    display: block;
    border-left: none;
    padding-left: 0;
    margin: 0 15px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

#main .column03 .box .detail p {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 15px;
}

#main .column03 .box ul.link_button {
    clear: both;
    width: 486px;
    margin: 0 auto;
}

#main .column03 .box ul.link_button li {
    margin-bottom: 15px;
}

#main .column03 .box ul.link_button li a {
    border-radius: 10px;
    display: block;
    background: #ea4a70;
    color: #fff;
    padding: 18px 0;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

/* トップに戻る */
.bt_pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}

.bt_pagetop a {
	background: #279cbe;
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

.bt_pagetop a img{
	width:100%;
}
.tit_etc {
	font-weight: bold;
	color: #0459c6;
}
.tit_op {
	font-weight: bold;
	color: #cb2b09;
}
.qa_q  {
	font-weight: bold;
	color: #cb2b09;
}







/*----------------------sp-----------------------*/

@media screen and (max-width: 768px) {
    #main .pc {
        display: none;
    }
    #main .sp {
        display: block;
    }


    /* =========================================================
    #area_top 
    ========================================================= */
    #area_top {
        background: #def6fb;
        width: 100%;
        height: auto;
    }

    #area_top .inner {
        width: 100%;
        margin: 0 auto;
    }

    #main #area_top h2 {
        padding: 0 0 0;
    }
    #main #area_top h2 img {
        width: 100%;
    }

    #main #area_top p {
        text-align: left;
        font-size: 12px;
        font-weight:normal;
        letter-spacing: 0;
        color: #353535;
        text-shadow: none;
        width: 94%;
        padding: 10px 0;
        margin: 0 auto;
    }



    /* =========================================================
    section
    ========================================================= */
    #main .section {
        padding: 0 0 20px;
    }

    #main .section .inner {
        width: 96%;
        margin: 0 auto;
    }
    #main .section h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    #main .section h3 span {
        display: block;
        font-size: 16px;
        margin-right: 0;
    }


    /* =========================================================
    contents
    ========================================================= */
    
    #main .contents ul{
    	width:94%;
	background: #ffffff;
    	margin:0 auto;
    	padding:10px 2%;
    	overflow:hidden;
    }
    #main .contents ul li:before {
    	content:"▸";
    	color:#ea4a70;
    }
    
    #main .contents ul li{
    	font-size:12px;
    	line-height:2;
    	float:left;
    	width:100%;
    }
    #main .contents ul li a{
    	text-decoration:none;
    }
    #main .contents ul li a:hover{
    	color:#ea4a70;
    	opacity: 1;
    }
    
    
    /* =========================================================
    parts_tour_list
    ========================================================= */
    #main .parts_tour_list {}
    
    #main .parts_tour_list h3 {
        font-size: 18px;
        margin-top: 10px;
    }
    
    #main .parts_tour_list .list {
        width: 306px;
        margin: 0 auto;
    }

    #main .parts_tour_list ul {
        width: 312px;
        margin: 10px -6px 0 0;
    }

    #main .parts_tour_list ul li {
        float: left;
        width: 96px;
        margin: 0 6px 6px 0;
    }

    #main .parts_tour_list ul li a {
        border-radius: 10px;
        display: block;
        background: #ea4a70;
        color: #fff;
        line-height: 50px;
        padding: 2px 0 0 0;
        font-size: 18px;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
    }


    /* =========================================================
    parts_limited 
    ========================================================= */
    #main .parts_limited {
        padding-bottom: 0;
        padding-top: 20px;
    }

    #main .parts_limited h3 {
        padding: 0 0 10px 0;
        margin-bottom: 0;
    }
    #main .parts_limited h3 img {
        width: 170px;
    }

    #main .parts_limited p {
        text-align: center;
        font-weight: bold;
        font-size: 13px;
        line-height: 1.5;
        padding: 0;
    }

    #main .parts_limited p span {
        font-size: 16px;
    }

    /* =========================================================
    .parts_reason
    ========================================================= */
    #main .parts_reason {}
    #main .parts_reason ul.reason {
        width: 100%;
        margin: 0 0 0 0;
    }
    #main .parts_reason ul.reason li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #main .parts_reason ul.reason li h4 {
        background: #279cbe;
        font-size: 16px;
        line-height: 1.3;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 8px 0 5px;
        margin: 0 0 10px;
    }
    #main .parts_reason ul.reason li p {
        font-size: 14px;
        line-height: 1.5;
        padding: 0 15px;
        height: auto;
        /* テキストの高さ揃え値 */
    }

    /* ul.link_text */
    #main .parts_reason ul.reason li ul.link_text {
        margin: 0px 15px 0 0;
    }

    #main .parts_reason ul.reason li ul.link_text li {
        float: none;
        width: auto;
        margin-right: 0;
        background: none;
        text-align: right;
    }

    #main .parts_reason ul.reason li ul.link_text li a {
        position: relative;
        color: #ea4a70;
        display: inline-block;
        padding: 0 15px 0 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.8;
    }

    /* =========================================================
    column 
    ========================================================= */
    #main .inner .column {
        width: 100%;
        margin-bottom: 20px;
    }

    #main .inner .column img.photo {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }

    #main .inner .column div.detail {
        padding: 15px 0px 10px;
        background: #fff;
    }
    #main .inner .column div.detail h4 {
        border-left: 8px solid #ea4a70;
        padding-left: 10px;
        margin: 0 10px 15px;
        font-size: 16px;
        line-height: 1.3;
    }

    #main .inner .column div.detail p {
        font-size: 14px;
    }
    #main .inner .column div.detail h5 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 10px 3px;
    }
    #main .inner .column div.detail p {
        font-size: 14px;
        margin: 0 10px;
    }

    #main .inner .column div.detail ul.link_text {
        margin: 0 10px;
    }

    #main .inner .column div.detail ul.link_text li {}

    #main .inner .column div.detail ul.link_text li a {
        font-size: 14px;
    }

    #main .inner .column div.detail ul.link_text li a::after {}


    /* =========================================================
    column01 
    ========================================================= */
    #main .column01 {}

    #main .column01.with_photo {}

    #main .column01.with_photo img.photo {}

    #main .column01.with_photo div.detail {
        float: none;
        width: auto;
    }

    /* =========================================================
    column02 
    ========================================================= */
    #main .inner .column02 {
        width: auto;
        margin: 0 15px;
        padding: 0 10px;
    }
    #main .inner .column02 div.detail {
        padding: 0;
        padding: 10px 0px;
    }
    #main .inner .column02 div.detail h5 {
        font-size: 16px;
        line-height: 1.2;
    }
    #main .inner .column02 div.detail p {
        font-size: 13px;
        line-height: 1.3;
    }

    #main .inner .column02.with_photo img.photo {
        width: 142px;
        float: left;
        margin: 0 10px 10px -10px;
    }
    #main .inner .column02.with_photo div.detail {
        float: none;
        width: auto;
        padding: 10px 0px;
    }
    #main .inner .column02.with_photo div.detail h5 {
        display: table;
        margin: 0 0 5px 0;
    }
    #main .inner .column02.with_photo div.detail p {
        display: block;
        margin: 0;
    }




    /* =========================================================
    column03 
    ========================================================= */
    #main .inner .column03 {}

    #main .inner .column03 .box {
        width: 100%;
        background: #fff;
        margin-bottom: 20px;
        float: none;
    }

    #main .inner .column03 .left_box {}

    #main .inner .column03 .right_box {}

    #main .inner .column03 .box img.photo {
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }
    #main .inner .column03 .box .detail {
        width: 100%;
        float: left;
        padding: 0 0px 15px;
    }
    #main .inner .column03 .box .detail h4 {
        display: block;
        border-left: none;
        padding-left: 0;
        margin: 0 15px 10px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
    }
    #main .inner .column03 .box .detail p {
        font-size: 14px;
        line-height: 1.3;
        margin: 0 15px;
    }

    #main .inner .column03 .box ul.link_button {
        clear: both;
        width: 94%;
        margin: 0 auto;
    }
    #main .inner .column03 .box ul.link_button li {
        padding-bottom: 15px;
    }
    #main .inner .column03 .box ul.link_button li a {
        border-radius: 10px;
        display: block;
        background: #ea4a70;
        color: #fff;
        padding: 10px 0 7px;
        font-size: 16px;
        line-height: 1.2;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
    }
    
    
	/* トップに戻る */
	.bt_pagetop a {
		height: 40px;
		width: 40px;
	}
.tit_etc {
	font-weight: bold;
	color: #0459c6;
}
.tit_op {
	font-weight: bold;
	color: #cb2b09;
}
.qa_q  {
	font-weight: bold;
	color: #cb2b09;
}
s}

/*----------------------top----------------------*/

#return_top {
    text-align: center;
    margin: 10px;
}

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