@charset 'UTF-8';

	body {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 18px;
		line-height: 1.8rem;
	}
	a { font-size: inherit; }

	/* layout
	----------------------------*/
	#no-script a {
		display: block;
		padding: 10px 0;
		text-align: center;
		border-bottom: 1px solid #ccc;
		margin: 0 0 10px;
	}
	.red { color: #ff0000; }
	body .head h1 {
		max-width: 1040px;
		width: 1040px;
	}
	.mainContainer {
		max-width: 1040px;
		margin: 0 auto;
	}
	#content_faq {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: -o-box;
		display: box;
	}
	#center_faq {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-o-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 1;
		-ms-flex-order: 1;
		-moz-order: 1;
		-o-order: 1;
		order: 1;
	}
	#side_faq {
		width: 250px;
		padding: 0 0 0 20px;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 2;
		-ms-flex-order: 2;
		-moz-order: 2;
		-o-order: 2;
		order: 2;
	}
	.faq_lists {
		-js-display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#faq_entry_lists .faq_lists {
		border: 2px solid #ede7ce;
		padding: 5px;
		margin-bottom: 30px;
	}
	#faq_entry_lists .cols {
		width: 50%;
		padding: 5px;
	}

	/* common set
	----------------------------*/
	#center_faq img {
		max-width: 100%;
		height: auto;
	}
	
	/* layout change
	----------------------------*/
	.faq_track { display: none; }
	.mode_track #faq_entry_lists { display: none; }
	.mode_track #faq_entry_navi { display: none; }
	.mode_track .faq_track { display: block; }
	.mode_track .faq_lists { display: block; }

	/* pankuzu
	----------------------------*/
	.faq_pankuzu {
		margin: 20px 0 20px;
	}
	.faq_pankuzu ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.faq_pankuzu li {
		display: block;
		background-color: #eee;
		height: 40px;
		line-height: 40px;
		position: relative;
		padding: 0 40px;
	}
	.faq_pankuzu li + li {
		margin-left: 5px;
	}
	.faq_pankuzu li:before,
	.faq_pankuzu li:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
	}
	.faq_pankuzu li + li:before {
		top: 0;
		left: 0;
		display: inline-block;
		border-top: 20px solid transparent;
		border-left: 20px solid #fff;
		border-bottom: 20px solid transparent;
	}
	.faq_pankuzu li:not(:last-child):after {
		z-index: 1;
		right: -20px;
		bottom: 0;
		border-top: 20px solid transparent;
		border-left: 20px solid #eee;
		border-bottom: 20px solid transparent;
	}
	.faq_pankuzu li:first-child {
		border-radius: 5px 0 0 5px;
	}
	.faq_pankuzu li:last-child {
		border-radius: 0 5px 5px 0;
		background-color: #c8eff4;
	}
	.faq_pankuzu a {
		display: block;
	}
	
	/*
	.faq_pankuzu li:before {
		content: "\00bb";
		display: inline-block;
		margin: 0 0.6em;
	}
	.faq_pankuzu li:first-child:before {
		content: "";
		margin: 0;
	}
	*/


	/* title
	----------------------------*/
	h2 {
		/*
		background-image: -moz-radial-gradient( #eee 20%, transparent 0 ), -moz-radial-gradient( #eee 20%, transparent 0 );
		background-image: -webkit-radial-gradient( #eee 20%, transparent 0 ), -webkit-radial-gradient( #eee 20%, transparent 0 );
		background-image: radial-gradient(#eee 20%, transparent 0 ), radial-gradient(#eee 20%, transparent 0 );
		background-position: 0 0, 10px 10px;
		background-size: 20px 20px;
		*/
		margin: 10px 0 20px;
		padding: 20px;
		border: 1px dashed #ccc;
		border-radius: 3px;
	}
	h2 .faq_short {
		color: #2894c6;
		font-family: 'M+ P Type-2 (basic latin) Light', sans-serif;
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: normal;
		letter-spacing: 1rem;
	}

	h2 .faq_title {
		color: #4e4e4e;
		font-family: 'M+ Type-2 (general-j) Medium', sans-serif;
		font-size: 2.2rem;
		font-weight: normal;
	}

	h3.title {
		margin: 0 0 5px;
		padding: 3px 0;
		background-color: #C8EFF4;
		width: 100%;
	}
	h3.title img {
		vertical-align: middle;
		margin: 0 5px 0 0;
	}
	h4.title {
		color: #088D90;
		border-bottom: 2px solid;
		margin: 0 5px;
	}

	/* faq - lists
	----------------------------*/
	.faq_lists ol {
		counter-reset: li;
	}
	.faq_lists ol>li {
		border-top: 1px solid #ede7ce;
		padding: 8px;
		display: table;
		width: 100%;
	}
	.faq_lists ol>li:before {
		content: counter(li);
		counter-increment: li;
		display: table-cell;
		width: 30px;
		vertical-align: top;
		font-weight: bold;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}
	.faq_lists ol>li a {
		display: table-cell;
	}
	.faq_lists ol>li:first-child {
		border-top: none;
	}
	.faq_node {
		margin: 0 0 5px;
	}

	.faq_media {
		counter-reset: media;
	}

	.faq_media .faq_media_title - dl {
		border-top: 1px solid #ede7ce;
	}
	.faq_media .faq_media_title {
		border-top: 1px solid #ede7ce;
		display: table;
		padding: 8px;
		width: 100%;
	}
	.faq_media dl:first-child .faq_media_title {
		border-top: none;
	}
	.faq_media .faq_media_title:before {
		content: counter(media);
		counter-increment: media;
		display: table-cell;
		width: 30px;
		vertical-align: top;
		font-weight: bold;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}
	.faq_media .faq_media_title p {
		display: table-cell;
	}
	.faq_media dl:first-child {
		border-top: none;
	}
	.js .faq_media .faq_media_title+dd { display: none; }
	.faq_media .faq_media_title+dd a { border-bottom: 1px solid; text-decoration: none; }
	
	.faq_media dd ol {
		list-style: decimal inside;
		line-height: 22px;
		line-height: 2.2rem;
		letter-spacing: 1px;
		letter-spacing: .1rem;
	}

	/* faq - menu lists
	----------------------------*/
	.menu_lists {
		border: 1px solid #37a1ad;
		margin: 0 0 20px;
		padding: 10px;
	}
	.menu_lists li {
		display: inline-block;
		padding: 2px 5px;
	}
	.menu_lists li:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		border: 4px solid rgba(0,0,0,0);
		border-left: 5px solid #ff8922;
	}


	/* mode track
	----------------------------*/
	#faq_entry_track h3 a {
		color: inherit;
		pointer-events: none;
		cursor: text;
	}
	#faq_entry_track h4 {
		border: none;
		font-size: 20px;
		font-size: 2rem;
		line-height: 26px;
		line-height: 2.6rem;
		padding: 10px 0;
	}
	#faq_entry_track h5 {
		border: none;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 20px;
		line-height: 2.0rem;
		padding: 5px 0;
	}
	#faq_entry_track .faq_media dd {
		display: block;
	}

	#faq_entry_track .faq_media_title {
		   border-bottom: 2px solid #20b2aa;
	}
	#faq_entry_track .faq_media_title a {
		   color: inherit;
		   pointer-events: none;
		   cursor: text;
	}
	#faq_entry_track .faq_media_title a:hover {
		text-decoration: none;
	}
	#faq_entry_track .faq_media_title+dd {
		   padding: 10px 10px 30px;
	}
	#faq_entry_track .faq_media_title+dd dl {
		margin: 1em 0;
	}
	#faq_entry_track .faq_media_title+dd dd {
		margin: .5em 0 1em 1em;
	}
	#faq_entry_track .faq_media_title+dd dd:last-child {
		margin: 0 0 0 1em;
	}
	#faq_entry_track>dl {
		   border-top: none;
	}
	#faq_entry_track .asign .faq_media_title a:after {
			content: "";
			display: block;
			background-color: rgba(200, 200, 200, 0.3);
			position: absolute;
			top: -10%;
			left: -2%;
			width: 110%;
			height: 120%;
			z-index: 0;
	}
	#faq_entry_track .asign .faq_media_title a {
	   	position: relative;
	}
	#faq_entry_track .asign .faq_media_title a p {
	   	position: relative;
	   	z-index: 5;
	}

	/* goto top
	----------------------------*/
	.page-top p {
		border-radius: 0;
		box-shadow: none;
	}
	.move-page-top {
		display: block;
		width: 60px;
		height: 60px;
		cursor: pointer;
		color: #fff;
		font-size: 20px;
		line-height: 60px;
		border-radius: 0;
		text-align: center;
		text-shadow: none;
		background-color: #20b2aa;
	}  
	.goto_top {
		text-align: right;
	}
	.goto_top button {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 10px 10px 0 0;
		padding: 5px 10px;
		border: 1px solid #ccc;
		background-color: #eee;
		border-radius: 3px;
	}
	.goto_top button:before {
		content: "";
		display: inline-block;
		border: 4px solid transparent;
		border-bottom: 6px solid #0d9c94;
		vertical-align: middle;
		margin: 0 5px 4px 0;
	}
	.goto_top button:active {
		background-color: #20b2aa;
		color: #fff;
	}
	.goto_top button:focus {
		outline: none;
	}

	/* inquiry
	----------------------------*/
	/* phone */
	.orenge { color: #f96b05; }
	.yellow { color: #da8d05; }
	.numbers { font-family: "Century Gothic", CenturyGothic, Futura, Arial, sans-serif; }
	#telorder-tel-docs {
		margin: 0 0 20px;
	}
	.telorder-tel-number {
		margin: 10px;
	}
	.telorder-tel-number .big {
		font-size: 28px;
		line-height: 28px;
		display: block;
	}
	.telorder-tel-supple {
		border-top: 1px dotted #ddd;
		padding: 10px;
	}
	.telorder-tel-supple .big {
		font-size: 18px;
		line-height: 26px;
		/* margin: 0 0 0 10px; */
		/* vertical-align: middle; */
	}
	.telorder-tel-time {
		font-size: 16px;
		line-height: 22px;
		text-align: center;
	}
	.telorder-inquery dl {
		max-width: 225px;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
	}
	.telorder-inquery dt {
		color: #005c82;
		font-weight: bold;
		background-color: #cceef5;
		padding: 5px;
		text-align: center;
	}
	.telorder-inquery dt .big {
		font-size: 140%;
		margin: 0 3px 0 -3px;
		vertical-align: middle;
	}
	.telorder-inquery dd {
		padding: 0 5px;
	}
	.telorder-inquery .comment {
		font-size: 12px;
		line-height: 14px;
		margin: 5px 0;
	}
	.att-list {
		margin: 0 0 0 14px;
		list-style: none;
	}
	.att-list li:before {
		content: "※";
		margin: 0 0 0 -14px;
	}
	#telorder-faxbutton {
		margin: 10px 0 0;
	}

	/* button
	-----------------------------------------------*/
	.telorder-button {
		color: #432506;
		font-weight: bold;
		display: block;
		border: 1px solid #ccc;
		border-radius: 6px;
		box-shadow: 2px 2px 5px #f0f0f0 inset,
		-1px -1px 5px #d1d1d1 inset,
		2px 2px 3px #ececec;
		background-color: #ffffff;
		background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
		background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);
		background-image: linear-gradient(to bottom, #fff, #f6f6f6);
	}
	.telorder-button:hover {
		color: #432506;
	}
		
	/* お問い合わせはこちら */
	#telorder-formbutton .telorder-button {
		font-size: 14px;
		padding: 15px;
		text-align: center;
	}
	#telorder-faxbutton .telorder-button {
		line-height: 1.1;
		padding: 5px 5px 5px 40px;
		position: relative;
		display: block;
	}
	#telorder-faxbutton .telorder-button:before {
		content: "";
		background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u38644463/pc/image/common/icon/icon_pdf_flat.png) no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		width: 20px;
		height: 26px;
		top: 50%;
		left: 0;
		margin: -13px 0 0 10px;	
	}



@media screen and (max-width:736px) {

	h2 { border-left: none; border-right: none; margin: 10px 0 0; }
	.faq_media_title a { color: inherit; text-decoration: none; }

	#content_faq { display: block; padding: 15px 15px; }
	#content_faq img { max-width: 100%; height: auto; }
	#side_faq { display:none; width: auto; padding: 0; }
	#faq_entry_navi { display: none; }
	#faq_entry_lists .cols { width: 100%; padding: 0; }
	#faq_entry_lists .faq_lists {
		border: 1px solid #ccc;
		background-color: #f5f5f5;
		border-radius: 4px;
	}
	#faq_entry_track .faq_media_title { border-top: none; }
	#faq_entry_track .asign .faq_media_title a:after { background: none; }
	
	/* ぱんくず */
	.faq_pankuzu {
		margin: 0 0 20px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.faq_pankuzu > * {
		/* iPhone4以下 GPUアクセラレーション */
		-webkit-transform: translateZ(0px);
	}
	.faq_pankuzu a { position: relative; z-index: 5; }
	.faq_pankuzu ul {
		/* border-top: 1px solid #e3e3e3; */
		border-bottom: 1px solid #e3e3e3;
		padding: 18px 0;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	.faq_pankuzu li {
		line-height: normal;
		height: auto;
		padding: 0 15px 0 10px;
		background-color: rgba(0,0,0,0);
	}
	.faq_pankuzu li:last-child  { background-color: rgba(0,0,0,0); }
	.faq_pankuzu li + li:before { border: none; }
	.faq_pankuzu li:not(:last-child):after {
		border: none;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		top: 50%;
		margin-top: -5px;
		right: 0;
	}

}
@media screen and (max-width:414px) {

	#content_faq { padding: 10px; }
	#faq_entry_lists .faq_lists {
		border: none;
		background-color: rgba(0,0,0,0);
		border-radius: 0;
	}
	h4.title { margin: 10px 5px; }
	
	.faq_media .faq_media_title { display: block; }
	.faq_media .faq_media_title:before {
		content: counter(media)".";
		display: inline-block;
		width: auto;
		padding: 2px 5px 0 0;
	}
	.faq_media .faq_media_title p { display: inline; }

}