@charset "utf-8";

/*
Theme Name: ZIGZAGCODE
Theme URI: https://zigzagcord.com
Author: BAND OF BROTHERS Inc.
Author URI: http://bandofbrothers.co.jp
Description: This is ZIGZAGCODE original theme.
*/

@import url("css/base.css");
@import url("css/header.css");
@import url("css/content.css");
@import url("css/footer.css");
@import url("css/page.css");
@import url("css/page_top.css");
@import url("css/form.css");


/*  ex. loading
----------------------------*/
/*  loading  */
#loading {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; z-index: 999;}
#loading_image {display: none; position: fixed; width: 100px; height: 100px; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; z-index: 998;}
#loading_image img {width: 100px; height: 100px;}

/*  ex. form message
----------------------------------------*/
/*  form message  */
span.wpcf7-not-valid-tip {float: left; width: 100%; height: 20px; line-height: 20px; margin: 0; padding: 0; left: 0; bottom: 0; font-size: 12px!important; font-weight: bold!important; color: #FF0004!important; text-align: left; border: none;}
div.wpcf7-response-output {float: left; width: 100%; height: 20px; line-height: 20px; margin: 0!important; padding: 0!important; left: 0; bottom: 0; font-size: 12px!important; font-weight: bold!important; color: #FF0004!important; text-align: center; border: 0px!important;}
div.wpcf7 .ajax-loader {display: none!important;}

/*  ex. iframe
----------------------------------------*/
/*  iframe  */
.iframe_body_wrap {float: left; width: 100%; height: auto;}
.iframe_body {position: relative; max-width: 100%; height: auto; padding-top: 30px; padding-bottom: 56%; overflow: hidden;}
.iframe_body iframe,
.iframe_body object,
.iframe_body embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}