@charset "utf-8";
/*
Theme Name: alphabase_child
Template: alphabase
Author: innovesta
Author URI: http://www.innovesta.net
*/


/*****************
width-1500px以下
　　(タブレット用)
*****************/

@media screen and (max-width:1500px) {
/*========================
MESSAGE
========================*/
.blind2 {
    background: rgba(255,255,255,0.6); 
}


/*========================
BLOG
========================*/
.blog_item { margin-left: 1%; }


}

/*****************
width-959px以下
　　(タブレット用)
*****************/

@media screen and (max-width:959px) {
/*========================
CAMPAIGN
========================*/
.campaign_title:before {
    top: -75px;
    left: -160px;
    transform: scale(0.6);
}


/*========================
TROUBLE
========================*/
.trouble_title:before {
    top: -160px;
    left: -90px;
    transform: scale(0.6);
}

}

/*****************
width-799px以下
    (スマホ用)
*****************/

@media screen and (max-width:799px) {
    .head_item,.head_item2 {
    margin: 0 auto 10px;
    }

/*========================
QUESTION_SINGLE
========================*/

.question_item:after{top: -8%;}


/*========================
PAGETOP
========================*/
#page-top {
    bottom: 20px;
    right: 20px;
}


/*========================
POP_BANNER_CONTACT
========================*/
#pop_banner_contact {
    width: 50px;
    top: 20px;
}

}



/*****************
width-599px以下
	(スマホ用)
*****************/

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

body {
    font-size: 14px;
}


/*fade
***************/
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 1500ms;
}


/*========================
HEADER
========================*/

nav.main_nav {
    padding: 0; 
}

/*
toggle
**************/
.fixed {
    z-index: 99;
}

.toggle_logo {
    width: 116px;
}

#toggle_menu {
    width: 100%;
    position: fixed;
    height: 100vh;
    top: 0;
    margin: 0;
    background: rgba(0,0,0,0.7);
    z-index: 100;
}

#toggle_menu li {
    background: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    border-left: none;
    border-top: none; 
}

#toggle_menu li a { padding: 5% 0; }

#toggle_menu .btn {
    width: 50%;
    height: auto;
    margin: 1em auto 0;
    background: none; 
    border: 1px solid #fff;
}


/*========================
SLIDER
========================*/
/* 画像レイアウト
===================================*/

/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: -25px !important;
    position: absolute;
    width: 100%;
}


/*========================
GALLERY
========================*/
/*
gallery_item
*******************/
.gallery_item {
    width: 100%;
    margin: auto; 
}


/*========================
GALLERY_ARCIVE
========================*/
/*
gallery_item
*******************/
.gallery_arcive_link {
    width: 100%;
}


/*========================
TROUBLE
========================*/
.trouble_title:before {
    top: -160px;
    left: -100px;
    transform: scale(0.4);
}


/*========================
NEWS
========================*/
.news_title {
    width: 70%;
    max-width: 411px;
}

.news_box {
    font-size: 11px; 
}

.news_list::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}

.news_list::-webkit-scrollbar-thumb {
  background:#aaa;
}

.news_txt_time {width: 50%;}

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

.news_contact {
    width: 100%;
}


/*========================
riyu
========================*/
.riyu_img {
    width: 100%;
    margin-bottom: 1em;
}


/*========================
question
========================*/
.question_img {
    width: 100%;
    max-width: 308px;
}

.question_txt {
    display: none;
}

/*========================
QUESTION_SINGLE
========================*/
.question_item:after{top: -5%;}


/*========================
USER
========================*/
.user_img {
    width: 100%;
    margin-bottom: 10px;
}

.user_txt {
    width: 100%;
}

.user_txt_title {
    width: 100%;
}

.user_txt_item01,.user_link {
    margin: auto;
}


/*========================
ABOUT_SINGLE
========================*/
.about_single_box {
    background: #fff;
    border: 2px solid #000; 
}

.about_box_item { width: 95%; }

/*
about_table
*******************/
table#about th, table#about td {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.about_message {
    background: #dfdfd0;
}


/*========================
BLOG
========================*/
#blog_list:after{ width:95%; }

.blog_item {
    width: 95%;
    margin: auto;
}

.blog_cap {
	width: 60%;
	margin: 0 auto 1em;
	max-width: 256px;
}

.blog_title {
	width: 90%;
	margin: 0 auto 1em;
	max-width: 380px;
}

.blog_list_link {
	width: 60%;
	margin: 0 auto 1em;
	max-width: 291px;
}


/*========================
CONTACT
========================*/
.contact_item {
    width: 100%;
    margin-bottom: 1em;
}

.contact_banner {
    width: 100%;
    max-width: 100%;
}


/*========================
CONTACT_SINGLE
========================*/
/*
フォーム
**********************/
.contact_table th, .contact_table td {
    display: block;
    font-size: 14px;
}

/*確認画面へ進むボタン用*/
.kakunin {
background:url(img/input_btn.jpg) no-repeat;
width: 100%;
max-width:222px;
height:55px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
margin: 1em auto; 
}

/*戻るボタン用*/
.back {
background:url(img/back_btn.jpg) no-repeat;
width: 100%;
max-width:222px;
height:55px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
user-select: text;
margin: 1em auto;
}


/*送信ボタン用*/
.sousin {
background:url(img/confirm_btn.jpg) no-repeat;
width: 100%;
max-width:222px;
height:55px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
margin: 1em auto;
}


/*========================
COMMUNICATION
========================*/
.com_img {
    width: 100%;
}


/*========================
MESSAGE
========================*/
.message {
    background-image: none; 
}

.message_item01_title,.message_item02_title,.message_item03_title {
    width: 90%;
}


/*========================
ページ設定
========================*/
.single_page {
    width: 100%;
    max-width: 100%;
}

.box_child_cap,.box_child_img {
    width: 100%;
    margin-bottom: 1em;
}

.flex-reverse {
    flex-direction: column-reverse;
}

.page_thumb img {
	height: 120px;
}


/*========================
SIDEBAR
========================*/
.sidebar {
    width: 55%;
    margin: 20px auto 0;
}


/*========================
PAGETOP
========================*/
#page-top {
    bottom: 70px;
    right: 20px;
}


/*========================
POP_BANNER_CONTACT
========================*/
#pop_banner_contact {
    width: 55px;
    top: 80px;
}

}