@charset "utf-8";
/* このスタイルシートについて

クリックなどのイベントが発生している要素に付与する


/* ===　フォームの中の文字（プレースフォルダ内）のCSS=======================================---　*/

.form-control::-webkit-input-placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
}

/* for Firefox */

.form-control::-moz-placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
}

/* for Firefox 18以前 */

.form-control:-moz-placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
}

/* for Windows IE */

.form-control:-ms-input-placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
}




/* TOPへ戻るボタン
------------------------------------------------------------ */

.topbutton {
	position: fixed;
	bottom: 5%;
	right: 10%;
	z-index: 10;
	margin: 0 -1px;
}


/* トグル
------------------------------------------------------------ */
.pure-toggle-label {
    display: none;
    cursor: pointer;
    display: block;
    position: fixed;
    top: 15px;
    z-index: 99;
    color: #ffff;
    width: 40px;
    height: 30px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    border: 0px solid #555;
    border-radius: 5%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
	
}

.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
    position: absolute;
    top: 60%;
    left: 50%;
    height: 3px;
    width: 25px;
    cursor: pointer;
    background: #fff;
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {
    background-color: #fff;
}

.pure-toggle[data-toggle='left']:checked~.pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked~.pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked~.pure-toggle-label[data-toggle-label='top'] {
    border-color: #fff;
    color: #fff;
}

.pure-drawer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    visibility: hidden;
    background-color: #212121;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
}




/* 
.jq-pagetop a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 0.6;
}
.jq-pagetop a:link {
    color: #fff;
}
.jq-pagetop a:hover {
	color: #fff;
    text-decoration: none;
    background: #999;
}
 */

/*
.topbutton a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 0.6;
}
.topbutton a:link {
    color: #fff;
}
.topbutton a:hover {
	color: #fff;
    text-decoration: none;
    background: #999;
}
*/



/* マウスカーソルをあてるとドロップダウンメニューが出る（通常はクリックして出る）
------------------------------------------------------------ */
/* 
	.dropdown:hover .dropdown-menu {
    display: block;
}
*/