@charset "utf-8";
/* 
sp用
 */
 
/*特定要素出し分け*/ 
.only_pc {
	display:none;
}

.only_sp {
}

/* SP用左右shadow消し */
.wrap {
	width: 100%;
	background-color: #fff;
	padding:0;
	margin: 0;
	text-align: center;
	overflow:hidden;
}

/* title */
.title img {
	width:50%;
	height: auto;
}



/* navi */
/* 参考url
https://q-az.net/hamburger-menu-checkbox-only-css/
*/
#ham-menu {
    background-color: #fff;/*メニュー背景色*/
    box-sizing: border-box;
	padding: 0; /*メニュー内左右上下余白*/
    position: fixed;
    right: -300px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 300px; /*メニュー横幅*/
    z-index: 1000;
}

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: rgba(0,0,0,0.6); /*アイコン部分背景色*/
    border-radius: 0; /*左下角丸*/
    color: #fff; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 40px; /*アイコン（フォント）サイズ*/
    height: 40px; /*アイコン縦高さ*/
    line-height: 40px; /*縦位置中央化*/
    position: fixed;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 40px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-300px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

/* hamカスタム */
.navi_menu li {
	text-align: left;
	margin-bottom:1px;
} 

.navi_menu a {
display: block;
padding: 20px 0 20px 20px;
text-align: left;
text-decoration: none;
background-color:rgba(0,190,210,1.0);
color: #fff;
}

.navi_menu a:link {color: #fff; background-color:rgba(0,190,210,1.0); text-decoration: none; }
.navi_menu a:hover {color: #fff; background-color:rgba(0,190,210,0.5); text-decoration: none; }
.navi_menu a:visited {color: #fff; background-color:rgba(0,190,210,1.0); text-decoration: none; }

/*各項目の指定*/ 

/* products */
#products {
grid-template-columns: 100%;
} 

#products img {
	width:100%;
} 

/* message */
.message_ph {
margin-top:20px;
}

.message_text {
	padding:0 20px;
	text-align: left;
}

.message_sign {
	margin:10px 20px 20px 0;
	text-align: right;
}


/*.table_A */
.table_A th,
.table_A td {
display:block;
border: none;
padding: 8px 20px;
text-align: left;
}

/*.table_問い合わせフォーム */
.table_form th {
display:block;
border: none;
padding: 8px 15px;
text-align: left;
}

.table_form td {
display:block;
border: none;
padding: 8px 5px 20px 0;
}
/*end_問い合わせフォーム */


.media_but a {
margin: 50px 30px;
}




/* inquery */
.inq_mail {
	padding-left:0;
}

/* twitter */
#twitter{
padding: 0 30px;
}

#twitter div{
max-width: 100%;
margin: 0 auto;
}

/* footer */
.footer {
	margin-top: 50px;
}

/* アコーディオン */
.cp_actab h2:hover {
	background-image:url("./../../img/back_dot01.png");
}


.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #666;
}


/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 1200px;
}


/* Icon */
.cp_actab label::after {
	line-height: 6;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 4em;
	height: 4em;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '\025bc';
		color: #fff;
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(540deg);
	line-height: 2.0;
}
/* end_アコーディオン */