@charset "utf-8";
/* CSS Document */

/*----------------------------------------
　リセット
----------------------------------------*/
html { color: #333; background: #003399; margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,textarea,p,blockquote,th,td { margin: 0;  padding: 0; }
body {
  background:#ffffff;
  color: #333;
  font-size: 16px;
  line-height: 1.7;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
table { border-spacing: 0; font-size: inherit; font: 100%; }
img { border: 0; line-height:1; }
address,caption,em,strong,th { font-style: normal; font-weight: normal; }
ul,ol,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select { *font-size:100%; }
body * { font-size: 100%; }

/*----------------------------------------
　汎用
----------------------------------------*/
/* clearfix */
div:after,ul:after { content: ""; display: block; clear: both; }
/* margin */
.m0 { margin: 0px !important; }.m5 { margin: 5px !important; }.m10 { margin: 10px !important; }.m15 { margin: 15px !important; }.m20 { margin: 20px !important; }.m25 { margin: 25px !important; }.m30 { margin: 30px !important; }.m40 { margin: 40px !important; }.m50 { margin: 50px !important; }.m60 { margin: 60px !important; }
.mt0 { margin-top: 0 !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt35 { margin-top: 35px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr35 { margin-right: 35px !important; }.mr40 { margin-right: 40px !important; }.mr50 { margin-right: 50px !important; }.mr55 { margin-right: 55px !important; }.mr60 { margin-right: 60px !important; }.mr90 { margin-right: 90px !important; }
.mb0 { margin-bottom: 0 !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb180 { margin-bottom: 180px !important; }
.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml25 { margin-left: 25px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }.ml50 { margin-left: 50px !important; }.ml60 { margin-left: 60px !important; }
.mAuto { margin: 0 auto !important; }
/* padding */
.p0 { padding: 0 !important; }.p3 { padding: 3px !important; }.p5 { padding: 5px !important; }.p10 { padding: 10px !important; }.p15 { padding: 15px !important; }.p20 { padding: 20px !important; }.p25 { padding: 25px !important; }.p30 { padding: 30px !important; }
.pt5 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt170 { padding-top: 170px !important; }.pt592 { padding-top: 592px !important; }
.pr5 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr90 { padding-right: 90px !important; }
.pb5 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }
.pl4 { padding-left: 4px !important; }.pl5 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl25 { padding-left: 25px !important; }.pl30 { padding-left: 30px !important; }.pl40 { padding-left: 40px !important; }
/* font-size */
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
/* font */
.fwB { font-weight: bold !important; }
.fwN { font-weight: normal !important; }
/* float */
.flL {
  float: left !important;
  display: inline !important;
}
.flR {
  float: right !important;
  display: inline !important;
}
/* align */
.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.valT { vertical-align: top !important; }
.valM { vertical-align: middle !important; }
.valB { vertical-align: bottom !important; }
.talC { text-align: center !important; }
/* display */
.disNon { display: none; }
.pc-only { display:block; }
.sp-only { display:none; }
/* indent */
.ind {
  padding-left: 1em;
  text-indent: -1em;
}

/*----------------------------------------
　common
----------------------------------------*/
html,body {
  width: 100%;
}
@media screen and (min-width: 768px) {
  html,body {min-width: 960px;}
}

#wrap {
  width: 100%;
  min-height: 100%;
}
.inner {
  width:1056px;
  margin-left:auto;
  margin-right:auto;
}
a:hover { opacity:0.7; }
a:link,
a:visited {
  color: #0091DF;
  text-decoration: underline;
}
a:active,
a:hover { color: #FF931D; }
.sp-only { display: none; }
.pc-only { display: block; }

/* パーツ
------------------------ */
/* 色 */
.red { color:#F01F2D; }
/* 見出し */
.title01 {
  margin-top:3em;
  margin-bottom:25px;
  background:url(img/all_title01.png) repeat-x left bottom #2594FF;
  font-size:26px;
  line-height:1.2;
  color:#FFF;
  font-weight:bold;
  padding:13px 20px 14px 20px;
  border-radius:4px 4px 0 0;
}
.title01 span {
  display:inline-block;
  border-left:#3DE0FF solid 6px;
  padding-left:10px;
}
.title02 {
  clear:both;
  margin-top:2em;
  padding:0 0 2px 7px;
  font-size: 25px;
  line-height:1.2;
  font-weight: bold;
  color: #3f5f99;
  border-bottom: 1px dotted #3f5f99;
  border-left: 8px solid #3f5f99;
}
.title03 {
  margin-top:2em;
  border-left: 8px solid #0074C2;
  padding: 0 0 0 10px;
  font-size: 26px;
  line-height:1.2;
  font-weight: bold;
}
/* 無料一括見積りサービスについて */
.flow { text-align:center; }
.flow ol {
  display:inline-block;
  overflow:hidden;
  letter-spacing: -.40em;
  vertical-align:top;
}
.flow ol li {
  text-align:left;
  letter-spacing: normal;
  display:inline-block;
  vertical-align:top;  
}
.flow ol li p {
  width:257px;
  font-size:20px;
  font-weight:bold;
  line-height:1.4;
}
/* コンバージョンボタン */
.cv01 {
  margin:2em 0;
  border-radius:4px;
  padding:20px 0 0;
  background: url(img/icon07.gif) no-repeat center top;
}
body #contents .cv01 p {
  font-size:24px;
  color:#003399;
  font-weight:bold;
  text-align:center;
  margin-top:0;
}
body #contents .cv01 ul {
  text-align:center;
  letter-spacing: -.40em;
  margin-top:10px;
}
.cv01 ul li {
  letter-spacing: normal;
  display:inline-block;
  width:48%;
  margin:0 0.5%;
  max-width:364px;
}
.cv01 ul li a { display:block; }
.cv01 ul li a img {
  width:100%;
  height:auto;
}
/* 参加旅行会社 */
.companyLogo {
  max-width:984px;
  text-align:center;
  margin:1em auto 0;
}
.companyLogo div {
  background-color:#E6E6E6;
}
.companyLogo p { text-align:right; }
/* ここが便利 */
.convenient01 {
  border:#1F54BC solid 4px;
  border-radius:10px;
  position:relative;
  margin:40px auto;
  width:80%;
}
.convenient01 .balloon {
  width:97px;
  height:auto;
  position:absolute;
  top:-20px;
  left:4px;
}
.convenient01 .balloon img {
  width:100%;
  height:auto;
}
.convenient01 .title {
  background-color:#1F54BC;
  text-align:center;
  padding:10px;
  color:#fff;
  font-weight:bold;
  text-shadow: 1px 1px 02px rgba(0,0,0,0.5);
  font-size:29px;
  line-height:1.2;
  letter-spacing:0.1em;
}
.convenient01 .title span { font-size:22px; }
.convenient01 ol {
  padding:0 20px 20px 20px;
}
.convenient01 ol li {
  display:table;
  width:100%;
  margin-top:8px;
}
.convenient01 ol li div {
  display:table-cell;
  width:38px;
  vertical-align:middle;
}
.convenient01 ol li div img {
  width:100%;
  height:auto;
}
.convenient01 ol li p {
  display:table-cell;
  vertical-align:middle;
  padding-left:10px;
  padding-top:8px;
  font-size:25px;
  font-weight:bold;
  line-height:1.2;
}
.convenient01 ol li p span { color:#FF470E; }
/* faq */
.faq01 dt {
  background:url(img/all_faq01_04.png) no-repeat left top;
  background-size:32px auto;
  padding:3px 0 0 39px;
  font-size: 22px;
  font-weight: bold;
  margin-top:26px;
  min-height:32px;
  line-height:1.4;
}
.faq01 dd {
  background: url(img/all_faq01_05.png) no-repeat 14px 14px #FFF6CF;
  background-size: 32px auto;
  margin: 14px 0 0 60px;
  border: #FFD17C solid 2px;
  border-radius: 6px;
  padding: 18px 18px 18px 55px;
  position: relative;
}
.faq01 dd+dt {
  margin-top:40px;
}
#contents .faq01 dd *:first-child { margin-top:0; }
.faq01 dd:before {
  content:"　";
  width:18px;
  height:16px;
  background: url(img/all_faq01_03.png) no-repeat top left;
  position:absolute;
  top:-16px;
  left:27px;
}
/* LINE友達追加 */
.linefriends{
  max-width:800px;
  margin:50px auto 50px auto;
  border:3px solid #00B600;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding:20px;
}
.linefriends h2{
  font-size:26px;
  color:#39B900;
  font-weight:bold;
  text-align:center;
  border-bottom:2px solid #00B600;
}
.linefriends h2 span{
  font-size:36px;
  vertical-align:-2px;
  margin-right:3px;
}
.linefriends dl{
  display:table;
}
.linefriends dl dt{
  display:table-cell;
  width:140px;
  vertical-align:middle;
}
.linefriends dl dt img{
  width:100%;
  height:auto;
}
.linefriends dl dd{
  display:table-cell;
  padding:15px 10px 0 2%;
}
.linefriends dl dd .memo{
  text-indent:-1em;
  padding:8px 0 0 1em;
}
.linefriends dl dd .linefriends_button{
  padding:15px 0 0 0;
}
.linefriends dl dd .linefriends_button img{
  max-width:160px;
  height:auto;
}
@media screen and (max-width: 767px) {
  .linefriends {
    padding:15px;
    margin:40px 10px 40px 10px;
  }
  .linefriends h2 {
    font-size:20px;
  }
  .linefriends h2 span {
    font-size:20px;
    vertical-align:baseline;
    margin-right:0;
  }
  .linefriends dl{
    display:block;
  }
  .linefriends dl dt{
    display:block;
    width:200px;
    margin:5px auto 0 auto;
  }
  .linefriends dl dd{
    display:block;
    padding:15px 0 0 0;
  }
  .linefriends dl dd .linefriends_button{
    text-align:center;
  }
}
  body * { box-sizing: border-box; }
  body img {
    width:auto;
    max-width:100%;
    height:auto;    
  }
/* background */
.bgWhite {
  background-color:#FFF;
  padding:10px 0;
}
/* テキストリンク */
.txtlink {
 background: URL(/img/icon19.gif) no-repeat;
 background-position: left 0.5em;
 padding: 3px 0 0 16px;
 margin-bottom: 0;
}
/* テキストリンク集 */
.linklist01{
	padding-top:30px;
	background:url(img/bg11.gif) left 15px;
	background-repeat:x-repeat;
}
.linklist01 ul{
  padding: 0 0px 0 10px;
}
.linklist01 ul li{
  display: inline-block;
  background: url(img/icon15.gif) 2px top no-repeat;
  padding: 0 0px 0 18px;
  margin:7px 15px 0 0;
  font-size: 12px;
  line-height: 1.2;
}
.linklist01 li:last-child{
  margin-right:0;
}
/* 画像+テキスト */
.phototext01 {
  overflow:hidden;
  margin-top:1.5em;
}
.phototext01 .photo {
  width:45%;
  float:left;
}
.phototext01 .photo img {
  width:100%;
  height:auto;
 display: block;
}
.phototext01 .text {
  margin-left:47%;
}
.phototext02 {
  overflow:hidden;
  margin-top:14px;
}
.phototext02 .photo {
  width:45%;
  float:right;
}
.phototext02 .photo img {
  width:100%;
  height:auto;
 display: block;
}
.phototext02 .text {
  margin-right:47%;;
}
.phototext01 .photo span,
.phototext02 .photo span {
 display: block;
 text-align: center;
 background-color: #f4f4f4;
 padding: 4px;
 font-size: smaller;
}
@media screen and (max-width: 767px) {
  #cat10_alp_sec1 dd ul li { width: 100%; }
  body {
    font-size:14px;
    line-height: 1.5;
  }
  body a {
    box-sizing: border-box;
    display: inline-block;
  }
  body * { box-sizing: border-box; }
  body img {
    width:auto;
    max-width:100%;
    height:auto;    
  }
  #wrap {
    width: 100%;
    min-height: 100%;
    margin-bottom: 0;
  }
  .inner { width:100%; }
  .pc-only { display: none; }
  .sp-only { display: block; }
  .title01 {
    font-size:20px;
    padding:8px 10px 12px 10px;
    margin-bottom:0;
  }
  .title02 { font-size:18px; }
  .title03 { font-size:16px; }
  body #contents .cv01 p { font-size:20px; }
  .convenient01 {
    margin:20px auto 0;
    width:100%;
  }
  .convenient01 .balloon { display:none; }
  .convenient01 .title {
    font-size:20px;
    padding:6px;
  }
  .convenient01 .title span { font-size: 16px; }
  .convenient01 ol { padding:0 14px 14px 14px; }
  .convenient01 ol li { margin-top:1em }
  .phototext01 .photo,
  .phototext02 .photo {
    width:auto;
    float:none;
  }
.convenient01 ol li p {
    font-size:16px;
    padding-top:0;
  }
  .phototext01 .text,
  .phototext02 .text {
    margin:10px 0 0 0;
  }
  .faq01 dt {
    font-size:16px;
    background-size:25px auto;
    padding:2px 0 0 31px;
    min-height:25px;
  }
  .faq01 dd {
    margin: 12px 0 0 0;
    background-size: 25px auto;
    padding: 14px 14px 14px 48px; 
  }
  .faq01 dd:before {
    left:30px;
}
  .faq01 dd+dt { margin-top:30px; }
}

/* #header
------------------------ */
#header {
  box-sizing:border-box;
  width:100%;
  background-color:#003399;
}
#header .inner {
  max-width:1056px;
  width:100%;
  padding:10px 0 10px 0; 
  position:relative;
  z-index: 100;
  background:url(img/anniversary_num.png) no-repeat;
  background-position:left 280px bottom;
}
#header .inner .catch{
  vertical-align:8px;
  margin:0 0 0 8px;
}
#header .inner .mitsumori_num{
  position:absolute;
  right:0;
  top:0;
}
/* #sp_header */
@media screen and (max-width: 767px) {
  #header .logo {
    display:block;
    width: 135px;
  }
  #header .logo img {
    width:100%;
    height:auto;
  }
  #header .inner {
    padding:8px 8px;
    background-position:left 13px bottom;
    background-size: 350px;
  }
  #header .inner .catch {
    display:none;
  }
  #header .inner .mitsumori_num {
    display:block;
    height: 65px;
  }
  #header .inner .mitsumori_num img{
    height: 100%;
    width:auto;
  }
}

/* #topicPath
------------------------ */
#topicPath {
  background:url(img/pankuzu_bg01.jpg) repeat-x;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
#topicPath ul {
  letter-spacing: -.40em;
  vertical-align:top;
  line-height:24px;
}
#topicPath ul li {
  letter-spacing: normal; 
  display:inline-block;
  font-size:11px;
}
#topicPath ul li:after {
  content:">";
  display:inline-block;
  padding:0 10px;
}
#topicPath ul li:last-child:after {
  content:" ";
}
#topicPath ul li a {
  font-size:11px;
  color:#0091DF;
  text-decoration:underline;
}
#topicPath ul li a:hover { color:#F1BA6C; }
@media screen and (max-width: 767px) {
  #topicPath { display:none; }
}

/* #contents
------------------------ */
#contents {
  width: auto;
  margin: 0;
  padding:0 0 100px 0;
  overflow:hidden;
  background:#ffffff;
}
#contents.bgnone { background-image:none; }
#contents h1 {
  font-size:18px;
  line-height:1.4;
  text-align:center;
  font-weight:bold;
  margin:0 0 10px 0;
  padding-top:20px;
}
#contents p,
#contents ul,
#contents ol { margin-top:1em; }
#contents p+p { margin-top:2em; }
/* #mainContents */
#contents #mainContents01 {
  width:1056px;
  margin:0 auto 0 auto;
}
#contents #mainContents02 { width:100%; }
@media screen and (max-width: 767px) {
  #contents {
    background-image:none;
    width:100%;
    padding:0 0 60px 0;
  }
  #contents h1 { padding-top: 0; }
  #contents p+p { margin-top:1em; }
  #contents #mainContents01 {
    width:100%;
    padding:0 8px 0 8px;
  }
  #contents #mainContents02 {
    width:100%;
    margin:0 0 0 0;
    float:none;
  }
}
/* #pageTop
------------------------ */
#pageTop {
  text-align:right;
  margin-top:-37px;
}
#pageTop a {
  display:inline-block;
  margin-right:20px;
}
@media screen and (max-width: 767px) {
  #pageTop a { margin-right:8px; }
}

/* #footer
------------------------ */
#footer {
  border-top: 4px solid #3A2601;
  background-color:#003399;
  text-align:center;
  color:#FFF;
  font-size:12px;
  padding: 20px 0 150px 0;
}
#footer p {
  margin-top:0;
  font-size:14px;
  color:#ffc;
  font-weight:bold;
}
#footer .aboutNav {
  text-align:center;
  letter-spacing: -.40em;
  margin-top:20px;
}
#footer .aboutNav li {
  display:inline-block;
  letter-spacing: normal;
  margin-top:10px;
  padding:0 20px;
}
#footer .aboutNav li a {
  font-size:11px;
  color:#FFF;
  text-decoration:none;
}
#footer #footerNav {
  margin:20px 0 0 0;
  overflow: hidden;
}
#footer #footerNav .navClm {
  width:24%;
  margin:0 0.5%;
  float:left;
  letter-spacing: normal;
  vertical-align:top;
  text-align:left;
}
#footer #footerNav .navClm .title {
  background-color:#0091DF;
  border-radius:4px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  line-height:2;
  margin-top:1.5em;
}
#footer #footerNav .navClm .title span { display:none; }
#footer #footerNav ul {
  display:block;
  overflow: hidden;
}
#footer #footerNav ul li { margin:0.8em 0 0 0; }
#footer #footerNav ul li a {
  color:#FFF;
  font-size:11px;
  line-height:1.2;
}
#footer .copyrights {
  margin-top:60px;
  font-size:10px;
}
@media screen and (max-width: 767px) {
  #footer { padding:20px 8px 110px 8px; }
  #footer .aboutNav li {
    min-width:50%;
    max-width:100%;
  }
  #footer .aboutNav li span { display:none; }
  #footer .aboutNav li a {
    line-height:40px;
  }
  #footer #footerNav { margin: 0 0 0 0; }
  #footer #footerNav .navClm {
    width: 100%;
    margin: 0 0;
    float: none;
    border-radius:4px;
  }
  #footer #footerNav .navClm .title {
    background-color: #0091DF;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 1.5em;
  }
  #footer #footerNav .navClm .title span {
    display:inline-block;
    margin-left:0.5em;
  }
  #footer #footerNav ul {
    display:none;
    letter-spacing: -.40em;
  }
  #footer #footerNav ul li {
    margin: 0 1%;
    letter-spacing: normal; 
    display:inline-block;
    min-width:48%;
    max-width:98%;
    border-bottom:dashed 1px #aaa;
  }
  #footer #footerNav ul li a {
    display:block;
    font-size:12px;
    line-height:40px;
    text-decoration:none;
  }
  #footer .copyrights { margin-top: 20px; }
}



/* #ctafixed
------------------------ */
body { position:relative; }
#ctafixed {
  width:100%;
  height:110px;
  border-top:#fff solid 1px;
  background:url(/img/ctafixed_bg01.png) repeat-x;
  position:fixed;
  left:0;
  bottom:0;
  z-index:20;
  box-shadow: 0px -1px 2px rgba(51,51,51,0.2);
}
#ctafixed .inner {
  width:810px;
  margin:0 auto;
  display:table;
}
#ctafixed .inner span {
  display:table-cell;
}
#ctafixed .inner span:first-child {
  text-align:left;
}
#ctafixed .inner span:last-child {
  text-align:right;
  vertical-align:top;
  padding-top:11px;
}
#ctafixed .inner a:hover { opacity: 0.8; }
@media screen and (max-width: 767px){
  #ctafixed {
    height:90px;
    background-size:auto 100%;
    text-align:center;
  }
  #ctafixed .inner {
    width:auto;
  }
  #ctafixed .inner span:first-child {
    display:none;
  }
  #ctafixed .inner span:last-child {
  padding-top:6px;
}
  #ctafixed .inner a img {
    height:77px;
    width:auto;
  }
}