/* Theme Name:プラモデルテーマ */

html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;vertical-align: bottom}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none;}a{text-decoration:none;}.wrapper{overflow:hidden;}body{overflow-y:scroll;}a{color:inherit;}
img{vertical-align: bottom;max-width: 100%;}


/*共通部分
----------------------------------------*/
header{
width:100%;
display:flex;
justify-content: center;
margin-bottom: 100px;
}

.header-inner{
text-align: center;
width:50%;
background:#b3d4fc;
}
h1{
text-align: center;
margin: 10px 0 10px;
}
.g-nav{
width:50%;

}
.g-nav>ul{
display: flex;
justify-content: space-between;
text-align: center;
align-items: center;
line-height: 100px;
border:10px solid #d2e2f5;
}
.g-nav li{
width: 25%;
}
.g-nav a{
display:block;
}
.g-nav a:hover{
text-decoration: underline #d2e2f5;
text-decoration-thickness:4px;
text-decoration-offset:5px;
letter-spacing: 0.1em;
}

footer{
width:100%;
height:100px;
background-color:#d2e2f5;
text-align: center;
line-height: 100px;
}


/*トップページ
---------------------------------------*/

.main-visual{
max-width:960px;
margin:0 auto 100px;
}
.main-txt{
max-width:600px;
text-align: center;
margin: 0 auto 150px;
}
.main-txt>h2{
font-size:50px;
margin-bottom: 30px;
}
.main-txt>{
line-height: 1.7;
}
.news{
max-width:600px;
margin:0 auto 200px;
}
.news>h3{
font-size:28px;
text-align: center;
margin-bottom: 50px;
}
.news>dl{
width:100%;
display: flex;
flex-wrap: wrap;/*忘れがち、改行させる指定*/
margin-bottom: 50px;
}
.news dt{
width:30%;
padding:20px;
}
.news dd{
width:70%;
}

.news dd>a{
display:block;
padding:20px;
text-decoration: underline;
}
.news dd>a:hover{
color:blue;
}
.news>dl>dt:nth-of-type(odd){/*偶数だけ*/
background-color:rgba(210, 226, 245, 0.48);
}

.news>dl dd:nth-of-type(odd){
background-color:rgba(210, 226, 245, 0.48);
}

.to-blog{
width:300px;
height:60px;
margin:0 auto 100px;
}
.to-blog a{
display:block;
text-align: center;
color:#333;
line-height: 60px;
background-color:rgba(222, 163, 84, 0.66);
border-radius: 10px;
transition: 0.3s;
}
.to-blog a:hover{
color:blue;
border-radius: 50px;
}

/*プロフィール
----------------------------------------*/
.sns-gallery{
max-width:960px;
margin: 0 auto 100px;
}

/*お問い合わせページ
-----------------------------------------*/

.step{
display:flex;
max-width:600px;
margin:80px auto;
justify-content: space-between;
font-weight: :bold;
position:relative;
z-index: 10;
}
.step::after{
display: block;
content:"";
width:90%;
height:5px;
background-color:#5d5dff;
position: absolute;
top:0;
right: 0;
left:0;
bottom: 0;
margin: auto;
z-index:-1;

}
.step>li{
padding:20px;
background-color:#fff;
border:2px solid #5d5dff;
}
.step>li.current{
background-color:#5d5dff;
color:#fff;

}
.step span{
font-size:18px;
margin-left:10px;
}

#g-form{
max-width:600px;
margin:0 auto 100px;
}
#g-form dl{
display:flex;
flex-wrap: wrap;
 margin-bottom: 80px;
}
#g-form dt{
width:40%;
padding:20px;
}
#g-form dt>span{
 font-size:12px;
 color:#d18700;
 padding:4px;
 margin-left:20px;
}
#g-form dd{
width:60%;
padding:20px;
}
[type="text"],[type="email"]{
background-color:#ececec;
padding:10px;
border:1px solid #333;
width: 100%;
}
textarea{
background-color:#ececec;
padding:10px;
border:1px solid #333;
width: 100%;
height:160px;

}
[type="submit"]{
background-color:orange;
width:50%;
border:1px solid #333;
padding:10px;
border-radius:10px;
}
[type="reset"],[type="button"]{
background-color:#058084;
width:25%;
border:1px solid #333;
padding:10px;
margin-left:50px;
border-radius:10px;
}
.thanks{
 text-align: center;
 max-width:600px;
 margin: 0 auto;
 height:300px;
 line-height: 2.0;
  margin-bottom: 50px;
}
.to-top{
 width:200px;
 text-align: center;
 margin:50px auto 0;
font-size:18px;
 border:5px solid #5d5dff;
}
.to-top:hover{
 background:#5d5dff;
 color:#fff;
}


/*ブログページ
---------------------------------------*/
.main{
max-width: 1200px;
margin:100px auto;
display:flex;
justify-content:space-between;
}

.sub-title{
text-align: center;
}

.content{
width: 66%;
}
article{
border:1px solid #000;
padding:20px;
display:flex;
flex-direction: row-reverse;
margin-bottom: 50px;
height:auto;
}
.txt-box{
width:70%;
margin-left:20px;
}
.txt-box p{
padding-bottom: 10px;
}
.date{
padding-bottom: 10px;
}
h2{
padding-bottom: 10px;
}
.txt-box>a{
color:#000;
display: block;
}
.txt-box>a:hover{
background-color: antiquewhite;
}
aside{
width:30%;
}