@charset "utf-8";
/*
Theme Name:Gran Crew Base
Theme URI:http://www.agn.co.jp/
Description:GranCrew ベース
Version:1.0
Author:K.abe
Author URI:http://www.agn.co.jp/
*/

@import "css/reset.css";
@import "css/common.css?20251212";

@import "css/samplegrid_24col.css";
@import "css/icon.css";
@import "css/etc.css";


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;900&display=swap');


body {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
background-image: url(images/pc_back.jpg);
background-size: cover;
}

strong{
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.heavy{
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-style: normal;
}

#goto_top{display: none;}




#foot_area { display: none; }

/* トップページ,アーカイブページ,カテゴリーページ,タグページ,検索ページ共通 */

.post {
	margin:0px;
	clear:both;
}

.post h2 {
	font-size:20px;
	color:#666;
	padding:0px 0px 7px 0px;
	margin:10px 0px 10px 0px;
}

.post h2 a {
	color:#666;
}

.post .entry_content h2 {
        font-size:18px;
	border-left:5px solid #999;
        border-bottom:none;
	padding:0px 0px 0px 10px;
	margin:15px 0px 15px 0px;
}

.post p {
	line-height:1.8;
}

.post ul {
        list-style-type:disc;
        margin:15px 0px 15px 30px;
        line-height:1.8;
}

.post ol {
        list-style-type:decimal;
        margin:15px 0px 15px 30px;
        line-height:1.8;
}

.entry_content p {
	line-height:1.8;
}

.entry_header {
	text-align:right;
	margin:0px 0px 10px 0px;
}

.entry_footer {
	text-align:left;
	margin:5px 0px 15px 0px;
}

.more-link {
        color:#333;
	padding:1px 5px 1px 5px;
        margin:30px 20px 30px 0px;
        display:block;
        float:right;
        clear:both;
	border:solid 1px #CCC;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #d5def6));
	background: -webkit-linear-gradient(top, #d5def6 0%, #ffffff 100%);
	background: -moz-linear-gradient(top, #d5def6 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #d5def6 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #d5def6 0%, #ffffff 100%);
	background: linear-gradient(top, #d5def6 0%, #ffffff 100%);
        background-color:#d5def6;
}

.tag {
	padding:30px 0px 0px 0px;
	clear:both;
}

.pagenavi {
	clear:both;
        padding:30px 0px 50px 0px;
}

.pagenavi .previous_page {
	float:left;
}

.pagenavi .next_page {
	float:right;
}

/* トップページ,アーカイブページ,カテゴリーページ,タグページ,検索ページ共通 */

/* アーカイブページ,カテゴリーページ,タグページ,検索ページのh1スタイル */

.archive h1,
.category h1,
.tag h1,
.search h1{
font-weight:bold;
}

/* アーカイブページ,カテゴリーページ,タグページ,検索ページのh1スタイルend */

/* シングルページ,固定ページ */

.single h1,
.page h1 {
	font-size:20px;
	color:#666;

	padding:0px 0px 7px 0px;
	margin:10px 0px 10px 0px;
}

.single h2,
.page h2 {
	font-size:18px;
        color:#666;
	border-left:5px solid #999;
	padding:0px 0px 0px 10px;
	margin:15px 0px 15px 0px;
}

.single .entry_content ul,
.page .entry_content ul {
        list-style-type:disc;
        margin:15px 0px 15px 30px;
        line-height:1.8;
}

.single .entry_content ol,
.page .entry_content ol {
        list-style-type:decimal;
        margin:15px 0px 15px 30px;
        line-height:1.8;
}

.post_link {
	padding:100px 0px 30px 0px;
	clear:both;
}

.previus {
	float:left;
}

.next {
	float:right;
}

/* コメント欄 */

#respond {
	margin:15px 0px 0px 0px;
}

#commentform {
	margin:0px 0px 30px 0px;
}

#commentform p{
	margin:5px 0px 5px 0px;
}

#comments {
	margin:15px 0px 15px 0px;
}

.commentlist p {
	margin:15px 0px 15px 0px;
}

.comment{
	margin:15px 0px 15px 0px;
}

.reply a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
        background-color:#c8d7dc;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:1px 5px 1px 5px;
	border:solid 1px #CCC;
	margin:15px 0px 0px 0px;
}

.depth-1 {

	padding:10px;
}

.commentlist .children {
	margin:0px 0px 0px 30px;
}

/* コメント欄end */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; 
	height: auto;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important;
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto;
}

/* 投稿画像等設定end */

/* シングルページ,固定ページend */




/* ポリシー関連 */

#page-privacy-policy h1,
#page-terms h1,
#page-entry_over h1,
#page-form_over h1{
    font-family: "Barlow", sans-serif;
    font-weight: 800;
    font-style: normal;
    border: none;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.4em;
    max-width: 880px;
    margin: 50px auto 1em;
    padding: 0.3em 15px 0;
}


#kiyaku{color: #333333;}

#kiyaku .entry_content{
max-width: 920px;
margin: 0 auto
}


#kiyaku h1 {
    font-family: "Barlow", sans-serif;
    font-weight: 800;
    font-style: normal;
    border: none;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.4em;
    max-width: 880px;
    margin: 100px auto 1em;
    padding: 0.3em 15px 0;
}

#kiyaku h1 br{display: none;}
#kiyaku h1 span{white-space: nowrap;}

#kiyaku h1{font-size: 2em;}
#kiyaku h1 br{display: block;}

#kiyaku h2 {
font-weight: bold;
border: none;
font-size: 1.3em;
padding: 1.5em 0 0.3em 0;
border-bottom: solid 1px #333333;
margin: 15px;
line-height: 1.2em;
}

#kiyaku  h3 {
margin-left: 2em;
margin-right: 2em;
text-indent: -1em;
margin-left: 3em;
font-weight: bold;
}

#kiyaku p {
text-indent: 1em;
line-height: 2em;
margin-bottom: 1.5em;
margin-left: 2em;
margin-right: 2em;
}

#kiyaku p + p {
margin-top: -1.5em;
}

#kiyaku  ul {
padding-left: 2em;
text-indent: 0;
list-style: none;
margin: 0.7em 0px 1.7em 3em;
line-height: 1.6em;
margin-right: 2em;
}

#page-terms #kiyaku ul {
	padding-left: 2em;
	text-indent: -1em;
	list-style: none;
	margin: 0.7em 0px 1.7em 2em;
	line-height: 1.6em;
	margin-right: 2em;
}



#kiyaku li {
    padding-left: 0;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

#page-privacy-policy li{
    list-style: disc;
}




#kiyaku div {
    display: table;
    padding: 0 15px;
    margin: 0 auto 0;
    text-align: right;
}


#kiyaku div p{}

#kiyaku div p + p{}


#kiyaku div a{
color: #333333;
}
#kiyaku div a:hover{
opacity: 0.6;
text-decoration:underline;
}

/* ポリシー関連 */



#page-privacy-policy .post,
#page-terms .post,
#page-entry_over .post,
#page-form_over .post {
max-width: 800px;
margin: 0 auto;
}


#page-privacy-policy #main,
#page-terms #main,
#page-entry_over #main,
#page-form_over #main {
	background-color: #fff;
	padding: 15px;
	margin: 0 auto;
	display: table;
	float: none;
}





#page-privacy-policy footer,
#page-terms footer,
#page-entry_over footer,
#page-form_over footer {
    display: table;
    margin: 200px auto 0;
}



#page-entry_over,
#page-entry_over #main,
#page-form_over #main {
height: 100vh
}




@media (max-width: 500px) {

 #page-privacy-policy #contents,
 #page-terms #contents,
 #page-entry_over #contents,
#page-form_over #contents {
padding: 0 10px;
}



#page-privacy-policy #main,
 #page-terms #main,
#page-entry_over #main,
#page-form_over #main {
    background-color: #fff;
    display: block;
    float: none;
    max-width: 480px;
    width: 100%;
    padding: 0;
}


}