@charset "utf-8";

/***************************************/
/* COMMON
/***************************************/

/*******************************************************************PCのみ*/
@media screen and (min-width: 960px) {
/*SP COUNTENT CONTROL*/

#sphead{
  display:none;
}

#logo {
  float: left!important;;
  margin: 3px 0 0 0!important;
  padding: 0!important;
  font-size: 7px!important;
  line-height: 100%!important;
  width: 188px!important;
  margin-right: -188px!important;
  position: relative!important;
  z-index: 9999!important;
}

}


/*******************************************************************PC・スマホ*/

html,body {
  margin: 0;
  padding: 0;
  font-family: "Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif!important;
    font:500 13px/1.0 Montserrat,Rokkitt,Lato,"Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height:18px;
  color:#000;
  position:relative;
  width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%; /* Android対策 */
}

/*サイト横バナー タテリピート  楽天商品ページ対応:body、各トップ: body.topbg
body,body.topbg {
background: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/xmas_mainbg.jpg') repeat-y center 130px;
}*/


/*xmas2021*/
/*	body,body.topbg {
background: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/2021xmaswall-soy_sidebnr_2500.png') repeat-y center 130px;
}*/

/*newyear2022*/
/*	 body,body.topbg {
  background: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/winter-holiday_bg2022.jpg') repeat-y center 130px;
}*/

/*SOY2022-winter*/
/*	 body,body.topbg {
  background: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/2022winterwall-soy_sidebnr_2500.jpg') repeat-y center 130px;
}*/

/*SOY2022-default*/
 /*body,body.topbg {
  background: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/2022wall-soy_sidebnr_2500.jpg') repeat-y center 150px;*/
}


/*ゲームの背景画像を変えたいときは下記を参照*/
/*bligandaine*/
/*
body.topbg.brigandine {
background-image: URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/bg_whitegrade.png') ,
URL('https://www.rakuten.ne.jp/gold/es-toys/frame/images/banner/game/brigandine/bg5.jpg');
background-attachment: fixed;
background-size: auto,cover;/*bg_w,bg5*/
/*　background-repeat:repeat-y;/*bg_w,bg5*/
/*　background-position: center 0,center -200px;/*bg_w,bg5
}


/*brigandine*/

a.makersite {
    width: 1040px;
    margin: 20px auto;
    display: block;
    text-align: center;
}

a.makersite img {
    width: 100%;
    box-shadow: 0 0 7px #AAA;
}

a.makersite img:hover {
    opacity:1.0!important;
}

a.makersite:hover {
    box-shadow: #f0537c 0 0px 50px;
    position: relative;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

a.makersite.lego:hover {
    box-shadow: none;
    opacity:0.8!important;
}

#mainheader a {
    color:#333;
    text-decoration: none;
}

#mainheader a.link {
    color:#0D62C1;
    text-decoration: underline;
  }

#mainheader a:hover,button:hover {
    text-decoration: none;
}







/* reset */
#mainheader table { border-collapse: collapse; }

#cboxLoadedContent
/* headline */
h1, h2, h3, h4, h5 {
    font-size: 14px;
}

/*ul*/
ul{ list-style:none;}

.headservice,
h1, h2, h3, h4,
#product p,
.box_agree div,
.box_agree .rule,
.box_message,
.form p,
#inquiry p,
#guide p,
.button { max-height: 100%; } /* Android対策 */
#cboxLoadedContent


.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}

.fc_rd{ color:#FF2300;}
.fc_bl{ color:#0D62C1;}
.fc_yl{ color:#d6b32c;}
.fc_gr{ color:#2a8c48;}
.fc_pnk{color:#d54c58;}

.bg_rd{ background:#FF2300;}
.bg_pnk{background:#d54c58;	/*red*/}
.bg_bl{background:#0d62c1; /*blue*/}
.bg_gr{background:#2a8c48;	/*green*/}
.bg_yl{background:#d6b32c;	/*yellow*/}


.radius3{border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.radius4{border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.radius5{border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius8{border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.radius_circle{border-radius: 40px; -webkit-border-radius:40px; -moz-border-radius:40px;}



/* HTML ICLUDE ****************************************/

.forpc {
    width: 100%;
    display: inline-table;
}


div#mainheader {
    z-index: 9999999999999999999999999999;
    position: relative;
}

div#megamenu {
    position: relative;
    z-index: 10000000000000000000;
    margin:0;
}

div#subheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}



/***************************************/
/* HEADER
/***************************************/


header.global { 
    width: 100%;
    background: #0D62C1;
    padding: 0;
    height: 100px;
    z-index: 999999999999;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 8px #b0b2b5;
}
header.global ul { margin:0; padding: 0; list-style:none;}
header.global li { float: left; }

/**************************/
/* ※モール共通
/**************************/

#global_header {
  width:1100px; /*必須 画面横幅*/
  padding: 7px 20px 0;
  margin:0 auto;
  }

.subhead #global_header { padding: 0 20px 8px;}

.global .headlinks{
  width: 440px;
  height:24px;
    float: left;
    margin: 0;
    padding: 0;
  display:block;
}

.global .headlinks a{ color:#FFF; font-size:12px;}


/* #global_header .current {
    padding: 10px;
    background: #fff;
}*/


/**************************/
/* ヘッダPR include
/**************************/
.inc_headpr{ background:#51844c; margin:0; padding: 7px 10px 7px; text-align:center; display:none;}
.inc_headpr a{  font-size: 12px; color: #FFF;  margin: 0 6px;   padding: 2px 10px;}
.inc_headpr a:before,.inc_headpr a:after{content:"|"; padding:0 7px;}
.inc_headpr a:hover{ text-decoration:underline;}

#inc_headpr{ min-width:1200px;}



/**************************/
/* ヘッダ固定部分
/**************************/
header.global > .inner {
    position: relative;
  width:100%;
    margin: 0 auto;
}

.subhead #logo {
  margin:3px 0 0 0;
    margin-right: -190px;
}

/*** ヘッダロゴ ****/
header.global #logo a {
  text-indent: -9999px;
    width: 125px;
    height: 45px;
    display: block;
    background: URL("https://www.rakuten.ne.jp/gold/es-toys/frame/images/common/cs_headlogo.png") no-repeat 14px 0;

}

.subhead header.global #logo a {background-size:85%;}

.global #logo span{
  display: block;
    margin: 0 0 8px 0;
    font-size: 7px !important;
    color: #FFF;
    background: linear-gradient(to bottom, #ff911f 55%,#ff5c0e 45%);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    letter-spacing: -0.05em;
    line-height: 180%;
    text-align: center;
    font-weight: normal;
    padding: 0 0 0 3px;
  }



/*ようこそメッセージ*/
#nav_guide {
  color:#FFFFFF!important;
    position: relative;
    margin: 1px 0 0 210px;
    padding: 0;
    height:20px;
}


#nav_guide li { float:left; font-size: 13px;}
#nav_guide .user strong{ font-size:14px; padding: 0 5px;}
#nav_guide .hpoint strong { font-size:16px; color:#FFCC00;}

/*★*/
.subhead #nav_guide li:after { display:none;}


/* ヘッダユーティリティ */
#header_utility {
  float: left;
    margin:30px 0 0 0 !important;
    padding: 0;
  }

.subhead #header_utility {margin:30px 0 0 0  !important;}


#header_utility > li {
   float: right;
    width: 70px;
    position: relative;
    padding: 0;
    text-align: center;
    line-height: 157%;
    background: #2072ce;
    margin-right: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#header_utility > li:nth-child(1) {
  margin:0px;
}

#header_utility > li:hover {
  background:none;
}

#header_utility > li > a {
    display: block;
    padding: 1px 0 5px 0;
  font-size:11px;
  line-height:100%;
  color:#FFF;
  text-decoration:none;

}


.head_subnavi_style li a:hover{
 text-shadow: 1px 1px 3px #AAA;
 opacity:1.0!important;

}




.global .head_subnavi_style li a span{
  font-size:18px;
  line-height:30px;
  display:block;
  }

#header_utility > li > a:before {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -5px;
}



#header_utility .box_wrap {
    position: absolute;
    top: 48px;
  width:225px;
    left: -80px;
    display: none;
    padding: 10px;
    border: 3px solid #cda333;
    background: #fff;
    z-index: 1001;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;	
  box-shadow: 2px 3px 0px #EEE;

}


/* 検索 */
#header_search { /*ヘッダ中間 マージン*/
    position: relative;
    margin: 9px 490px 0 210px;
    padding: 0;	
}


.subhead #nav_guide { margin: 2px 0 0 210px;}
.subhead #header_search{margin:-6px 490px 0 210px;}



/*LEFT MENU*/
#common_left{
  width: 200px;
  height: 2000px;
  background: #EDEDED;
  display: block;
  padding: 10px 15px;
  }
#common_left h1{ font-size:18px;}

#common_left ul{ padding: 0;}
#common_left li{ margin: 0 0 10px 0;}
#common_left li a{
    color: #353535;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0;
}

#common_left li a:hover{color: #888; text-decoration:underline;}



#header_search select,
#header_search input {   float: left;}
#header_search select { margin-top: 5px;}


#header_search input[type=text] {
    box-sizing: border-box;
    width: 268px;
    height: 30px;
    margin-left :10px;
    padding: 5px 15px 4px;
    line-height: 19px;
  outline: 0;
    outline-width: 0;
    padding: 4px 60px 4px 12px;
    line-height: 160%;
    vertical-align: baseline;
    border: none;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;  
}

#header_search input[type=text]:focus {
    background: #f9f7e4;
    box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
}

.scrollfixed_head .button_ico_search{
  position: initial!important;
  margin-top:9px!important;}


/* ナビゲーション*/
header.global nav {
    clear: left;
    overflow: visible;
    width: 100%;
  font-size: 13px;

}
header.global nav .title {
  position: relative;
    width: 150px;
    margin: 0;
    padding: 10px 20px 10px 15px;
    background: #444;
    color: #fff;
    cursor: pointer;
}

header.global nav .title:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 16px;
    height: 9px;
    margin-top: -4px;
    background: url(../images/common/ico_arrow_w_d.png) no-repeat left top;
    content: " ";
}


/* 全ページ共通 ヘッダーメッセージ */
.headservice {}
.headservice p {
    width: 594px;
    margin: 0;
    padding: 10px;
    color: #333;
    line-height: 207%;
}
.headservice strong {
    color: #c00000;
    font-weight: normal;
}


/* head CSTM*/

.gh_inner_style{
  width: 100%;
  padding: 0;
  position: relative;
}


.global .gh_inner_style .gh_innerleft{
    float: left;
  width:100%;
    margin:0;
  padding:2px 0 0 0;
}

.global .gh_inner_style .gh_innerright{
  float:right;
  width: 465px;
    margin-left: -465px;
}

#header_rbnr{
  width:440px;
  height:45px;
  margin:3px 0;
  } /*ヘッダRバナー横幅設定*/

.subhead #header_rbnr{
  display:none!important;
  } 

#header_search input.searchbox{
    height: 40px;
    text-indent: 11px;
    font-size: 17px;
    padding: 0;
    margin: 0;
    line-height: 0px;
    width: 99%;
}

#header_search .button_ico_search {
    overflow: hidden;
    width: 55px;
    height: 40px;
    padding: 0;
    background: #333 url(../images/common/ico_search.png) no-repeat center center;
    color: transparent;
    font-size: 1px;
    border-radius: 0 3px 3px 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px #FFF solid;
}

.subhead #header_search .button_ico_search,
.subhead #header_search input.searchbox{ height:40px!important;}

#header_search  .button_ico_search:hover{
    background: #42aec7 url(../images/common/ico_search.png) no-repeat center center;
  cursor: pointer!important;
  cursor: hand!important;	

}



/*ボタン
-----------------------------------*/
.button, .buttonB {
  background:#444;/*basecolor*/
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 30px;
    border: none;
  box-shadow: 2px 3px 0 #DDD;
    color: #fff;
    text-align: center;
    line-height: 1.2;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;	
  font-size:16px;
}

.button.selected{
    padding: 10px 30px;
    width: 80%;
    margin: 5px 20px;
    font-size: 100%;
    background: #006699;
}

.button:hover,.buttonB:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}

.buttonB{ display:none;}

.scrollfixed .buttonB{ display:inherit;}

/* 決定系ボタン */
.button_decision {
    background:#f28d00; /*#D54C58 orange*/
}

.button_decision2 {
    background:#41924f; /* orange*/
}

.button_undecision {
    background:#333;
}

/* サブボタン */
.button_sub {
    padding: 10px 30px 9px;
    background: #666;
    font-size: 16px;
}

/* 白ボタン */
.button_white {
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
}

/* 次へボタン */
.button_next {
    box-sizing: border-box;
    padding-right: 40px;
}
.button_next:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -14px;
    background: url(../images/common/ico_next_w.png) no-repeat left top;
    content: " ";
}
.button_small.button_next:after,
.button_sub.button_next:after {
    width: 10px;
    height: 20px;
    margin-top: -10px;
    background-size: 10px 20px;
}
/* 戻るボタン */
.button_prev {
    box-sizing: border-box;
    padding-left: 40px;
}
.button_prev:after {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -10px;
    background: url(../images/common/ico_prev_w.png) no-repeat left top;
    content: " ";
}
.button_small.button_prev:after,
.button_sub.button_prev:after {
    width: 10px;
    height: 20px;
    background-size: 10px 20px;
}

/* 小さいボタン */
.button_small {
    box-sizing: content-box;
    padding: 10px 10px 9px;
    font-size: 14px;
}

/* 横並び */
.box_button .multiple { margin-top: 30px; }
.multiple  { text-align: center; }
.multiple .button {
    display: inline-block;
    margin: 0 10px;
}


/*フォームパーツ
-----------------------------------*/
/* テキスト入力 */
input[type=text],
input[type=password],
textarea {
    box-sizing: border-box;
    padding: 10px 10px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
  border-radius:3px; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 
}

input[type=text]:focus,input[type=password]:focus,
select:focus,textarea:focus{/*フォーカス時設定*/
  border:none;
  /*background:#f8f9c2;*/
  box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;		
  outline: 0;/*基本枠*/
    border: 2px solid #F00;
}


textarea {
    width: 100%;
    height: 150px;
}
/* ラベル */
label {
    position: relative;
    display: block;
}

.table_form label{display: inline!important;}

.table_form input[type=checkbox]{/*チェックボックスサイズ*/
  vertical-align: inherit;
  -moz-transform:		scale(1.2);
  -webkit-transform:	scale(1.2);
  transform:		scale(1.2);
}


label:hover { cursor: pointer; }
label > input {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  top: 2px;
}

/* チェックボックス */
.type_check { padding-left: 25px; }
.type_check:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/common/ico_check.png) no-repeat left top;
    content: " ";
}

.cartflow .type_check:after {/*cst*/
    top: 5px;
}




.type_check.checked:after { background-position: -16px top; }

/* ラジオ */
.type_radio { padding-left: 25px; }
.type_radio:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/common/ico_radio.png) no-repeat left top;
    content: " ";
}
.type_radio.checked:after { background-position: -16px top; }

/* インライン */
.list_inline {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list_inline li {
    display: inline-block;
    margin-right: 5px;
}
.list_inline label {
    display: inline-block;
    min-width: 110px;
    padding: 8px 10px 7px 35px;
    background: #e6e6e6;
}
.list_inline .checked { background: #f7ba67;}
.list_inline label:after {
    top: 50%;
    left: 10px;
    margin-top: -8px;
}

/* ブロック */
.list_block{
    margin: 0;
    padding: 0;
    list-style: none;
}

#purchase.cartflow .list_block{
  width:100%;
}

.list_block li:not(:last-child) {
    margin-bottom: 10px;
}
.list_block label {
    display: block;
    padding: 15px 10px 14px 35px;
    background: #e6e6e6;
    font-size: 16px;
}

.list_block .checked { background: #f7ba67;}
.list_block label:after {
    top: 50%;
    left: 10px;
    margin-top: -8px;
}
.list_block label span { font-size: 14px; }



/* 必須項目 */
.ico_require {
    display: inline-block;
    /*width: 45px;*/
    margin:0 5px;
    padding: 4px 5px 3px;
    background: #cd3333;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-indent: 0;
}
/*input.require,*/
textarea.require { background: #fcf2f2; }

/* フォームテーブル */
.table_form {
    width: 100%; /*注文履歴テーブル値*/
  margin:0 auto;
    border: 1px solid #dcdcdc;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;	
  box-shadow: 2px 3px 6px #EEE;
  /*display:block;*/

}

.confirm .list_block .table_form {/*cst*/
  width:100%;
    border:none;
  padding:0;
  margin:0!important;
}

.table_form th:first-child{
  border-top-left-radius:4px;	
  -webkit-border-top-left-radius:4px;	
  -moz-border-radius-topleft:4px;	
  }

.table_form th:last-child{
  border-bottom-left-radius:4px;	
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;	
}


section > ul.remarks{width:85%; list-style:none; margin:20px auto; border:3px #CCC dotted; padding:15px; box-sizing:border-box;}
section > ul.remarks li{ margin:5px 0 10px; line-height:160%;}
section > ul.remarks li:before{ margin:0 5px 0 0 ; color:#FF0000;}


.confirm .list_block .table_form th,
.confirm .list_block .table_form td {width:inherit; padding:0;}/*cst*/

.passcheck{margin:20px;}

#purchase.cartflow .table_form  {/*cst*/
  width:100%;/*お届け先画面で100％へ設定*/
}

#purchase.cartflow .acc .table_form  {/*cst*/
  width:100%;
}

.table_form th,
.table_form td {
    padding: 15px 20px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
  line-height:160%;
}
.table_form th {
    /*width:170px;*//*cst 140px*/
    background: #f2f2f2;
    font-weight: normal;
    text-align: left;
}

.form .table_form.wl th {width:250px;}/*CST*/
.form .table_form.ws th {width:140px;}/*CST*/

.form .table_form a.foregetemail{
  color:#0066CC;
  width:300px;
  text-align:right;
  display:block;
  font-size:80%;
  text-decoration:underline;
  margin-top:5px;
  }
.form .table_form a.foregetemail:hover{text-decoration:none;}

#purchase .table_form th {
  width:80px;
}
.table_form .primary { width: 90px; }
.table_form .secondary { width: 80px; }
.table_form .icon {
    width: 45px;
    padding-left: 0;
    background: #f2f2f2;
}
.table_form .icon .ico_require { margin: 0; }

.table_form td p:first-child { margin: 0 0 10px; }

.table_form td .supplement {
    margin: 10px 0 0;
    font-size: 14px;
}

.table_form td select {
padding: 6px 10px;
margin: 0 5px;
}

fieldset input{background:#CCC;}/*cst*/

.table_form input[type=text],
.table_form input[type=password] { width: 340px; }

.table_form.cartflow input[type=text].name{ width: 180px; }/*cst*/
.table_form.cartflow input[type=text].adressno{ width:430px; }/*cst*/

/*placeholder color*/
.table_form input::-webkit-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
.table_form input:-ms-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
.table_form input::-moz-placeholder {
    color: #BBB;
    font-weight: normal;
}



.table_form input.require{width:300px;}
.table_form input.name{	width:400px!important;}
.table_form input.zip1 { width: 80px; }
.table_form input.zip2 { width: 100px; }
.table_form input.zip,
.table_form input.tel { width: 150px; }
.table_form input.year { width: 100px; }
.table_form input.tel{	width:200px!important;}


.table_form fieldset{border:none; padding:0; margin:0;}


.table_form .prefecture { width: 160px!important; }

.table_form .type_check:after { top: 3px; } 

.table_form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.table_form ul:not(.list_inline) li:not(:last-child) { margin-bottom: 10px; }



/* 入力レギュレーション */
.reg {
    display: inline-block;
    margin-left: 5px;
    padding: 5px 10px 4px;
    background: #dcdcdc;
    font-size: 14px;
    vertical-align: 2px;
}

/* エラー系 */
.error_message {
    margin: 10px 0 0;
    padding: 3px 10px 2px;
    background: #ffcccc;
    color: #cd3333;
    font-size: 14px;
}
input.error {	
    padding: 4px 9px;
    border: 2px solid #f00;
}


/* clearfix */
header:after,
footer:after,
main:after,
section:after,
div:after,
ul:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    color: transparent;
}



/****************************************************************/
/*ITEM PAGE SUB HEAD*/

header.global.sub {
    height: 72px;
}
header.global.sub div#global_header {
    padding: 0 20px;
}
header.global.sub #logo span {
    display: none;
}

header.global.sub #logo a{
  background:none;
    text-indent: inherit;
}


header.global.sub #logo a img {
  margin: 6px 0 0 14px!important;
    width: 74%;
    height: auto;
}

header.global.sub .gh_inner_style .gh_innerleft {
    padding: 3px 0 0 0;
}

header.global.sub #header_search input.searchbox,header.global.sub #header_search .button_ico_search {
    height: 33px;
}

header.global.sub #header_utility > li {
    background: none;
    float: right;
    width: 93px;
    position: relative;
    padding: 0;
    text-align: center;
    line-height: 98%;
    margin-right: 0;
    height: 33px;
}

header.global.sub #header_utility > li > a {
    display: block;
    padding: 3px 0 0 0;
    font-size: 12px;
    line-height: 100%;
    color: #FFF;
    text-decoration: none;
}

header.global.sub .head_subnavi_style li a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    font-size: 16px;

}

header.global.sub #nav_guide{
margin: 3px 0 3px 135px;
}

header.global.sub #header_search {
    margin: 0 635px 0 135px;
}
header.global.sub #header_search form#formposi{
  margin:0;
}

header.global.sub .gh_inner_style .gh_innerright {
    float: left;
    width: 600px;
    display: block;
    position: absolute;
    top: 27px;
    left: -145px;
    text-align: left;
    /* position: relative; */
    margin-left: 631px;
}

header.global.sub ul#header_utility {
    float: left;
    margin: 0 !important;
    padding: 0 10px 0 0;
    width: 560px;
    background: #2072ce;
    border-radius: 4px;
    }




/**************************************************************** スマホ・タブレット*/

@media screen and (max-width: 670px) {

  body.topbg {
    background: none;
  }

  #header_search input.searchbox{
      text-indent: 3px;
  }

  #logo {
      width: 100%!important;
      text-align:center;
  }

/*ヘッダカテゴリ*/
  ul.topcategory,ul.topcategory.hob {
    text-align: center;
  /*	background: #FFF;*/
    opacity: 0.8;
    box-shadow: #FFF 3px 5px 3px;
    width: 100%;
    margin: 0 auto;
  }

  ul.topcategory li {
      display: inline-flex;
      text-align: center;
      background: #43a21d;
      margin: 4px 0 0;
      padding: 0;
      /* float: left; */
      border-radius: 3px;
      height: 34px;
      width: 23%;
  }

  ul.topcategory.hob li{
    height: 31px;
    width: 18.5%;
    background:#0f9a5a;
  }

  ul.topcategory.hob li a{
      font-size: 0.9rem;
      padding: 5px 0;
  }

  ul.topcategory li a {
      text-align: center;
      display: block;
      margin: 0 auto;
      padding: 6px 0;
      /* background: #CCC; */
      text-decoration: none;
      color: #FFF;
      font-size: 0.8rem;
      font-weight:bold;	
  }

  /*brigandine*/
  a.makersite {
      width: 100%!important;
      margin:10px auto 0;
  }


}