/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.site-content{
	max-width: 798px;
    text-align: center;
   margin: 10px auto;
}

.site-header{
    background-color: #000;}

.kadmarusiro{
    width: 85%;               /* 幅指定 */
    background-color: #fff;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
   margin: 5%  auto;
   padding:10px;
    }
    
.kadmarusiro2{
    width: 96%;               /* 幅指定 */
    background-color: #fff;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
   margin:1px auto;
   padding: 1rem;
    text-align: center;
    font-size:1.3em;
    font-weight:700;
    }
.kadmarusiro2 a{
  text-decoration: none;
    }
    
a.kadmarusiro2 {
  text-decoration: none;
    }
        
.kadmarutop    {
    width: 90%;               /* 幅指定 */
    background-color: #fff;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
   margin:1px auto;
   padding: 1rem;
       font-size:1.3em;
    font-weight:700;
    }

.kadmarutop  a{
  text-decoration: none;
    }    
    
/* 親要素(コンテナ) */
.flex-container {
display: flex;
flex-wrap: nowrap;
align-items: start;
   margin: 20px auto;
}

/* 子要素(アイテム) */
.flex-item {
    width: 50%;
   text-align: center;
   
}






/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  margin: 20px;
  background-color: #eb9900;
}


.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #eb9900;
  padding: 0.5rem 3rem;;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb9900;
    padding: 1rem 3rem;
}



.btn--orangey:hover,
a.btn--orangey:hover {
  color: #fff;
  background: #eb9900;
    padding: 0.5rem 1rem;
}

.btn--orangey,
a.btn--orangey{
  color: #fff;
  background-color: #eb9900;
    padding: 1rem 1rem;
}

.site-header__content{
  color: #fff;
}
div.site-header__content h1{
  font-size: 2rem;
  font-weight: 700;
}

div.site-header__content p{
  font-size: 1.5rem;
  font-weight: 700;
}
div.site-header__content p span{
  font-size: 0.7rem;
  font-weight: 500;
}

.sp{
display: none !important;
}



@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
}



@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 9999999;
}


.pc{
 display: none !important;
}
    
.sp{
     display: block !important;
}
	
	
.btn,
a.btn,
button.btn {
  font-size:0.8rem;
  margin: 5px;
  padding: 1rem;
}
	
	
/* 親要素(コンテナ) */
.flex-container {
display: block;
   margin: 20px;
}

/* 子要素(アイテム) */
.flex-item {
    width: 100%;
   text-align: center;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
.content__main div.flex-container .flex-item:nth-child(2) {
border-top: thick double #000;
}


.kadmarusiro2{
    width: 90%;               /* 幅指定 */
    }
div.site-header__content h1{
  font-size: 1rem;
  font-weight: 700;
}

div.site-header__content p{
  font-size:0.9rem;
  font-weight: 700;
}
div.site-header__content p span{
  font-size: 0.5rem;
  font-weight: 500;
}
	
}