@charset "UTF-8";

body{overflow-x:hidden !important;}

#mainContents{
    width: 100%;
    margin:0 auto;
    background: #fff;
    padding-bottom:20px;
  }
h1.masthead {
  text-align: center;
  background: #76a1da; /* Old browsers */
  background: -moz-linear-gradient(top,  #76a1da 0%, #a5d3f7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #76a1da 0%,#a5d3f7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #76a1da 0%,#a5d3f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76a1da', endColorstr='#a5d3f7',GradientType=0 ); /* IE6-9 */

}
.masthead img{
  width: 100%;
  height: auto;
  max-width: 1400px;
  min-width: 976px;
}
#school_shirt .con_left_area h3 img{
  margin-bottom: 10px;
}
#school_shirt .con_left_area p,
#school_shirt .con_left_area .schoolshirt{
    margin-bottom: 25px;
}
section#qa,
section#fitting,
section#valuepoint,
section#school_shirt,
section#gakuseifuku,
section#easymaintenance,
section#hiquality,
section#functional,
section#introduction,
section#summer_list{
    width:965px;
    display:block;
    margin:0 auto;
    padding-bottom:20px;
    clear:both;
  }
h2.ttl_gakuseifuku{
  text-align:center;
  }
.typeBox{
  width: 440px;
  margin: 10px 0 20px 15px;
}
#qa_anchor,#fitting_anchor,#valuepoint_anchor,#schoolshirt_anchor{
  background:#0e2352;
}
.h2_inner{
  background: #0e2352;
  color: #fff;
  padding: 8px 0 3px;
}
#summer_lineup{
  width: 965px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
}
#summer_anchor{
  background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/summer_h2bgimg.png) repeat-x;
}
#gakuseifuku_anchor{
  background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/gakuseifuku_h2bgimg.png) repeat-x;
}
#easymaintenance_anchor{
  background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/easymaintenance_h2bgimg.png) repeat-x;
}
#hiquality_anchor{
  background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/hiquality_h2bgimg.png) repeat-x;
}
#functional_anchor{
  background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/functional_h2bgimg.png) repeat-x;
}
#school_shirt ul.schoolshirt {list-style-type: decimal !important;padding-left:20px;}

/*** section introduction ***/

#introduction .merit{
    background: url(/user_data/packages/store/images/pj/gakuseifuku/lp/info_section_txt_bgimg.png?20201222) no-repeat;
    min-height:240px;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
  }

#introduction .merit h2{
    font-size:2.6rem;
    font-weight:bold;
    color:#1578dc;
    padding:15px 10px 5px;
  }
#introduction .merit p{
    margin-top:10px;
    line-height:1.7em;
  }
#introduction .merit p.caution{
    margin-top:15px;
    line-height:1.5em;
    font-size:1.1rem;
  }
#introduction .trustmark_area{
    background: url(/user_data/packages/store/images/pj/gakuseifuku/lp/trustmark_area_bgimg.png) no-repeat;
    min-height:130px;
    margin-top:20px;
  }
#introduction .trustmark_right{
    position: absolute;
    margin-top: 40px;
    margin-left: 320px;
  }
#introduction ul.product_list_btn{
    width:100%;
    text-align:center;
  }
#introduction ul.product_list_btn li{
    display:table-cell;
    width:33%;
    margin:0 auto;
  }


/*** section gakuseifuku ***/

.product_img_area{
    display:inline-block;
    width:50%;
    margin-top:20px;
    margin-bottom:5px;
  }
.product_product_area{
    display:inline-block;
    width:49%;
    vertical-align:top;
    margin-top:20px;
    margin-bottom:5px;
  }
.type_ttl{
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #f00;
}
.type_img_ttl{
    text-align: left;
    border: solid #f00 1px;
    color: #f00;
    font-size: 16px;
    padding: 15px;
}
.product_product_area .type_img_ttl p{
  padding:5px;
  line-height:1.5em;
}

.product_product_area a{
    display:block;
  }
.product_product_area a:hover{
    opacity:0.8;
  }
.product_point_area ul{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
  }
.product_point_area ul li{
    display:inline-block;
    width:33%;
    margin:0 auto;
  }
.size_spec_list{
    background: url(/user_data/packages/store/images/pj/gakuseifuku/lp/sizespecbtn_bgimg.png) no-repeat;
    width:192px;
    height:37px;
    padding-top:10px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    float:right;
    margin-top:10px;
  }
.contents_ttl{
    padding-top:20px;
    font-size:2.2rem;
    font-weight:bold;
    color:#0b2a5e;
    text-align:center;
  }
.contents_sub_ttl{
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.7em;
    text-align:center;
  }
.con_left_area{
    display:inline-block;
    padding:5px;
    width:49%;
    margin-top:20px;
  }
.con_right_area{
    display:inline-block;
    padding:5px;
    width:45%;
    margin-top:20px;
    float:right;
  }

/***section valuepoint***/
#valuepoint .con_center_area{
    background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/valuepoint_img01.png?201222) no-repeat;
    width:100%;
    min-height:305px;
    margin-top:20px;
  }
#valuepoint .con_center_area .txt_area{
    position: absolute;
    margin-top: 110px;
    padding-left: 30px;
  }

#valuepoint .con_left_area{
    background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/valuepoint_img02.png?200717) no-repeat;
    height: 480px;
    display: inline-block;
    width: 47.2%;
    padding:0;
    margin:0;
    float:none;
  }
#valuepoint .con_left_area .txt_area{
    margin-top: 300px;
    padding-left: 18px;
    padding-right:10px;
  }
#valuepoint .con_right_area{
    background:url(/user_data/packages/store/images/pj/gakuseifuku/lp/valuepoint_img03.png?200717) no-repeat;
    height: 465px;
    display: inline-block;
    width: 48%;
    padding:0;
    margin:10px;
    float:none;
  }
#valuepoint .con_right_area .txt_area{
    background:url(/user_data/packages/store/images/static/common/linkMark.gif) no-repeat center left;
    padding-left: 1em;
    padding-top: 2px;
    margin-top: 410px;
    margin-left: 30px;
  }

span.link_btn_red{
    background:url(/user_data/packages/store/images/static/common/linkMark.gif) no-repeat center left;
    padding-left: 1em;
    padding-top: 2px;
  }

#fitting .con_left_area{
    display:inline-block;
    padding:5px;
    width:54%;
    margin-top:20px;
  }
#fitting .txt_area{
  margin-top:5px;
}

#fitting .con_right_area{
    display:inline-block;
    padding:5px;
    width:40%;
    margin-top:20px;
    float:none;
    text-align:right;
  }


/* パンくずリスト(topicpath) ここから */
.topicpath {
  margin: 0 0 10px 2px;
  font-size: 92%;
}
.topicpath > .topicpath_top,
.topicpath > .topicpath_other {
  display: inline;
}
.topicpath_top {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-weight: bold;
  padding: 0 1px 0 0;
}
.topicpath_other {
  background: rgba(0, 0, 0, 0) url("../../images/layout_list_topicpath.gif") no-repeat scroll left 5px;
  padding: 0 10px;
}
/* パンくずリスト(topicpath) ここまで */


/* メインコンテンツ(wrapper) ここから */
.wrapper {
  background-color: #fff;
  margin: 0 0 30px 0;
  padding: 0;
}

.nav {
  text-align: center;
  margin-bottom: 10px;
  width: 905px;
  margin: 30px auto 0;
}
.nav a {
  margin-right: 7px;
  width: 214px;
  float: left;
  display: block;
  color: #fff;
  margin: 10px 11px 10px 0;
  border-radius: 5px;
  border:2px solid #222222;
  background-color: #3e4041;
}

.nav a:last-child {
  margin-right: 0px;
}
.nav2 {
  text-align: center;
  margin-bottom: 10px;
}
/* アンカーリンクボタン */
.anchorbtn {
  font-size: 100%;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}
.anchorbtn a {
  color: #fff;
}
.anchorbtn:hover {
  color: #3E4041;
  background-color: #fff;
/*  font-weight: bold; */
}
.type_a .nav2 a  {
  border:2px solid #2a6812;
  background-color: #62924f;
}
.anchorbtn.okawa a {
  color: #fff;
}
.anchorbtn.okawa:hover {
  color: #62924f;
  background-color: #fff;
/*  font-weight: bold; */
}
.type_b .nav2 a {
  border:2px solid #002063;
  background-color: #388bbf;
}
.anchorbtn.takimoto a {
  color: #fff;
}
.anchorbtn.takimoto:hover {
  color: #388bbf;
  background-color: #fff;
/*  font-weight: bold; */
}
.nav2 a {
  margin-right: 7px;
  width: 206px;
  float: left;
  display: block;
  color: #fff;
  margin: 10px 7px 0 0;
  border-radius: 5px;
}
.nav2 a:nth-child(2n) {
  margin-right: 0;
}
.main_txt{
 padding:30px 0 0;
 text-align:center;
 border-top: 4px solid #999999;
}



#content_select01,
#content_select02,
#content_select03,
#content_select04,
#content_select05,
#content_select06,
#content_select07, 
#content_select08,
#content_select09,
#content_select10,
#content_select11, 
#content_select12
{
  padding: 60px 0;
  margin: -60px 0 0;
}


#content_select08.page_end{
  padding: 60px 0 30px;
  margin: -60px 0 20px;
}

/* タイトル */

.chapter_head {
  color: #fff;
  font-size: 140%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 15px;
  background: #000 no-repeat fixed;
  height: 55px;
  width: 976px;
}
.chapter_head.okawa {
  color: #fff;
  font-size: 140%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 15px;
  background: #62924f no-repeat fixed;
  height: 55px;
  width: 976px;
}
.chapter_head.takimoto {
  color: #fff;
  font-size: 140%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 15px;
  background: #388bbf no-repeat fixed;
  height: 55px;
  width: 976px;
}

.chapter_head_fl {
  font-size: 130%;
}

/* リンク画像ホバー時 */

a img:hover {
  opacity: 0.8;
}


/* 各コンテンツ項目 */
.section {
  width: 100%;
  margin: 25px 0 30px 0;
}


#summer_list .product_list {
  display: table;
  margin: 25px 17px 0;
}
#summer_list .product {
  display: table-cell;
  padding: 0 10px 10px 0;
  clear: none;
  float:left;
  position:relative;
  vertical-align:top;
  /*margin-top:20px;*/
}
/* 商品一覧 横並び */
.product_list {
  display: table;
  margin: 25px 17px 0;
}
.product {
  display: block;
  padding: 0 10px 10px 0;
  clear: both;
  position:relative;
  vertical-align:top;
  /*margin-top:20px;*/
}
.product:hover {
  opacity: 0.8;
}

.product_link{
  display: block;
  font-size: 140%;
  font-weight: bold;
  text-align: right;
  text-decoration: underline;
  background-color: rgba(202,221,255,0.45);
  color:#004990;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:95%;
  transition: 0.3s;
  opacity:0;
}
.product_link:hover{
  opacity:1;
  filter : alpha(opacity=15)\9;
  background-color: #000\0/;
}
:root .product_link:hover{
  filter : alpha(opacity=100)\0/IE9;
  opacity :1 \0/IE9;
}
.product_txt {
  float: right;
  width: 325px;
  font-weight: bold;
  /*margin: 12px 0 0 10px;*/
  overflow: hidden;
}
.product_txt p {
    font-weight: bold;
}
.line_through {
  color: #000;
  text-decoration: line-through;
  margin: 10px 0 0 0;
}
.price {
  color: #f00;
}
.pagetop {
  padding: 15px 25px 0 0;
  text-align: right;
}

/* 商品一覧ページリンク ロングver */

.pbtn_box {
  width:860px;
  margin:35px auto 45px;
}
.productbtn {
  font-size: 130%;
  border:3px solid #004990;
  background-color: #004990;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px 15px;
  width: 860px;
  height: 40px;
}
.productbtn:hover {
  color: #004990;
  background-color: #fff;
}


/* 商品一覧ページリンク 4つ並び */
.linknav {
  margin: 40px auto 10px;
  width:930px;
}

.linkbtn {
  font-size: 115%;
  border:2px solid #222;
  background-color: #3E4041;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  margin: 0px 10px 20px;
  width: 175px;
}

.linkbtn a {
  color: #fff;
}

.linkbtn:hover {
  color: #3E4041;
  background-color: #fff;
  font-weight: bold;
}


/* 商品一覧 縦並び */
.vertical_layout .product{
  display: block;
  text-align: left;
  margin: 0 0 20px;

}

.vertical_layout .product img{
  width:100px;
}

.vertical_layout .product_txt{
  width: 280px;
}

/* comingsonn・solod outレイアウト */
.comingsonn_txt{
  color: #aaa;
  margin: 35px 0 0;
}
.soldout_txt{
  margin: 6px 0 0;
  color: #f00;
}

.product.product_no:hover{
  opacity: 1;
}

.no_link{
  display: block;
  font-size: 140%;
  font-weight: bold;
  text-align: right;
  text-decoration: underline;
  background-color: rgba(0,0,0,0.12);
  background-color: #000\0/;
  filter: alpha(opacity=12)\0/;
  opacity /*\**/: 0.12\9;
  color:#004990;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:95%;
  transition: 0.3s;
  opacity:1;
}



/* フロート部分 */

.float_inner{
  width:905px;
  margin:30px auto 40px;
  _zoom: 1;
  overflow: hidden;
  background:#ff000;
}

.section_left{
  float:left;
}

.section_right{
  overflow: hidden;
  _zoom: 1;
  padding-left:50px;
}

.item_box{
  width:403px;
}


/* フロート1/4分割 */

.float_quadrant_inner{
  width:932px;
  _zoom: 1;
  overflow: hidden;
  margin:0 -24px 0 0;
}

.section_quadrant{
  float:left;
  padding: 0 24px 0 0;
  width:209px;
}


/* サブタイトル */

.sub_chapter_head{
 border-bottom:4px solid #002063;
 padding: 0;
 font-size:16px;
 color:#002063;
 width: 930px;
 margin: 0 auto;
 font-weight: bold;
}


.sub_chapter_head_01{
 font-size:16px;
 color:#e5006f;
 display:block;
 border-bottom: 2px dashed #e5006f;
 margin: 15px;
 width: 130px;
}

.sub_chapter_head_02{
 font-size:16px;
 color:#0051ca;
 display:block;
 border-bottom: 2px dashed #0051ca;
 margin: 15px;
 width: 130px;
}

.sub_chapter_head_04{
 font-size:16px;
 color:#e54100;
 display:block;
 border-bottom: 2px dashed #e54100;
 margin: 15px;
 width: 130px;
}


/* フロート時みだし */
.headline_txt{
  font-size: 18px;
  color: #333;
  margin: 10px 0 30px;
  text-align: left;
  font-weight: bold;
}

.headline_txt p{
  font-size: 12px;
  font-weight: normal;
  padding:10px 0 0;
}


/* コンテンツイメージ */
.section_layout{
  margin:20px auto 30px;
  width: 908px;
}

/* 区切り線 */
.hr_line{
  border:0;
  border-top: 2px solid #60B1DC;
  width: 930px;
  display:block;
  margin:30px auto;
}




/* ブランド画像 */
.brand_img {
  display: table-cell;
  padding: 0 10px 10px 0;
  clear: both;
  position:relative;
  vertical-align:top;
}




/* 説明文テキスト*/
.info_text{
  border-bottom:2px solid #e5006f;
  padding:20px 0 20px;
}

.info_text_tit{
margin-bottom:20px;
border-bottom:solid 2px #e5006f;
font-size:16px;
font-weight:bold;
}

.info_text p{
  padding:16px 0;
}


.info_text.info_float_inner{
  width:905px;
  margin:30px auto 40px;
  _zoom: 1;
  overflow: hidden;
  background:#ff000;
}

.info_text .info_section_left{
  float:left;
}

.info_text .info_section_right{
  overflow: hidden;
  _zoom: 1;
  padding-left:30px;
}


/* フロート 右15pxマージン */

.mr16_float_inner{
  width:905px;
  margin:30px auto 40px;
  _zoom: 1;
  overflow: hidden;
  background:#ff000;
}

.mr16_section_left{
  float:left;
}

.mr16_section_right{
  overflow: hidden;
  _zoom: 1;
  padding-left:15px;
}





/* フロート 右40pxマージン */

.mr40_float_inner{
  width:905px;
  margin:30px auto 40px;
  _zoom: 1;
  overflow: hidden;
  background:#ff000;
}

.mr40_section_left{
  float:left;
}

.mr40_section_right{
  overflow: hidden;
  _zoom: 1;
  padding-left:40px;
}


/* フロート 子要素のフロート */

.child_float_inner{
  width:433px;
  margin:0px auto 5px;
  _zoom: 1;
  overflow: hidden;
  background:#ff000;
}

.child_section_left{
  float:left;
}

.child_section_right{
  overflow: hidden;
  _zoom: 1;
  padding-left:15px;
}


.entry_txt_box{
  width:628px;
}


ul li.Link{
  background: rgba(0, 0, 0, 0) url("../../images/static/common/marker_link_right.gif") no-repeat scroll 0 0.5em;
  padding-left: 14px;
}

ul li.Link a{
  color:#333399;
}


.q_a_box{
  width:904px;
  border: 2px solid #002B54;
  margin: 20px auto 20px;
}

.headline_txt .sub_tit{
  font-size:14px;
  font-weight:bold;
  padding:20px 0 5px;
}

.headline_txt ul{
  font-size: 12px;
  font-weight: normal;
  padding:0 0 0 2em;
}

.headline_txt li{
  text-indent: -2em;
}

/* 20180208_メインヴィジュアル下告知追加 */
.gakuseifuku_notice {
	text-align: center;
	margin: 30px auto;
	color: #de1642;
	font-size: 1.5rem;
}
.gakuseifuku_notice p:first-child {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.gakuseifuku_notice a {
	text-decoration: underline;
}

/* 20180209追加_アンカーボタン上リンク */
#gakuseifuku_linkarea {
	margin: 20px auto 40px;
}
#gakuseifuku_linkarea ul {
	margin-left: 0;
}
#gakuseifuku_linkarea li {
	float: left;
	margin-left: 25px;
	width: 432px;
	margin-right: 25px;
}
#gakuseifuku_linkarea .m-ticket-2 {
	padding: 20px 97px;
}
#gakuseifuku_linkarea li .foot-icon {
	font-size: 1em;
}
#gakuseifuku_linkarea li:last-child a {
	padding-left: 28%;
}
#gakuseifuku_linkarea .foot-btncl-cred {
	background-color: #122d6b;
}
#gakuseifuku_linkarea .foot-btncl-dblue {
	background-color: #122d6b;
}

/* 20180209追加_タブボタン */
section#introduction {
	padding-bottom: 0;
}
#tabbox_functional {
	display: none;
}
#tabbox_gakuseifuku {
	display: none;
}
.tabbtn {
	width: 975px;
	margin: auto;
	display: block;
}
.tabbtn li {
	float: left;
	position: relative;
	cursor: pointer;
}

.tabbtn li::after {
	content: "";
	border: 1px solid #fff;
	width: 100%;
	position: absolute;
	bottom: 0;
	display: block;
}
.tabbtn li.tab_select::after {
	content:  none;
}

/* 20180209追加_学生服のポイントを写真の横に位置変更 */
.product_img_area {
	float: left;
	margin-bottom: 0;
}
.product_point_area {
	display: inline-block;
	width: 50%;
	margin-top: 10px;
}
.product_point_area ul li {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}
.product_point_area ul li img {
	width: 100%;
}
.product_product_area {
	display: block;
	width: 100%;
}
.product_product_area p.typeBox {
	width: 100%;
	margin:  0;
	padding: 0;
	text-align: center;
}
.item_leftbox {
	width: 470px;
	float: left;
}
.item_rightbox {
	width: 470px;
	float: right;
}
.item_leftbox >img ,.item_rightbox > img{
	margin-bottom: 10px;
}
/* メインコンテンツ(wrapper) ここまで */
.mb10 {
    margin-bottom: 10px !important;
}

.type_a {
   width:435px;
   float:left;
   margin-right: 35px;
}
.type_b {
   width:435px;
   float:left;
}
.product_nav {
   width: 905px;
   margin: 0 auto;
}

/** サイズ表ページ（guideページにあり） **/
.infolinks02{
  text-align: center;
  margin-top: 10px;
}
.infolinks02 li{
  background: #233484;
  margin: 10px;
  width: 195px;
  padding: 8px 0;
  display: inline-block;
  position: relative;
}
.infolinks02 a{
  color: #fff;  
}
.infolinks02 a:link,
.infolinks02 a:hover,
.infolinks02 a:visited{
  color: #fff !important;
}
.SubSection .infolinks02 .m-category_icon{
  position: absolute;
  top: 18px;
  right: 7px;
}
.sectionBox{
  padding: 10px;
  background: #fff !important;
}
div.Section, div.SubSection{
  padding: 0 0 10px;
}
.SubSection h1{
  margin-bottom: 20px;
}
.SubSection .chapter_head_size{
  background: #c6defa;
}
.SubSection .chapter_head_size{
  margin-bottom: 20px;
}
.SubSection .chapter_head_size h3{
  padding: 12px;
  font-size: 120%;
  color: #222;
}
.sizeBox img,
.SubSection h4{
  margin-bottom: 20px;
}
.navy_tx{
  font-weight: bold;
  font-size: 18px;
  color: #233484;
}
.link_right{
  text-align: right;
}
.gakuseihuku_link{
    float: left;
    width: 210px;
}
.gakuseihuku_link a{
    display: block;
    position: relative;
    padding: 15px 0;
    background: #122d6b;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}
.gakuseihuku_link a span{
    color: #fff;
    position: absolute;
    top: 50%;
    right: 5%;
}
.shichaku_link{
    float: left;
    width: 210px;
    margin-right: 30px;
}
.shichaku_link a{
    display: block;
    position: relative;
    padding: 13px 0;
    background: #fff;
    border: solid 2px #122d6b;
    text-align: center;
    color: #122d6b;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}
.shichaku_link a span{
    color: #122d6b;
    position: absolute;
    top: 50%;
    right: 5%;
}
.product_product_area p.num{
    background: #333;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    padding: 7px;
}

#popup{
    margin-top: -122px;
    padding-top: 122px;
}
@media screen and (max-width: 768px) {
    #popup{
        margin-top: -64px;
        padding-top: 64px;
    }
}