@charset "UTF-8";
/*!
Theme Name: ayanas
Theme URI: http://ayanas.local/
Author: ayanas
Author URI: http://ayanas.local/
Description: ayanas theme based on Underscores
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frst
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Furusato is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

/*------------------------------------------------------*/
/*  reset */
/*------------------------------------------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/
html {
  color: #000;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

/* ===================================================================
CSS information
 file name  :  default.css
 style info : 
=================================================================== */
body {
	background: #fff;
	color: #2f2f2f;
	font:13px "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif, "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "宋体",Gulim;
	/*font:13px "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"メイリオ", Meiryo,sans-serif,"宋体",Gulim; */
    *font-size:small;
    *font:x-small;
	line-height: 1.5;
	letter-spacing:100%;
  -webkit-text-size-adjust: 90%;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/* Font Size --------------------------------- */
p,li,dt,dd,th,td {	font-size: 100%;}
li p,dd p,li li,dd li,th p,td p {	font-size: 100%;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
table {	font-size: inherit; font-size: 100%;}
img{ vertical-align: bottom;}
/* line-height --------------------------------- */
p,li,dt,dd,th,td {    line-height: 1.48;}
/*Safari*/
body:first-of-type p,
body:first-of-type li,
body:first-of-type dt,
body:first-of-type dd,
body:first-of-type th,
body:first-of-type td {    line-height: 1.78;}
/**/
html:not(:only-child:only-child) p,
html:not(:only-child:only-child) li,
html:not(:only-child:only-child) dt,
html:not(:only-child:only-child) dd,
html:not(:only-child:only-child) th,
html:not(:only-child:only-child) td { font-size: 100%;}
html:not(:only-child:only-child) h1,
html:not(:only-child:only-child) h2,
html:not(:only-child:only-child) h3,
html:not(:only-child:only-child) h4{ font-size: 116%;}
/**/

a{overflow:hidden;
outline:none;
color: #2f2f2f;
text-decoration: none;
}

/* clearfix --------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* html5 for ie6 7 8 --------------------------------------------------------------------*/

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}

@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  style.css
 style info : 
=================================================================== */

/*--------------------------------------------------------------
# body
--------------------------------------------------------------*/
body {
  width: 960px;
  margin: 0 auto;
}

.body_inner {
  width: 940px;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
#header {
  padding: 40px 0 40px 0;
  position: fixed;
  width: 960px;
  background: #fff;
  z-index: 10;
}

header {margin: 0 10px 0 10px; }

header .header_ttl {
  width: 144px;
  height: 33px;
  float: left;
}
header .header_ttl img {
  width: 100%;
  height: 100%;
}

.header_ttl a {
  display: block;
  width: 144px;
  height: 33px;
}

.header_nav {
  margin: 8px 0 0 0;
  float: left;
}

.header_nav ul li {
  margin: 0 0 0 20px;
  float: left;
  font-weight: 500;
}

.header_sns {
  margin: 10px 0 0 0;
  float: right;
}

.header_sns ul li {
  margin: 0 0 0 20px;
  float: left;
}

.header_sns ul li a {
  display: block;
  text-indent: -10000px;
  width: 20px;
  height: 20px;
}

.header_sns ul li .twitter { background: url(./images/common/logo_twitter.svg) no-repeat; }
.header_sns ul li .facebook { background: url(./images/common/logo_facebook.svg) no-repeat; }
.header_sns ul li .instagram { background: url(./images/common/logo_instagram.svg) no-repeat; }

/*--------------------------------------------------------------
# main contents
--------------------------------------------------------------*/
#main_contents { padding: 113px 0 0 0; }

.categories h2 { float: left; }

.category_ttl h2 {
  width: 300px;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
}

.key_visual {
  width: 940px;
  margin: 0 0 35px 0;
}

.btn_viewall {
  width: 96px;
  height: 26px;
  border: 2px solid #2f2f2f;
  float: right;
  text-align: center;
  margin: 5px 0 0 0;
}

.btn_viewall p {
  margin: 2px 0 0 0;
  font-style: 11px;
}

.contetns_image {
  width: 300px;
  height: 300px;
  overflow: hidden;
}

h3 {
  font-weight: 500;
  margin-bottom: 4px;
}

.contents_row {
  width: 940px;
}

.contents_row > div {
  margin: 0 20px 40px 0;
  float: left;
  width: 300px;
}

/* category page */
.category_desc > div {
  width: 460px;
  float: left;
}

.desc_jp { margin: 0 10px 0 0; }
.desc_en { margin: 0 0 0 10px; }

.contetns_page_images p { text-align: center; }

/* contents page */
.contents_page {
  width: 700px;
  margin: 0 auto;
}

.contents_page h2 {
  float: none;
  width: 700px;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}

.contents_page_images img {
  width: 100%;
  margin: 0 0 20px 0;
}

/* about page */
.about_image {
  width: 940px;
  height: 528px;
  overflow: hidden;
}
.map_link { float: right; }

.access_desc > div { float: left; }
.access_desc .access_text {margin: 0 0 0 20px;}

.dealers_list > div { margin-bottom: 20px; }

div.dealers_list > dl > dt { 
  font-weight: 500;
  margin-bottom: 4px;
}

div.dealers_list > dl { margin: 0 0 30px 0; }

/* page navigation */
.page_nav { text-align: center; }
.page_nav .current { color: gray; }
.page_nav .page-numbers { margin: 0 10px 0 0; }
.page_nav .next { margin: 0; }

/* work flow page */
.main_flow_inner { 
  width: 700px;
  margin: 0 auto;
}

.flow_ttl h2 {
  font-weight: 700;
  letter-spacing: 1px;
}

.main_flow_ttl {
  font-weight: 700;
}

.step_mark {
  width: 96px;
  height: 24px;
  border: 2px solid #2f2f2f;
  text-align: center;
  float: left;
  margin: 5px 0 0 0;
  padding: 2px 0 0 0;
}

.step_desc {
  width: 590px;
  margin: 0 0 0 10px;
  float: left;
}

.step_desc dt {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
}

.main_topic {
  padding: 20px 0 0 0;
}

.main_topic_ttl h3 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 4px;
}

.main_topic dl {
  margin-left: 1em;
}

.main_topic dl dt {
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.main_topic dl dt:before {
  content: "・";
}

.main_topic dl dd {
  margin-left: 1em;
  margin-bottom: 20px;
}

.main_qa {
  padding: 20px 0 0 0;
}

.qa_ttl {
  font-size: 15px;
  font-weight: 500;
}

.main_qa_ttl h3 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 4px;
}

.qa_contents { 
  width: 700px;
  float: right;
}

.qa_ttl:before { 
  content: "Q.";
  margin: 0 6px 0 0;
  font-size: 18px;
  letter-spacing: 4px;
}

.qa_desc:before {
  display: block;
  float: left;
  content: "A.";
  font-size: 13px;
  letter-spacing: 4px;
  margin: 0 9px 0 3px;
}
.qa_desc_inner { overflow: auto; }

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
#footer .btn_top {
  width: 100%;
}

#footer .btn_top_img {
  text-align: right;
  margin-bottom: 20px;
}

#footer .btn_top_img a {
  width: 24px;
  height: 13px;
}

#footer footer {
  border-top: 1px solid #2f2f2f;
  margin: 0 0 0 0;
  padding: 20px 0 40px 0;
  width: 940px;
  text-align: center;
}

#footer footer .footer_ttl { margin-bottom: 6px; }
#footer footer .footer_ttl img {
  width: 72px;
  height: 16px;
}
#footer footer .footer_ttl h4 { font-size: 100%; }

#footer footer ul li {
  display: inline-block;
  margin-right: 10px;
}

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
#main_contents p a { text-decoration: underline; }
#main_contents .btn_viewall p a { text-decoration: none; }

.link { cursor: pointer; }
/* .link img:hover { opacity: 0.6; } */



.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }