@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FLiPLiPS 週末かとりっぷ [COMMON]*/
/*----------------------------------------------*/
/*Created: 2015.05.01*/
/*Last Update:	2015.05.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[COMMON]*/

/*SETTING*/

/*HEADER*/

/*FOOTER*/

/*CONTENT*/

/*THUMBNAIL*/

/*BANNER*/












/*----------------------------------------------*/
/*SETTING*/
/*----------------------------------------------*/

body {
color:#4B2410;
margin:0;
padding:0;
background:#FFF;
}

a {text-decoration:none;}
a:hover {text-decoration:none;}

/* Clearfix */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}

/*Icon Font*/
@font-face {
font-family: "Flaticon";
src: url("../font/flaticon.eot");
src: url("../font/flaticon.eot#iefix") format("embedded-opentype"),
url("../font/flaticon.woff") format("woff"),
url("../font/flaticon.ttf") format("truetype"),
url("../font/flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-style: normal;
margin-right:.3em;
}
.flaticon-air1:before {
content: "\e000";
}
.flaticon-arrow274:before {
content: "\e001";
}
.flaticon-birds6:before {
content: "\e002";
}









/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*HEADER BACK GROUND IMAGE (COMMON)*/
.bgChange {
background-color:#FFF;
background-position:top center;
background-repeat:no-repeat;
background-size:contain;
}
/*[for HOKURIKU]*/
#trip-page.hokuriku .bgChange {background-image:url(../images/p_bg1.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}
/*[for TOTTORI]*/
#trip-page.tottori .bgChange {background-image:url(../images/p_bg2.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}
/*[for HIROSHIMA]*/
#trip-page.hiroshima .bgChange {background-image:url(../images/p_bg3.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}


/*HEADER SETTING(COMMON)*/
header {
width:auto;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

/*LINK FLiPLIPS(COMMON)*/
.link-flip {
position:absolute;
top:0;
right:5px;
}
.link-flip a {
width:166px;
height:44px;
margin:0;
padding:0;
text-indent:-9999px;
display:block;
overflow:hidden;
text-decoration:none;
background:url(../../images/logo_flip.png) no-repeat 0 0;
}










/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

footer {
width:auto;
height:auto;
margin:0;
padding:0;
}
footer hgroup {
width:auto;
height:auto;
margin:0;
padding:32px 0;
background:#4B2410;
}

/*FOOTER IMAGE*/
footer p.footer-img {
text-align:center;
margin:0;
padding:0;
}
footer p.footer-img img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*FOOTER NAVI*/
footer hgroup nav {
width:auto;
height:auto;
margin:0 auto 20px;
padding:0;
position:relative;
overflow:hidden;
}
footer hgroup nav ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
left:50%;
}
footer hgroup nav ul li {
float:left;
margin:0 16px;
padding:0;
position:relative;
left:-50%;
font-size:.9em;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
footer hgroup nav ul li a {
color:#FFF;
text-decoration:none;
}
footer hgroup nav ul li a:hover {
color:#EEE;
text-decoration:underline;
}

/*COPYRIGHT*/
footer .copyright {
text-align:center;
color:#FFF;
font-size:.85em;
margin:0;
padding:0;
}









/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

#content {
width:auto;
height:auto;
margin:0;
padding:30px 0 40px;
}










/*----------------------------------------------*/
/*THUMBNAIL*/
/*----------------------------------------------*/

/*FRAME*/
#thumbnail {
width:960px;
height:auto;
margin:0 auto 60px;
padding:0 0 35px;
background:url(../images/line_thumb_list.png) no-repeat left bottom;
}

/*TITLE*/
#thumbnail .thumb-ttl {
width:auto;
height:auto;
margin:0;
padding:0;
}
#thumbnail .thumb-ttl img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*LIST*/
#thumbnail ol {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#thumbnail ol .pref {
height:auto;
padding:0;
float:left;
border:1px solid #D3CAC5;
background:#FFF;
}
#thumbnail ol .pref:hover {
background:#F6F4F3;
}
#thumbnail ol .pref.off:hover {
background:#FFF;
}
/*[BOX]*/
#thumbnail ol .pref .thumb-box {
height:auto;
margin:0;
padding:0;
}
#thumbnail ol .pref .thumb-box figure {
width:auto;
height:auto;
}
#thumbnail ol .pref .thumb-box figure img {
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}
/*[for 3LINES]*/
#thumbnail .thumbnail-list3 .pref {width:298px; margin:10px;}
@-moz-document url-prefix() {
#thumbnail .thumbnail-list3 .pref {
margin: 7px;
}
}
#thumbnail .thumbnail-list3 .pref .thumb-box {width:298px;}
#thumbnail .thumbnail-list3 .pref .thumb-box figure {max-width:298px; height:auto; max-height:220px; overflow:hidden;}

/*[PREF]*/
#thumbnail .thumb-box h4 {
font-size:1.4em;
font-weight:bold;
margin:18px 15px 10px;
padding:0;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*PREF COLOR*/
li.pref-purple h4 {color:#8587BF;}/*北陸*/
li.pref-green h4 {color:#A2C100;}/*鳥取*/
li.pref-red h4 {color:#C35366;}/*広島*/

#thumbnail .thumb-box h4 .pref-name {
font-size:.6em;
font-weight:normal;
display:block;
margin-bottom:.5em;
color:#4B2410;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#thumbnail .thumb-box h4 .bar {
display:none;
}

/*[DETAIL TEXT]*/
#thumbnail .thumb-box p.thumb-txt {
visibility: hidden;
font-size:.9em;
line-height:1.5em;
margin:0 15px 15px;
padding:0;
color:#4B2410;
}

/*[BTN MORE READ]*/
#thumbnail .thumb-box .more-read {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
border-top:1px solid #D3CAC5;
}
#thumbnail .thumb-box .more-read li {
width:auto;
height:auto;
margin:0;
padding:1.0em 0;
display:block;
overflow:hidden;
text-decoration:none;
font-size:.9em;
color:#4B2410;
text-align:center;
}

#thumbnail .thumb-box .more-read li [class^="flaticon-"] {
color:#DE592A;
}












/*----------------------------------------------*/
/*BANNER*/
/*----------------------------------------------*/

/*BANNER*/
#banner {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}
#banner img {
margin:0;
padding:0;
vertical-align:bottom;
}