/*
Theme Name: shouwa
Description: 
*/

/* 基本スタイル設定、リセットCSS
----------------------------------------------------------- */
@import url("css/base.css");

/* サイト共通設定
----------------------------------------------------------- */
@import url("css/site.css");

/* アニメーションCSS
----------------------------------------------------------- */
@import url("css/animate.css");
@keyframes scaleImg{
from{
	transform:scale(1.2);
	width:50%
}
to{
	transform:scale(1);
	width:50%
}
}


/* 以下、個別ページ設定
----------------------------------------------------------- */
/* TOPページ (.page-id-2)-----------------------------------*/
.page-id-2 #main_visual{
	position : relative;
	height : calc(100% - 60px);
}

.page-id-2 #main_visual h1{
	text-align : left;
	font-size : 60px;
}

.page-id-2 #main #article .section h2:before {
    content: "";
    display: block;
    border-top: dotted 10px #f0831c;
    width: 120px;
    height: 1px;
    position: absolute;
    top: calc(100% + 15px);
    left : calc(50% - 60px);
}

.page-id-2 #main #article .section h2 img{
	width : 30px;
	padding : 10px;
	margin-bottom : 20px;
	background-color : #f3eede;
	border-radius : 25px;
}

.page-id-2 .slick{
	width : 100%;
	height : 100%;
	overflow : hidden;
	margin : 0 auto;
}

.page-id-2 .slick img{
}

.page-id-2 .main_copy h1 span{
	border-bottom : 1px solid #1e3d54;	
}

.page-id-2 .main_copy{
	position : absolute;
	top : 15%;
	width : calc(100% - 60px);
	text-align : center;
	font-size :24px;
	font-weight : bold;
	text-shadow:2px 2px 8px #fff, -2px -2px 7px #fff, 0 0 1px #fff;
	color : #1e3d54;
}

.page-id-2 #sec01{
	background-color : #f4eede;
	padding-top : 20px;
	padding-bottom : 20px;
}

.page-id-2 #sec01 ul{
	width : 1200px;
	margin : 0 auto;
}

.page-id-2 #sec01 .slick-arrow{
	margin-top : 5px;
}

.page-id-2 #sec02 img{
	margin-bottom : 20px;
}

.page-id-2 #sec03{
	background-color : #f3eede;
	padding-top : 1px;
	padding-bottom : 60px;
}

.page-id-2 #main #article #sec03 .col_1of4{
	background-color : #fff;
	border-radius : 5px;
	width : 280px;
	margin-right : 20px;
	padding-top : 20px;
	padding-bottom : 20px;
	font-size : 13px;
}

.page-id-2 #main #article #sec03 .col_1of4 h3{
	font-size : 18px;
}

.page-id-2 #main #article #sec03 .col_1of4 p{
	font-size : 13px;
}

.page-id-2 #main #article #sec04 h3{
	font-size : 18px;
	margin-top : 10px;
	margin-bottom : 20px;
	line-height : 1;
}

.page-id-2 #main #article #sec04 .col_1of2{
	width : calc(50% - 32px);
	margin-right : 10px;
	margin-left : 10px;
}

.page-id-2 #main #article #sec04 .col_1of2 div{
	padding : 10px;
	text-align : center;
	box-sizing : border-box;
	width : calc(100% - 280px);
}

.page-id-2 #main #article #sec04 .bus_type_thum{
	width : 280px;
	float : left;
}

.page-id-2 #sec05{
	background-color : #f3eede;
	padding-top : 1px;
	padding-bottom : 60px;
	margin-bottom : 0 !important;
}

.page-id-2 #sec05 dl{
	width : 600px;
	margin : 20px auto;
}

.page-id-2 #sec05 dt{
	display : inline-block;
	float : left;
	width : 12em;
}

.page-id-2 #sec05 dd{
	display : inline-block;
	width : calc(600px - 12em);
	text-align : left;
}

.page-id-2 #sec06{
	text-align : left;
	background-color : #cbecff;
	background-image : url(./images/bg_top_sec06.jpg);
	background-position : center bottom ;
	background-repeat : no-repeat;
	margin-bottom : 0 !important;
	padding-top : 40px;
	padding-bottom : 80px;
}

.page-id-2 #sec06 .text_box{
	width : 900px;
	max-width : 100%;
	margin-left : 0px;
}

/* サービス情報ページ (.page-id-10)-----------------------------------*/



/* TOPICS一覧ページ (.blog)-----------------------------------*/



/* TOPICS詳細ページ (.single)-----------------------------------*/

/* バスの用途ページ (.page-id-37)-----------------------------------*/
#intended-use-list .col_1of2{
	width : 45%;
	margin : 2.5%;
	background-color : #f3eede;
	border-radius : 10px;
	padding : 10px;
	box-sizing:border-box;
	overflow : hidden;
}

#intended-use-list .col_1of2 img{
	width: 100%;
}

#intended-use-list .col_1of2 .txt_group{
	color : #999;
	font-size : 80%;
}

#intended-use-list .col_1of2 h3{
	border-bottom : 1px dotted #ccc;
}

#intended-use-list .col_1of2 .txt_copy{
	color : #f0831c;
}

.user_voice{
	border-radius : 10px;
	background-color : #f3eede;
	margin-bottom : 30px;
	vertical-align : bottom;
	background-image : url('/images/bg_user01.png');
	background-repeat : no-repeat;
	background-position : 95% 50%;	
}

.user_voice .voice{
	display : inline-block;
	width : calc(100% - 135px);
	padding : 10px;
	box-sizing : border-box;
}

.user_voice .user{
	display : inline-block;
	width : 135px;
	padding-right : 5px;
	text-align : center;
	box-sizing : border-box;
	font-size : 90%;
	color : #1763ae;
}


/* バスの種類ページ (.template-kind)-----------------------------------*/
.template-kind table{
	width : 90%;
	border-top : 1px solid #eae1c6;
	border-bottom : 1px solid #eae1c6;
}

.template-kind th{
	width : 25%;
	background-color : #fff;
	font-weight : normal;
	text-align : center ;

}

.template-kind th span{
	display : inline-block;
	background-color : #f3eede;
	border-radius : 5px;
	padding : 0 15px;
	margin-bottom : 5px;
	margin-right : 20px;
	width : 90px;
}

.template-kind tr{
	border-bottom : 1px dashed #f3eede;
}

.bas_list{
	margin-bottom : 20px;
}

.bas_list a{
	display : inline-block;
	background-color : #f3eede;
	color : #1763ae;
	border-radius : 5px;
	padding : 0 15px;
	margin : 5px;
	text-decoration : none;
	width : 50%;
}

.bas_list a:hover{
	background-color : #1763ae;
	color : #fff;
}


.bas_list .img_thum{
	width : 80%;
}

.bas_list .title{
	display : inline-block;
	width : 80%;
	text-align : left;
	margin : 0 auto;
	color: #1763ae;
	font-size : 24px;
}
.bas_list .desc{
	display : inline-block;
	width : 80%;
	text-align : left;
	margin : 0 auto;
	color: #f0831c;
}

.bas_list .avail{
	display : block;
	width : 80%;
	text-align : left;
	margin : 0 auto;
    border-top : dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
}

.bas_list .avail img{
	vertical-align : middle;
}

.ul_pencil{
	list-style:none;
}

.ul_pencil li:before{
	font-family: "Font Awesome 5 Free";
	font-weight : bold;
	content: '\f303';
	color : #e9e0c2;
	padding-right : 10px;
	padding-left : 3px;
	font-size : 10px;
	display : inline-block;
}

/* お客様の声ページ (.page-id-87)-----------------------------------*/
.page-id-87 .user{
	color : #1763ae;	
	padding-left : 40px;
	padding-top : 5px;
	padding-bottom : 5px;	
	font-size : 15px;
	line-height : 2em;
	background-image : url('/images/icon_user.png');
	background-repeat : no-repeat;
}

/* お問い合わせページ (.page-id-70)-----------------------------------*/
table.inquiry tr:nth-child(odd){
	background-color:#ececec;
}

table.inquiry tr{
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
}

table.inquiry th{
	background-color:#ececec;
}

table.inquiry .req{
	background-image : url('/images/req.png');
	background-repeat : no-repeat;
	background-position : 95% 50%;	
}

@media screen and (max-width: 600px){
.page-id-2 #main_visual{
	height : auto;
	width : calc(100% - 60px);
}
.page-id-2 #main_visual h1{
	font-size : 36px;
	text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 2px #fff, -1px -1px 2px #fff,0 0 1px #fff;
}

.page-id-2 .main_copy{
	top : 0px;
}
.page-id-2 #main #article #sec03 .col_1of4{
	width : 260px;
	margin-bottom : 20px;
}
.page-id-2 #main #article #sec04 .col_1of2 div{
	width : 100%;
}
}