@charset "UTF-8";
/*
Theme Name:   Q&A
Description:  Q&A Theme.
Author:       Travel Standard Japan.
Author URI:   http://www.travelwith.jp/
Version:      1.0
Text Domain:  Q&A
*/
/******************************************************************
Site Name: Travel with Q&A
Author: Travel Standard Japan

Stylesheet: Main Stylesheet
******************************************************************/
/*********************
IMPORTING MODULES
/*********************
BASE (MOBILE) SIZE
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables
******************************************************************/
/*********************
Font
	family
*********************/
/*********************
COLORS
*********************/
/*********************
article
	margine-padding
*********************/
/*********************
Path
	images
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet
******************************************************************/
/* ヘッダ・フッタ用共通CSSで定義されることになっているので後日削除のこと */
/* ▼ここから▼ */
.wrap a { color: #000; text-decoration: underline; }
.wrap a:hover { color: #000; }
.wrap a:visited { color: #000; }
@media (min-width: 768px) { .wrap a:hover { text-decoration: none; } }

/* ▲ここまで▲ */
/*********************
GENERAL STYLES
*********************/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; line-height: 1; color: #333; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: auto; }

/* パンくず */
.breadcrumb_area { background: #ebebeb; color: #787878; padding: 1rem 1.5rem; width: 100%; }

.breadcrumb_seo { display: none; }

/**/
.breadcrumb_nav { line-height: 1.6; font-weight: bold; overflow: hidden; padding-left: 0; width: 100%; }
.breadcrumb_nav > span { padding-right: .5rem; }
.breadcrumb_nav > span + span::before { content: "＞"; padding: 0 .5rem 0 0; }
.breadcrumb_nav > span a { color: #787878; }
.breadcrumb_nav > span a:link, .breadcrumb_nav > span a:visited { text-decoration: underline; }
.breadcrumb_nav > span a:hover, .breadcrumb_nav > span a:active, .breadcrumb_nav > span a:focus { text-decoration: none; }
.breadcrumb_nav > span:first-child b { display: none; }
.breadcrumb_nav > span .disp_sp { display: inline; }

/**/
.wrap { width: auto; }
.wrap h1, .wrap h2, .wrap h3 { font-weight: bold; margin-top: 0; margin-bottom: 0; }
.wrap h1 { line-height: 1.5; padding-left: 1.3rem; font-size: 1.9rem; }
.wrap h2 { line-height: 1; }
.wrap h2, .wrap h3 { padding-top: 1.3rem; padding-bottom: 1.3rem; text-indent: 1.3rem; font-size: 1.6rem; font-weight: normal; }
.wrap a { display: block; }
.wrap ul, .wrap ol { padding-left: 0; list-style: none; margin-top: 0; margin-bottom: 0; }

/* 質問と答え */
.question, .answer { padding-top: 1.3rem; padding-bottom: 1.3rem; }

.qa { line-height: 1.5; font-size: 1.5rem; margin: 0 1.3rem; }

.question { border-bottom: solid 2px #23af00; }
.question .qa { background-image: url("/wp-content/themes/tsj-qa/images/iconQestion.png"); background-position: left 0.5rem; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 2.6rem; }
.question h1.qa { min-height: 2.6rem; padding-top: .2rem; }

.answer { background-image: url("/wp-content/themes/tsj-qa/images/iconAnswer.png"); background-position: left 1.6rem; background-repeat: no-repeat; background-size: 20px 20px; margin: 0 1.3rem; margin-top: 2.6rem; }
.answer .qa { padding-left: 1.3rem; padding-bottom: 1.3rem; }

/* 説明文 */
.desc { color: #787878; font-size: 1.3rem; line-height: 1.5; padding-top: 1rem; padding-bottom: 1rem; margin: 0 1.3rem; }
.desc .qa { padding-left: 0; }

hr { margin: 0; }

/* ツアーを見るボタン */
.show_tour { margin: 0 1.3rem 2.5rem; }
.show_tour a { font-size: 1.6rem; font-weight: bold; line-height: 4.4rem; position: relative; text-align: center; text-decoration: none; display: block; height: 4.4rem; margin: 0 0.3rem; border-radius: 0.5rem; border: 1px solid #ff6600; color: #fff; background-color: #ff6600; padding-right: 1rem; }
.show_tour a::before { position: absolute; height: 100%; top: 0; right: 1rem; content: "\f054"; font-size: 1.1rem; font-family: FontAwesome; }
.show_tour a:visited { color: #fff; }
.show_tour a:hover, .show_tour a:active { opacity: .6; color: #fff; }

/*こんなQ&Aも見ています*/
.related .question { border-bottom: none; padding-top: 0; padding-bottom: 0; }
.related h2 { background-color: #ebebeb; line-height: 2; font-weight: bold; text-indent: 2rem; }
.related li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; }
.related li a { line-height: 1.63; }
.related li .qa { background-position: left 0.2rem; }

body.single .related li { border-bottom: solid 1px #ebebeb; }
body.single .related li:first-child { border-top: solid 1px #ebebeb; }

/* サイドバー */
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

/* ○○から探す */
.searchCategory .search, .searchKeyword .search { background-color: #323232; color: #fff; background: #323232 url("/wp-content/themes/tsj-qa/images/iconSearch.png") 1.3rem center no-repeat; background-size: 20px 20px; padding-left: 2.6rem; line-height: 1.8; padding-top: 1.3rem; padding-bottom: 1.3rem; text-indent: 1.3rem; font-size: 1.4rem; font-weight: normal; }

.searchCategory ul { background-color: #f5f5f5; padding: 1.5rem 1.3rem; margin-bottom: 0; }
.searchCategory li { background-color: #fff; border: solid 1px #c8c8c8; border-bottom: none; padding: 1.3rem; }
.searchCategory li:last-child { border-bottom: solid 1px #c8c8c8; }
.searchCategory a { background: url(/wp-content/themes/tsj-qa/images/iconArrow.png) left center no-repeat; padding-left: 1.95rem; line-height: 1.5; display: block; }

.searchKeyword.sp-only h3 { margin-bottom: 0; }
.searchKeyword.sp-only form { padding-top: 1.3rem; }

.searchKeyword h3 { margin-top: 0; margin-bottom: 10px; }
.searchKeyword form { background-color: #f5f5f5; padding: 0 1.3rem 1.5rem; display: flex; justify-content: space-between; }
.searchKeyword form input { border-radius: 5px; padding: 0 1.3rem; line-height: 3.4rem; }
.searchKeyword form input[type="text"] { width: 100%; margin-right: 1rem; border: solid 1px #c8c8c8; }
.searchKeyword form input[type="submit"] { border: none; background-color: #23af00; color: #fff; width: 8rem; text-align: center; }

/* トップページ専用 */
body.home .related h3 { border-bottom: solid 2px #23af00; font-weight: bold; }
body.home .related .question { margin-bottom: 3.9rem; }

/* 一覧ページ専用 */
body.category .related { margin-bottom: 3.9rem; }
body.category .related h2 { display: flex; justify-content: space-between; }
body.category .go_list { text-align: right; margin-right: 2.6rem; }

/* 詳細ページ専用 */
body.single h1 { font-size: 1.6rem; }
body.single .qa p { padding-top: .2rem; }
body.single .talk { margin-bottom: 1em; }
body.single .talk dt { font-weight: normal; }
body.single .talk dd { color: #23af00; text-indent: 2.6rem; }
body.single .reconfirm { border: solid 1px #c8c8c8; border-bottom: none; padding: .5rem; }
body.single .reconfirm:last-child { border-bottom: solid 1px #c8c8c8; }
body.single .reconfirm dt, body.single .reconfirm dd { padding-top: .5rem; padding-bottom: .5rem; }
body.single .reconfirm a { display: inline; }

/* end body.single */
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1140px) { /****************************************************************** Site Name:  Author:   Stylesheet: Super Large Monitor Stylesheet *****************************************************************/
  /* パンくず細工 */
  .breadcrumb_area { background: #fff; color: #000; margin: 0 auto; overflow: hidden; padding: 1rem 0; position: relative; width: 1140px; z-index: 20; }
  .breadcrumb_seo { float: right; font-size: .77em; text-align: right; }
  .breadcrumb_nav { font-size: .845em; font-weight: bold; line-height: 1.4; overflow: hidden; }
  .breadcrumb_nav > span { display: inline; }
  .breadcrumb_nav > span + li:before { color: #000; padding-right: .5rem; }
  .breadcrumb_nav > span a { color: #000; }
  .breadcrumb_nav > span:first-child b { display: inline; font-weight: bold; }
  .breadcrumb_nav > span:first-child a { background: url(../images/icon_breadcrumb_home.png) left top no-repeat; min-height: 15px; padding-left: 20px; }
  .breadcrumb_nav > span:last-child span { -webkit-line-clamp: 1; }
  /**/
  .wrap { width: 1140px; margin: 2.6rem auto 10rem; overflow: hidden; }
  /**/
  #main { float: left; width: 840px; }
  #footer { clear: both; }
  article { /**/ }
  article h3 { font-size: 1.4rem; }
  article .qa { font-size: 2.2rem; margin-left: 0; }
  article .question { border-bottom-width: 6px; }
  article .question .qa { background-size: auto; padding-left: 6.6rem; }
  article .question h1.qa { min-height: 4.6rem; padding-top: .4rem; }
  article .desc { margin-left: 0; }
  article .desc p { font-size: 1.1rem; }
  article hr { margin-bottom: .7rem; }
  article .answer { background-size: auto; margin: 0 0 6rem; margin-top: 3.9rem; }
  article .answer .qa { padding-left: 6.6rem; }
  article .show_tour { width: 58rem; margin: 0 auto 6rem; }
  /*こんなQ&Aも見ています*/
  .related li { margin-left: 1.8rem; }
  .related li .qa { background-size: 20px; font-size: 1.4rem; background-position: left center; padding-left: 3.5rem; }
  #sidebar { float: right; width: 250px; margin-top: 1.3rem; }
  #sidebar .search { line-height: 1.5; }
  #sidebar .searchCategory ul { background-color: #fff; padding: 0; margin-bottom: 2rem; }
  #sidebar .searchKeyword form { background-color: #fff; flex-wrap: wrap; justify-content: flex-end; padding: 0; }
  #sidebar .searchKeyword form input { border-radius: 5px; }
  #sidebar .searchKeyword form input[type="text"] { width: 100%; margin-right: 0; margin-bottom: 1rem; }
  #sidebar .searchKeyword form input[type="submit"] { width: 7.4rem; text-align: center; padding: 0 1.3rem; }
  body.category article h1, body.home article h1 { font-size: 2.6rem; padding-left: 0; }
  /* トップページ専用 */
  body.home .sp-only { display: none; }
  /* 詳細ページ専用 */
  body.single h1 { font-size: 2.2rem; }
  body.single .answer .qa { font-size: 1.4rem; }
  body.single .reconfirm dt { float: left; clear: left; }
  body.single .reconfirm dd { margin-left: 17em; }
  /* end body.single */ }
/*********************
RETINA (2x RESOLUTION DEVICES)
*********************/