@charset "utf-8";

/* --responsive----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

.logo{
	width:75%;
	height:auto;
}

p{line-height: 180%;}
.pc_only{display:none;}
.sp_only{display:block;}

h2 {
	color:#ABAEAD;
	padding: 15px 0;/*上下の余白*/
	border-bottom: solid 5px #ABAEAD;/*下線*/
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}

#wrapper{
	width:95%;
	margin-right: auto;
  	margin-left: auto;
}

#header{margin-bottom:20px;}


nav.globalMenuSp {
    	position: fixed;
    	z-index: 15;
    	top: 0;
    	left: 0;
    	background: #fff;
    	color: #000;
    	text-align: left;
	padding-left:20px;
    	transform: translateY(-100%);
    	transition: all 0.6s;
    	width: 95%;
}
 
nav.globalMenuSp ul {
       	background: #FFF;
       	margin: 0 auto;
       	padding: 0;
       	width: 100%;
}
 
nav.globalMenuSp ul li {
       	font-size: 1.1em;
       	list-style-type: none;
       	padding: 0;
       	width: 100%;
       	border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
      	padding-bottom: 0;
      	border-bottom: none;
}
 
nav.globalMenuSp ul li a {
      	display: block;
      	color: #000;
      	padding: 1em 0;
      	text-decoration: none;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {transform: translateY(0%);}

.navToggle {
      	display: block;
      	position: fixed;    /* bodyに対しての絶対位置指定 */
      	right: 13px;
      	top: 22px;
      	width: 55px;
      	height: 65px;
      	cursor: pointer;
      	z-index: 18;
      	background: #901D22;
      	text-align: center;
      	font-size:20px;
}
 
.navToggle span {
      	display: block;
      	position: absolute;    /* .navToggleに対して */
      	width: 42px;
      	border-bottom: solid 3px #eee;
      	-webkit-transition: .35s ease-in-out;
      	-moz-transition: .35s ease-in-out;
      	transition: .35s ease-in-out;
      	left: 6px;
	
}
 
.navToggle span:nth-child(1) {top: 12px;}
.navToggle span:nth-child(2) {top: 24px;}
.navToggle span:nth-child(3) {top: 36px;}
 
.navToggle span:nth-child(4) {
      	border: none;
      	color: #eee;
      	font-size: 16px;
      	font-weight: bold;
      	top: 42px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
      	top: 18px;
      	left: 6px;
      	-webkit-transform: rotate(-45deg);
      	-moz-transform: rotate(-45deg);
      	transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
       	.navToggle.active span:nth-child(2),
       	.navToggle.active span:nth-child(3) {
       	top: 18px;
       	-webkit-transform: rotate(45deg);
       	-moz-transform: rotate(45deg);
       	transform: rotate(45deg);
}


#topmove img{
	height:auto;
	width:100%;
}

.info1_area img{
	height:auto;
	width:100%;
}

.info1_area .kodawari_but_potision{
	height:42px;
	width:266px;
}

.but_area{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;	
}

.top_lineup_area img{width:100%;}

.top_lineup_textarea{
	border-bottom: solid 1px #ABAEAD;
	margin-bottom:20px;
}

.midasi_lienup{  

	margin-bottom:15px;
	margin-top:15px;
	font-size:18px;
	font-weight:bold;
	color:#901D22;
	padding: .5em;
 	border-left: 5px solid #901D22;
} 


.button {
  	background-color: #333;
  	color: #fff;
	margin-top:30px;
	margin-bottom:50px;
	display: inline-block;
  	width: 180px;
  	height: 50px;
  	text-align: center;
  	text-decoration: none;
  	line-height: 54px;
  	outline: none;
}

.buttontel {
  	background-color: #74C185;
  	color: #fff;
	margin-top:30px;
	margin-bottom:50px;
	display: inline-block;
  	width: 100%;
  	height: 50px;
  	text-align: center;
  	text-decoration: none;
  	line-height: 54px;
  	outline: none;
}

.button:hover {background-color: #59b1eb;}

.footlogo{
	width:100%;
	margin-bottom:15px;
}

.img100{width:100%;}

.row{
	margin-top:50px;
	margin-bottom:30px;	
}

.lineup_block,.lineup_box{
	margin-bottom:10px;
	border-bottom: solid 1px #ABAEAD;
	padding-bottom:10px;
}

.syouhinphoto{
	width:100%;
	margin-bottom:20px;
}

.cationtext{margin-top:30px;}

.kaisha {
	margin-bottom:100px;
  	border-collapse: collapse;
  	width: 100%;
}
 
.kaisha th,
.kaisha td {
  	border: 1px solid #dbe1e8;  
  	padding: 8px;
}

.kaisha th {
  	background: #f9fafc;
  	text-align: left;
  	width: 120px;
}

.kaisha tr,
.kaisha th,{
	display: block;
    	width: auto;
}

.kaisha td{
	display: block;
    	width:70%;
}

}


.kaisha tr:first-child {border-top: 1px solid #dbe1e8;}

.kaisha th,
.kaisha td {border-top: none;}

.ti_midashi {
    	margin:0;                 /* デフォルトCSS打ち消し */
    	font-size:22px;           /* 文字サイズ指定 */
    	border-bottom: solid 3px #74C185;   /* 線指定 */
    	padding-bottom:  5px;       /* 余白指定 */
    	margin-bottom: 30px;        /* 周りの余白指定 */
    	position:relative;        /* 位置調整 */
    	font-weight:normal;       /* 文字の太さ調整 */
	color:#74C185;
}

.ti_midashi:before {
    	content:'';               /* 空白の要素を作る */
    	width:100%;                /* 幅指定 */
    	height:1px;                /* 高さ指定 */
    	background-color: #74C185;     /* 背景色指定 */
    	display:block;            /* ブロック要素にする */
    	position:absolute;        /* 位置調整 */
    	left:0;                   /* 位置調整 */
    	bottom: -6px;               /* 位置調整 */
}


/* フォーム */

form#mail_form{width : 95%;}
form#mail_form dl{overflow : visible;}

form#mail_form dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-weight : bold;
}

form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}

form#mail_form dl dt span{font-weight : normal;}

/* フォーム */















}