@charset "utf-8";
/* CSS Document */
/* ##################################################################### */
/*	共通設定 テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	スマホ　テーブル　お問合せ
/* ===================================================================== */
.inquiry {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.inquiry table {
    width: 100%;
    margin-bottom: 5px;
}
.inquiry table td, .inquiry table th {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #737373;
    text-align: left;
    line-height: 1.8em;
    padding-left: 1%;
}
.inquiry table th {
    width: 20%;
    min-width: 70px;
}
.inquiry table td input, .inquiry table td select, .inquiry table td textarea {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2%!important;
    padding-right: 2%;
    border: 1px solid #959595;
    margin-left: 5px;
}
.inquiry table td.price, .inquiry table th.price {
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.inquiry table td.total, .inquiry table th.total {
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.inquiry table td.total {
    color: #E50307;
}
.inquiry textarea {
    width: 96%;
    padding-left: 3%;
    border: 1px solid #A6A4A4;
}
.inquiry iframe {
    border: 1px solid #929191;
    padding-bottom: 15px;
}
input.btn {
    margin-bottom: 5px;
}
/* ===================================================================== */
/*	共通設定 テーブル　基本設定
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	共通設定 テーブル　基本設定
/* --------------------------------------------------------------------- */ 

.basic {
    clear: both;
}
.basic table {
    width: 100%;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    float: left;
}
.basic th {
    vertical-align: middle;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #F0F0F0;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    text-align: left;
}
.basic td {
    text-align: left;
    vertical-align: top;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
    line-height: 2.0em;
}
/* ##################################################################### */
/*	共通設定 フォーム
/* ##################################################################### */
/* ===================================================================== */
/*	共通設定 フォーム　基本設定
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　テキストボックスの文字の色を変更
/* --------------------------------------------------------------------- */
.basic input[type="number"], .basic input[type="mail"], .basic input[type="tel"], .basic input[type="date"], .basic input[type="text"] {
    border: 1px solid #999;
    padding: 7px;
    color: #666;
}
.basic select[type="text"] {
    border: 1px solid #999;
    padding: 7px;
    color: #666;
}
.basic textarea[type="text"] {
    border: 1px solid #999;
    padding: 7px;
    color: #F00;
}
.basic select {
    border: 1px solid #999;
    vertical-align: middle;
    padding: 7px;
}
/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　imputの長さを設定
/* --------------------------------------------------------------------- */
.widthShortest {
    width: 20px!important;
}
.widthShorter {
    width: 15%!important;
}
.widthShort {
    width: 30%!important;
}
.widthMidium {
    width: 60%!important;
}
.widthLong {
    width: 90%!important;
}
.widthLongest {
    width: 94%!important;
}
.widthOneThird {
    width: 20%!important;
}
.widthHalf {
    width: 50%!important;
}
/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　入力言語を設定
/* --------------------------------------------------------------------- */
.langJpn {
    ime-mode: active
}
.langEng {
    ime-mode: disabled;
}
/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　
/* --------------------------------------------------------------------- */
.caption {
    font-size: 70%;
    text-align: left;
    padding-bottom: 5px;
    vertical-align: top;
    display: none;
}
/* ===================================================================== */



/* ##################################################################### */
/* 「フォーム」　　　　　　　　　                              */
/* ##################################################################### */

/* ===================================================================== */
/*    テーブルフォーム用（設定することにより高さが高くなる　　           */
/* ===================================================================== */

/* ===================================================================== */
/*    フォーム基本スタイル　　　　　　　　　　　　　　　　　         　　*/
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*    フォーム基本デザイン                                           　  */
/* --------------------------------------------------------------------- */



input.btn,
input.btnRed {
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
    padding-left: 10px;
    padding-right: 10px;
}
input.btnRed {
    background: #D80018!important;
    color:#ffffff;
    text-shadow: 0 -1px 1px #D80018, -1px 0 1px #D80018, 1px 0 1px #F1F1F1;
    -webkit-box-shadow: 1px 1px 2px #F1F1F1;
    -moz-box-shadow: 1px 1px 2px #F1F1F1;
    font-weight: bold;
}

input.search {
    background-image: url(../../public_html/mobile/images/search.png);
    background-repeat: no-repeat;
    background-position: right;
}
 +html input.btn {
 margin-bottom: 0px;
}
select {
    border: 1px solid #999999;
}
/* ##################################################################### */
/*        　 PC　　「テーブル」　　　　　　　　　                      */
/* ##################################################################### */

/* ===================================================================== */
/*   PC　 フォーム基本スタイル　　　　　　　　　　　　　　　　　         　　*/
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*   PC　 フォーム基本デザイン                                           　  */
/* --------------------------------------------------------------------- */

select {
    border-style: solid;
    border-width: 1px;
    border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
    vertical-align: middle;
    background-color: #FFFFFF;
}
 +html input.btn {
 margin-bottom: 0px;
}
select {
    border: 1px solid #999999;
}


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
/* ##################################################################### */
/*	スマートフォン
/* ##################################################################### */
/* ===================================================================== */
/*	PC　お問合せ
/* ===================================================================== */

.inquiry input.widthLong {
    width: 96%;
}
.inquiry input.zip {
    width: 80px;
}
.inquiry input.tel {
    width: 95px;
}
.inquiry input.widthLong {
    width: 96%;
}
.inquiry input.zip {
    width: 80px;
}
.inquiry input.tel {
    width: 95px;
}
.inquiry input.medium {
    width: 120px;
}
<<<<<<< HEAD
.inquiry input.medium{
	width:120px;}
}
@media only screen and (max-width:769px){
/* ##################################################################### */
/*	タブレット・PC　共通設定 テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	タブレット・PC　共通設定 テーブル　基本設定
/* ===================================================================== */

=======
>>>>>>> develop
}

@media only screen and (max-width:970px) {
/* ##################################################################### */
/*	スマートフォン テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	スマートフォン テーブル　お問合せ
/* ===================================================================== */
.inquiry {
    display: block;
    width: 100%;
}
.inquiry thead {
    display: none;
}
.inquiry tbody {
    display: block;
}
.inquiry tbody tr {
    display: block;
}
.inquiry td {
    margin-bottom: 2em;
}
.inquiry tbody th, .inquiry tbody td {
    display: list-item;
    border: none;
    padding-left: 0px;
}
.inquiry table th {
    padding-top: 3px;
    padding-bottom: 3px;
}
.inquiry table td {
    padding-top: 10px;
    padding-bottom: 0px;
}
.inquiry tbody th {
    list-style-type: none;
    color: #3B3A3A;
    margin-left: 0px;
    background-color: #E4E1E1;
    text-align: left;
    width: 98%;
    padding-left: 2%;
}
.inquiry th span {
    display: block;
    margin-left: 10px;
    padding-bottom: 0px;
}
.inquiry td {
    padding-left: 10px;
    list-style-type: none;
}
.inquiry txtarea.widthLong {
    width: 100%;
}
.inquiry input {
    margin-left: 0px!important;
    padding-top: 5px;
    padding-bottom: 5px;
}
input[type="text"] {
    width: 96%;
    padding-left: 3%;
    margin-bottom: 0px;
}
input[type="checkbox"] {
    margin-bottom: 10px;
}
input.zip {
    width: 30%;
}
select {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
}
.inquiry input.widthLong {
    width: 96%;
}
.inquiry input.medium {
    width: 42%;
}
.inquiry input.zip {
    width: 80px;
}
.inquiry input.tel {
    width: 25%;
}
input[type="text"] {
    width: 96%;
    padding-left: 3%;
    margin-bottom: 0px;
}
input[type="checkbox"] {
    margin-bottom: 10px;
}
input.zip {
    width: 30%;
}
select {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
}
input.zip {
    width: 30%;
}
select {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
}
.exhibit input.tel {
    width: 20%;
}
<<<<<<< HEAD
/* ##################################################################### */
/*	スマートフォン テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	スマートフォン テーブル　お問合せ
/* ===================================================================== */

input[type="text"]{
	width:96%;
	padding-left:3%;
	margin-bottom:0px;
	}
input[type="checkbox"]{
	margin-bottom:10px;
	}
input.zip{
	width:30%;}

select{
	padding-top:5px;
	padding-bottom:5px;
	width:50%;
	}

input::-webkit-input-placeholder {
=======
.exhibit input.medium {
    width: 42%;
}
select {
    border: 1px solid #999999;
}
}
input[type="text"] {
    width: 96%;
    padding-left: 3%;
    margin-bottom: 0px;
}
input[type="checkbox"] {
    margin-bottom: 10px;
}
input.zip {
    width: 30%;
}
select {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
}
 input::-webkit-input-placeholder {
>>>>>>> develop
	/*color: #ccc;*/
	font-weight: normal;
}
input:-ms-input-placeholder {
 color: #ccc;
 font-weight: normal;
}
input::-moz-placeholder {
	/*color: #ccc;*/
	font-weight: normal;
}

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

}