@charset "utf-8";
/* Global Styles */
.btn-square { display:inline-block; padding:0.5em 1em; text-decoration:none; background:#668ad8; /*ボタン色*/
 color:#FFF; border-bottom:solid 4px #627295; border-radius:3px; }
.btn-square:active { /*ボタンを押したとき*/
 -webkit-transform:translateY(4px); transform:translateY(4px); /*下に動く*/
 border-bottom:none; /*線を消す*/ }
.btn-square-shadow { display:inline-block; padding:0.5em 1em; text-decoration:none; background:#668ad8; /*ボタン色*/
 color:#FFF; border-bottom:solid 4px #627295; border-radius:3px; }
.btn-square-shadow:active { /*ボタンを押したとき*/
 -webkit-transform:translateY(4px); transform:translateY(4px); /*下に動く*/
 box-shadow:0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
 border-bottom:none; }
.btn-square-pop { position:relative; display:inline-block; padding:0.25em 0.5em; text-decoration:none; color:#FFF; background:#fd9535; /*背景色*/
 border-bottom:solid 2px #d27d00; /*少し濃い目の色に*/
 border-radius:4px; /*角の丸み*/
 font-weight:bold; }
.btn-square-pop:active { border-bottom:solid 2px #fd9535; box-shadow:0 0 2px rgba(0, 0, 0, 0.30); }
.btn-square-little-rich { position:relative; display:inline-block; padding:0.7em !important; text-decoration:none; color:#FFF; background:#03A9F4; /*色*/
border:solid 1px #0f9ada; /*線色*/
border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); text-shadow:0 1px 0 rgba(0,0,0,0.2); }
.btn-square-little-rich:active { /*押したとき*/
 border:solid 1px #03A9F4; box-shadow:none; text-shadow:none; }
.btn-flat-border { display:inline-block; padding:0.3em 1em; text-decoration:none; color:#67c5ff; border:solid 2px #67c5ff; border-radius:3px; transition:.4s; }
.btn-flat-border:hover { background:#67c5ff; color:white; }
.btn-flat-double-border { display:inline-block; padding:0.5em 1em; text-decoration:none; color:#67c5ff; border:double 4px #67c5ff; border-radius:3px; transition:.4s; }
.btn-flat-double-border:hover { background:#fffbef; }
.btn-flat-dashed-border { display:inline-block; padding:0.5em 1em; text-decoration:none; color:#67c5ff; border:dashed 1px #67c5ff; border-radius:3px; transition:.4s; }
.btn-flat-dashed-border:hover { border-style:dotted; color:#679efd; }
.btn-flat-dashed-border2 { display:inline-block; padding:0.5em 1em; text-decoration:none; color:#6867FF; border:dashed 1px #6867FF; border-radius:3px; transition:.4s; }
.btn-flat-dashed-border2:hover { border-style:dotted; color:#6867FF; }
.btn-flat-dashed-border2:active { background-color:#DFEFFF; }
.btn-flat-dashed-filled { display:inline-block; padding:0.5em 1em; text-decoration:none; color:#67c5ff; border:dashed 1px #67c5ff; background:#f2fcff; border-radius:3px; transition:.4s; }
.btn-flat-dashed-filled:hover { background:#cbedff; color:#FFF; }
.btn-flat-vertical-border { position:relative; display:inline-block; font-weight:bold; padding:0.5em 1em; text-decoration:none; border-left:solid 4px #668ad8; border-right:solid 4px #668ad8; color:#668ad8; background:#e1f3ff; transition:.4s; }
.btn-flat-vertical-border:hover { background:#668ad8; color:#FFF; }
/* アコーディオン処理 */
.accordion { line-height:40px; text-align:center !important; }
/*media query for small screen devices */
@media screen and (max-width:480px) {
.btn-square { }
.btn-square:active { }
.btn-square-shadow { }
.btn-square-shadow:active { }
.btn-square-pop { }
.btn-square-pop:active { }
.btn-square-little-rich { position:relative; display:inline-block; padding:0.7em !important; text-decoration:none; color:#FFF; background:#03A9F4; /*色*/
border:solid 1px #0f9ada; /*線色*/
border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); text-shadow:0 1px 0 rgba(0,0,0,0.2); }
.btn-square-little-rich:active { /*押したとき*/
 border:solid 1px #03A9F4; box-shadow:none; text-shadow:none; }
}