/********************************************************************/

/* ロード、ページャー */

/********************************************************************/

/* 読み込み中アイコン画像 */
.loading,
.initial_loading {
    background: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.entry_box .loading {
    background-image: url(img/load_entry_icon.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 一覧ページャー */
.pager {
    margin: 20px 0px;
    text-align: center;
}

/* 現ページ */
.pager strong {
    min-width: 20px;
    min-height: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #0059ff;
    background-color: #0059ff;
    color:#FFFFFF;
}

/* 各ページ */
.pager .pager_btn {
    min-width: 20px;
    min-height: 20px;
    margin: 0px 1px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    text-decoration: none;
}

.use_hover .pager .pager_btn:hover {
    border: 1px solid #0059ff;
    background-color: #0059ff;
    color: #FFFFFF;
}
/*--------------------------------------*/

/* セクションボーダー */

/*--------------------------------------*/#contents_bottom, #contents_top, #footer_wrapper, #header_wrapper, #maincol, #non_approved, #photo, .breadcrumb_area {
    -webkit-transition: transform .2s 
linear;
    transition: transform .2s 
linear;
    border-bottom: 1px solid #dddddd;
}
.breadcrumb_area {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*--------------------------------------*/

/* ソート */

/*--------------------------------------*/

.sort {
    border-bottom: 1px solid #E0DFE3;
}

.sort_toggle .toggle_open {
    padding: 7px;
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}

.sort_toggle .toggle_open:hover {
    background-color: #F9F9F9;
}

/* ソート項目枠 */
.sort_item {
    padding: 10px;
    border-left: 1px solid #E0DFE3;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
    background-color: #FFFFFF;
}

.sort_box {
    padding: 5px;
    margin: 3px;
    border-bottom: 1px solid #E0DFE3;
}

.sort_item .global_btn {
    padding: 5px;
    text-align: center;
}

/* 件数 */
.item_count {
    font-size: 93%;
}

/********************************************************************/

/* 第二階層タイトル */

/********************************************************************/

/* 第二階層各ページタイトル */
.page_box .page_title h1,
.page_box .page_title h2,
.page_box .recently .section_title h2,
.page_box .use_emphasis_title .section_title h2 {
    border-left: 5px solid #0059ff;
    padding: 10px 5px 10px 10px;
    margin-bottom: 10px;
    color: #000000;
}

/*--------------------------------------*/

/* 商品一覧  */

/*--------------------------------------*/

.layout_column_text .list_item_box, .layout_text .not_link {
    border-bottom: 1px solid #E0DFE3;
}

.right_side_list_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
}
/* 商品、記事一覧マウスオーバー */
.use_hover .item_list .item_data_link:hover,
.use_hover .item_list .list_item_link:hover {
    opacity: 0.7;
}

/* 商品名 */
.item_name {
    font-weight: bold;
}

.list_item_data p.item_name {
    margin-bottom: 3px;
}

/* 販売価格 */
.price {
    padding: 2px 0px;
    color: #000000;
    font-weight: bold;
}

.price .selling_price,
.price .regular_price {
    padding: 2px 0px;
}

/* 通常販売価格 */
.price .regular_price {
    color: #000000;
    font-weight: normal;
    display: block;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* 希望小売価格、税込価格 */
.item_box .retail_price,
.item_box .tax_incl_price {
    color: #666666;
    font-weight: normal;
    word-break: normal;
}

/* 在庫あり */
.stock {
    color: #666666;
    font-size: 93%;
}

/* 在庫僅か */
.lowstock {
    color: #990000;
}

/* 在庫なし */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #777777;
}

/* レビュー件数 */
.item_info .review_number {
    color: #000000;
}

/* 商品一覧ランキングNo. */
.rankno {
    color: #FFFFFF;
    background-color: #666666;
}

.item_data .rankno1 {
    background-color: #0059ff;
}

/********************************************************************/

/* アイコン */

/********************************************************************/
.inner_fixed_corner {
    position: relative;
    display: inline-block;
    left: 11px;
}

a.back_to_top.fixed_corner_button.fixed_corner_visible {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #0059ff;
}

/* フッター下部ボタン */
.fixed_corner_button .fa {
    font-size: 40px;
    color: #ffffffff;
}

.use_hover .fixed_corner_button:hover .fa {
    color: #333333;
}

/********************************************************************/

/* スライド */

/********************************************************************/

/* スライド送りボタン */
.slider_box .swiper-pagination-bullet,
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #E0DFE3;
    border-radius: 50%;
    cursor: pointer;
}

/* 現スライド */
.slider_box .swiper-pagination-bullet-active,
.swipe_list .pointer span.current {
    background-color: #0059ff;
    border: 1px solid #0059ff;
}

#photo .slider_box .swiper-pagination-bullet,
#photo .swipe_list .pointer span,
#photo .slider_box .swiper-pagination-bullet-active,
#photo .swipe_list .pointer span.current {
    border: none;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next,
.swiper-button-prev,
.swiper-button-next {
    width: 25px;
    height: 25px;
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.use_hover .swiper-button-prev:hover,
.use_hover .swiper-button-next:hover {
    background-color: #E0DFE3;
}

.use_hover .slider_box .swiper-button-disabled:hover {
    background-color: #F5F5F5;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev,
.swiper-button-prev {
    background-image: url(img/icon_prev.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next,
.swiper-button-next {
    background-image: url(img/icon_next.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.form_area .checked_row > .form_title,
.form_inner_area .checked_row > .form_inner_title {
    color: #CC0000;
}



/********************************************************************/

/* フォームエラー */

/********************************************************************/

/* 個別エラー表示 */
.form_error {
    border: 5px solid #FF0000;
    border-radius: 5px;
}

/* フォーム上部エラー表示 */
.error_box {
    border: 1px solid #FF0000;
    border-radius: 5px;
}

/* 商品詳細エラー表示 */
.detail_page_body .error_box {
    margin: 10px;
}

/* エラー表示　※赤枠内文字 */
.error_status {
    color: #FF0000;
    font-size: 93%;
    padding-left: 5px;
}

/* エラー時入力エリア背景色 */
.page_box .edit_form .error_row input,
.page_box .edit_form .error_row select,
.page_box .edit_form .error_row textarea {
    background-color: #FFF0F0;
}

/* エラーアイコン */
.error_icon .fa {
    background-color: #FF0000;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 0px 1px #FF0000;
    color: #FFFFFF;
}

/* フォーム上部OK表示 */
.ok_box {
    border: 1px solid #00B200;
    border-radius: 5px;
}

/* OK表示 ※緑枠内文字 */
.ok_status {
    color: #00B200;
    font-size: 93%;
    padding-left: 5px;
}

/* OK表示アイコン位置調整 */
.ok_status img {
    padding-right: 3px;
}

/* OK時入力エリア背景色 */
.page_box .edit_form .ok_row input,
.page_box .edit_form .ok_row select,
.page_box .edit_form .ok_row textarea,
.page_box .edit_form .error_row .ok_input {
    background-color: #EEFFEE;
}

/* OKアイコン */
.ok_icon .fa {
    background-color: #00B200;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 0px 1px #00B200;
    color: #FFFFFF;
}

/* 重要な注意書き色 */
.note_color {
    color: #CC0000;
}


/* 下部配置ボタン */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 20px 0;
}
/* ログインページ新規登録余白調整 */
#register_form .form_btn {
    padding: 0px;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
}
.global_btn A.btn_size_xxlarge {
    line-height: 50px;
}
/*************************************************************/

/* フォームボタン */

/*************************************************************/

/* フォームボタンマウスオーバー */
.use_hover .global_btn input:hover,
.use_hover button:hover,
.use_hover .global_btn A:hover {
    opacity: 0.8;
}

/* ボタンサイズXXS */
.global_btn .btn_size_xxsmall {
    width: 30px;
    height: 30px;
}

/* ボタンサイズXS */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
}

/* ボタンサイズS */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
}

/* ボタンサイズM */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

.global_btn A.btn_size_xxsmall,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_small,
.global_btn A.btn_size_medium,
.global_btn A.btn_size_auto {
    line-height: 30px;
}

/* ボタンサイズL */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.global_btn A.btn_size_large {
    line-height: 35px;
}

/* ボタンサイズXL */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

.global_btn A.btn_size_xlarge {
    line-height: 40px;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
}

.global_btn A.btn_size_xxlarge {
    line-height: 50px;
}

/* ボタンサイズ横幅auto */
.global_btn .btn_size_auto {
    height: 30px;
    width: auto;
    padding: 0px 20px;
}

/* ボタンサイズ小文字 */
.font_size_small {
    font-size: 77%;
}

/* 縦2段積みボタン */
.under_global_btn {
    display: block;
    margin-top: 30px;
}

/* 商品詳細 */
.detail_item_data .add_cart .global_btn {
    display: block;
    text-align: center;
    margin: 10px 0px;
}

/* 下部配置ボタン */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 20px 0;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    border-bottom: 1px solid #E0DFE3;
}

/* ログインページ新規登録余白調整 */
#register_form .form_btn {
    padding: 0px;
}

/* Aタグボタン */
.global_btn A {
    font-weight: normal;
}

/* 外部決済ボタン */
.outside_btn_box {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
}

/* 楽天決済用 */
.payment_method_desc {
    margin-bottom:10px;
}


/*--------------------------------------*/

/* ボタン色 */

/*--------------------------------------*/

/* アイコンボタン枠 */
.icon_btn {
    padding: 0px 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.use_hover .icon_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* 色通常 */
/* フォームボタン全般 */
.btn_color_common {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #F9F9F9;
    color: #333333;
}

.btn_color_common,
A.btn_color_common:link,
A.btn_color_common:visited,
A.btn_color_common:hover,
A.btn_color_common:active {
    color: #333333;
}

.use_hover .btn_color_common:hover {
    color: #333333;
}

/* 色強調 */
.btn_color_emphasis {
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #0059ff;
    color: #FFFFFF;
}

.btn_color_emphasis,
A.btn_color_emphasis:link,
A.btn_color_emphasis:visited,
A.btn_color_emphasis:hover,
A.btn_color_emphasis:active {
    color: #FFFFFF;
}

.use_hover .btn_color_emphasis:hover {
    color: #FFFFFF;
}

/********************************************************************/

/* 入力エリア */

/********************************************************************/

/* 標準 */
.form_data .defaultsize {
    width: 170px;
}

/* 特小 */
.form_data .xsmallsize {
    width: 60px;
}

/* 小 */
.form_data .smallsize {
    width: 80px;
}

/* 大 */
.form_data .largesize {
    max-width: 500px;
    width: 97%;
}
/********************************************************************/

/* フォーム */

/********************************************************************/

/* フォーム上部説明 */
.global_note li {
    border-bottom: 1px solid #E0DFE3;
}

.list_icon_circle {
    color: #000000;
}

/* フォーム項目 */
.form_element,
.form_inner_element {
    padding: 10px;
}

/* 必須項目 */
.require {
    color: #CC0000;
    font-weight: bold;
}

abbr.require {
    border: none;
    cursor: default;
}

/* 注意書き */
span.cell_note {
    font-size: 85%;
    font-weight: normal;
}

/* メールアドレス欄 */
.confirm_email {
    border-color: #E0DFE3;
    background-color: #FFFFEE;
}

/********************************************************************/

/* フォームタイトル */

/********************************************************************/

.form_title {
    border-bottom: 1px solid #E0DFE3;
    padding: 8px 5px;
    font-weight: normal;
    font-size: 116%;
    color: #000000;
}

.form_inner_title {
    border-bottom: 1px dotted #CCCCCC;
    font-weight: bold;
    color: #000000;
}

/*************************************************************/

/* ステップ表 */

/*************************************************************/

.step_list {
    margin: 10px 0px;
    padding: 0px 2px;
}

/* ステップ表 各枠背景 */
.step_data {
    background-color: #F5F5F5;
    border-bottom: 1px solid #F1F1F1;
    border-right: 1px solid #FFFFFF;
    text-align: center;
}

/* ステップ表 右端 */
.step_list .posright .step_data {
    border-right: none;
}

/* ステップ表 各枠　現ページ */
.step_check .step_data {
    background-color: #0059ff;
}

/* ステップ表 文字 */
.step_data span {
    color: #666666;
}

/* ステップ表 ステップ数 */
.step_data .step_number {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* ステップ表 現ページ文字 */
.step_check .step_data span {
    color: #FFFFFF;
}

/*************************************************************/

/* カラーミーからの引継ぎ */

/*************************************************************/

.myshop html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, address,code,del, dfn, em, img, ins, kbd, q, s,strike, strong, sub, sup,b, u, i,dl, dt, dd, ol, ul, li,nav,fieldset, form, label,table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
}
.myshop table,a,span,th,td,div,img,ul,ol,li,dt,dd,p,h1, h2, h3, h4, h5, h6,input,textarea,select,article,section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.myshop h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
.myshop img {
	text-decoration:none;
	border-style: none;
	vertical-align:top;
}
.myshop li {
	list-style-type:none;
}
.myshop ol li {
  	list-style-type:decimal;
	margin-left:16px;
	padding-left:4px;
	line-height:150%;
}
.myshop table {
	border-collapse: collapse;
	border-spacing: 0;
}
.myshop html {
    height: 100%;
	font-size: 62.5%;
}
.myshop html.parent {
overflow:hidden;
}
.myshop body {
	line-height:1;
	-webkit-text-size-adjust: 100%;
	background:#ffffff;
}
.myshop body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
font-family:"Yu Gothic","Hiragino Kaku Gothic Pro",Meiryo, sans-serif;
font-size: 0.8rem;
font-weight:500;
}
.myshop input[type=text] {
  font-size: 16px;
  height:34px;
  transform: scale(0.8);
}
.myshop .roboto {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0.1em;
}
.myshop .mincho {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.myshop .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.myshop .clearfix {
  min-height: 1px;
}
.myshop * html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.myshop a {
	outline: none;
	text-decoration:none;
  /* color: #222222; */
}
.myshop a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.myshop section a {
	color:#0059ff

    ;
}
.myshop p {
	line-height:200%;
	padding-bottom:16px;
}
.myshop img {
	max-width:100% !important;
	height:auto;
}
.myshop .red {
	color:#d2081b;
}

.myshop .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.myshop hr {
	border:none;
	height:1px;
	background:#dddddd;

}
@media screen and (max-width : 767px){
.myshop .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	}
.myshop 	hr {
	margin:32px auto;	
	}
}
@media screen and (min-width : 768px){
.myshop hr {
	margin:16px auto;	
	}	
}
/*-----------------------------------------
master-layout-settings
------------------------------------------*/
.myshop .flex {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
}
.myshop .flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.myshop .flex-middle {
	-webkit-align-items:center; /* Safari */
	align-items:center;
}
.myshop .flex-center {
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
}
.myshop .flex-between {
	-webkit-justify-content:space-between; /* Safari */
	justify-content:space-between;
}
.myshop .flex-column {
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
}
.myshop .align-self {
	-webkit-align-self:center;
	-moz-align-self:center;
	-ms-align-self:center;
	align-self:center;
}
.myshop .flex.flex-sep-2>* {
	width:50%;
}
.myshop .flex.flex-sep-3>* {
	width:33.3333%;
}
.myshop .flex.flex-sep-4>* {
	width:25%;
}
.myshop .flex.flex-sep-5>* {
	width:20%;
}
.myshop .anchor {
	display:block;
}
@media screen and (max-width : 767px){
.myshop .flex-sp {
	display:-webkit-box; /* Android rower */
	display:-webkit-flex; /* Safari */
	display:flex;
	}
.myshop .flex-sp-column {
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
	}
.myshop .flex.flex-sp-sep-2>* {
	width:50%;
	}
.myshop .flex.flex-sp-sep-3>* {
	width:33.33333%;
	}
.myshop 	.flex.flex-sp-sep-4>* {
	width:25%;
	}
.myshop 	.flex.flex-spacer>* {
	padding-left:4px;
	padding-right:4px;	
	padding-top:4px;
	padding-bottom:4px;
	}
.myshop 	.container {
	padding-left:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	}
.myshop 	.container-middle,.container-half {
	padding-left:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	}
.myshop 	.normal-page {
	padding-top:20px;
	padding-bottom:20px;
	}
.myshop 	.mainframe {
	padding-top:80px;
	}
.myshop 	.img-responsive {
	margin-left: auto;
	margin-right: auto;
	}
.myshop 	.pc-only {
	display:none !important;
	}
.myshop 	span.sp-break {
		display:block;
	}
.myshop 	.anchor {
	margin-top:-48px;
	padding-top:48px;
	}
.myshop 	.mainarea {	
	margin-top:20px;
	margin-bottom:20px;
	}
.myshop 	.sidebar {
	margin-bottom:20px;
	}
}
@media screen and (min-width : 768px){
.myshop .flex-pc {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	}
.myshop .flex-pc.flex-sep-2>*,.flex-pc.flex-pc-sep-2>*,.flex.flex-pc-sep-2>* {
	width:49%;
	}
.myshop .flex-pc.flex-sep-3>*,.flex-pc.flex-pc-sep-3>*,.flex.flex-pc-sep-3>* {
	width:33.33333%;
	}
.myshop .flex-pc.flex-sep-4>*,.flex-pc.flex-pc-sep-4>*,.flex.flex-pc-sep-4>* {
	width:25%;
	}
.myshop .flex-pc.flex-sep-5>*,.flex-pc.flex-pc-sep-5>*,.flex.flex-pc-sep-5>* {
	width:20%;
	}
.myshop .flex-pc.flex-sep-6>*,.flex-pc.flex-pc-sep-6>*,.flex.flex-pc-sep-6>* {
	width:16.66666%;
	}
.myshop .flex.flex-spacer>*,.flex-pc.flex-spacer>* {
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	}
.myshop 	.flex-sep-2.flex-spacer>*:nth-child(odd) {
	margin-left:-30px;
	}
.myshop 	.flex-sep-2.flex-spacer>*:nth-child(even) {
	margin-right:-30px;
	}
.myshop 	.flex-sep-3.flex-spacer>*:nth-child(3n+1) {
	margin-left:-30px;
	}
.myshop 	.flex-sep-3.flex-spacer>*:nth-child(3n+3) {
	margin-right:-30px;
	}
.myshop 	.flex-sep-4.flex-spacer>*:nth-child(4n+1) {
	margin-left:-30px;
	}
.myshop 	.flex-sep-4.flex-spacer>*:nth-child(4n+4) {
	margin-right:-30px;
	}
.myshop 	.flex-sep-5.flex-spacer>*:nth-child(5n+1) {
	margin-left:-30px;
	}
.myshop 	.flex-sep-5.flex-spacer>*:nth-child(5n+5) {
	margin-right:-30px;
	}
.myshop 	.flex-sep-6.flex-spacer>*:nth-child(6n+1) {
	margin-left:-30px;
	}
.myshop 	.flex-sep-6.flex-spacer>*:nth-child(6n+6) {
	margin-right:-30px;
	}
.myshop 	.container-full {
	width:100%;
	min-width:767px
	}
.myshop 	.container,.container-pc {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	}
.myshop 	.container-middle {
	width:960px;	
	margin-left:auto;
	margin-right:auto;
	}
.myshop 	.container-half {
	width:640px;	
	margin-left:auto;
	margin-right:auto;
	}
.myshop 	.sp-only {display:none !important;}
.myshop 	span.pc-break {display:block;}
.myshop 	.text-center-pc {text-align:center;}
.myshop 	.anchor {
	margin-top:-48px;
	padding-top:48px;
	}
.myshop 	.mainarea {
	/*width:855px;*/
	width:795px;
	margin-bottom:30px;
	}
/*.myshop 	.sidebar {
	width:300px;
	padding-left:30px;
	margin-bottom:30px;
	}*/
}
.myshop .container,.container-full {
position:relative;
}
.myshop .text-center {text-align:center;}
.myshop .center-block,.center-block * {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/*------------------------------------
header
------------------------------------*/
.myshop header {
z-index:998;
}

.myshop .header-logo {
	display:block;
}
@media screen and (max-width : 767px){
.myshop header {
	width:100vw;
	position:fixed;
	top:0;
	background:rgba(255,255,255,0.9);
	box-shadow:0 1px 2px 0px rgba(0,0,0,0.1);
	}
.myshop 	header .container {
	height:48px;
	}	
.myshop 	.header-logo {
	height:48px;
	padding-top:4px;
	padding-bottom:4px;	
	}
.myshop 	.header-logo img {
	width:auto;
	height:40px;
	}
.myshop 	.header-btn-frame {
	margin-left:auto;
	margin-right:36px;	
	}
.myshop 	.header-imgbtn {
	height:48px;
	}
.myshop 	.header-imgbtn .btn-contact {
	height:48px;
	border-radius:0;
	background-image:none;
	padding:9px 6px;
    right: 5px;

	}
.myshop 	.header-imgbtn .btn-contact:before {
	display:none;
	}
.myshop 	.header-imgbtn .btn-contact img {
	height:29px;
	width:auto;
	}
}
@media screen and (min-width : 768px){
.myshop header {
	position:relative;
	}
.myshop header .container {
	height:100px;
	}
.myshop .header-logo {
	width: 180px;
	height:52px;
	padding-right:10px;	
	}
.myshop .header-spenit {
	width:390px;
	padding-left:24px;
	font-weight:700;
	line-height:160%;
	}
.myshop .header-btn-frame {
	width:630px;
	}
.myshop .header-imgbtn {
	width:215px;
	padding-left:15px;
	}
}
.myshop .header-btn {
	display:block;
	width:100px;
	padding-top:32px;
	padding-bottom:14px;
	position:relative;
	text-align:center;
	border-left:1px dotted #dddddd;
}
.myshop .header-btn:hover {
	background-color:#eeeeee;
}
.myshop .header-btn-voice {
	border-right:1px dotted #dddddd;
}
.myshop .header-btn:before {
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	font-size:14px;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-7px;
	color:#333333;
}
.myshop .header-btn-news:before {
	content: "\f05a";
}
.myshop .header-btn-voice:before {
	content: "\f004";
}
/*-----------------------------------------
drawr(SP mode menu)
------------------------------------------*/
.myshop .drawr-body-on {
	position:relative;
	z-index:999;
}
.myshop .drawr-body-on:before {
	content:"";
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.7);
	z-index:999;
}
.myshop .drawr-btn {
    display: block;
    width:48px;
    height: 48px;
    position: fixed;
    top:9.5px;
    right:2px;
    cursor: pointer;
    z-index: 9999;
}
.myshop .drawr-btn span {
	border-bottom: 2px solid #000000;
	width: 24px;
	height:24px;
	position: absolute;
	top: 9px;
	right:12px;
	display:block;
	transition: all 0.4s ease;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.myshop .drawr-btn span:before,.drawr-btn span:after {
	content: '';
	display: inline-block;
	border-top: 2px solid #000000;
	width: 24px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	transition: all 0.4s ease;
}
.myshop .drawr-btn span:before {top:6px;}
.myshop .drawr-btn span:after {top: 14px;}
.myshop .drawr-btn-peke span {
	border-bottom: 3px solid #ffffff;
	border-bottom: none;
}
.myshop .drawr-btn-peke span:before {
	border-top: 3px solid #ffffff;
	transform: rotate(-45deg);
	top:14px;
}
.myshop .drawr-btn-peke span:after {
	border-top: 3px solid #ffffff;
	transform: rotate(45deg);
	top: 14px;
}
.myshop .drawr {
    display: none;
    background-color:#0059ff

    ;
    position: fixed;
    top: 0px;
    right:0;
    width:320px !important;
    height:100% !important;
	overflow-y:auto;
	overflow-x:hidden;
    z-index: 1100;
	border-radius:0px 0px 0px 5px;
}
.myshop .drawer-menu {
	width:320px;
	padding-top:16px;
	margin-left:auto;
	margin-right:auto;
}
.myshop .drawer-menu li {
	padding-left:16px;
}
.myshop .drawer-menu li a {
	display:block;
	color:#ffffff;
	width:320px;
	padding:12px 8px;
}
/*-----------------------------------------
pc-nav
------------------------------------------*/
.myshop .pc-nav {
	background:#0059ff

    ;
	height:48px;
	text-align:center;
}
.myshop .pc-nav ul {
	margin-left:0;
	margin-right:auto;
}
.myshop .pc-nav li {
	width:160px;
	height:48px;
	padding-top:8px;
	padding-bottom:8px;	
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.myshop .pc-nav li.pc-nav-search {
	width:80px;
}
.myshop .pc-nav li:hover {
	background:#222222;
}
.myshop .pc-nav li a {
	display:block;
	height:32px;
	line-height:32px;
	color:#ffffff;
	font-weight:700;
	border-right:1px dotted #ffffff;
}
.myshop .pc-nav li.pc-nav-search a {
	padding-top:8px;
	border-right:none;
}
/*-----------------------------------------
common
------------------------------------------*/
.myshop .slider {
	margin-top:16px;
	margin-bottom:16px;
}
.myshop .btn-red {
	display:block;
	color:#ffffff;
	font-weight:700;
	background-color:#2700ff;
	border-radius:4px;
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.myshop .btn-line {
	display:block;
	color:#ffffff;
	font-weight:700;
	background-color:#42cb42;
	border-radius:4px;
	width:100%;
    height: 60px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.myshop .btn-beginner {
	display:block;
	color:#ffffff;
	font-weight:700;
	background-color:#f7ad1e;
	border-radius:4px;
	width:100%;
    height: 60px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.myshop .btn-fax {
	display:block;
	color:#ffffff;
	font-weight:700;
	background-color:#0059ff

    ;
	border-radius:4px;
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.myshop .btn-contact,.btn-line,.btn-beginner,.btn-fax {
	background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/bg-dotline-v.png);
	background-repeat: repeat-y;
	background-position: 60px 0px;
}
.myshop .btn-red:hover {
	background-color:#ff9900;
}
.myshop .btn-line:hover {
	background-color:#7ee37e;
}
.myshop .btn-red span {
	display:block;
	color:#ffffff;
	font-weight:700;
}
.myshop .btn-contact,.btn-line,.btn-beginner,.btn-fax {
	padding-top:10px;
	padding-left:80px;
	padding-right:12px;
}
@media screen and (max-width : 767px){
.myshop article {
	margin-top:48px;
	}
.myshop .btn-red,.btn-line {
	height:60px;
	max-width:240px;
	}
.myshop .btn-red.btn-flex-sp {
	display:-webkit-box; /* Android rower */
	display:-webkit-flex; /* Safari */
	display:flex;
	padding-top:0;
	}
.myshop .btn-step {
	padding-left: 80px;
	}
.myshop .btn-step span {
    font-size: 0.8rem;
    padding-top: 4px;
    }
.myshop .kuwasiku {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 0;
    padding-left: 0px;
    }
.myshop .btn-contact.btn-contact-single {
	margin-bottom:16px;
	}
.myshop .btn-contact.btn-contact-single span {
	padding-bottom:8px;
	}
}
 @media screen and (min-width : 768px){
.myshop .btn-contact,.btn-line {
	min-height:60px;
	}
.myshop .btn-contact,.btn-line {
	max-width:240px;
	}
.myshop .btn-step {
	max-width:300px;
	text-align:center;
	}
.myshop .btn-red {
	font-size:1.8rem;
	height: 60px;
	}
.myshop .btn-step span {
    font-size: 0.9rem;
    padding-top: 4px;
    margin-bottom: 0;
}
.myshop .kuwasiku {
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 0;
    padding-left: 7px;
    }
.myshop .btn-contact.btn-contact-single {
	max-width:100%;
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-align-items:center; /* Safari */
	align-items:center;
	padding-top:0px;
	font-size:2.8rem;
	margin-bottom:16px;
	}
.myshop .btn-contact.btn-contact-single span {
	display:inline-block;
	padding-right:8px;
	}
}
.myshop .btn-contact:before {
    display: block;
    content: "";
    background-image: url(https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/mail_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 31px;
    height: 29px;
    position: absolute;
    top: 15px;
    left: 15px;
}
.myshop .btn-line:before {
    display: block;
    content: "";
    background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/icon-line.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 20px;
    left: 17px;
    width: 27px;
    height: 25px;
    color: #ffffff;
}
.myshop .btn-beginner:before {
    display: block;
    content: "";
    background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/icon-beginner.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 15px;
    left: 17px;
    width: 27px;
    height: 36px;
    color: #ffffff;
}
.myshop .btn-fax:before {
	display:block;
	content: "";
	background-image:url(https://img11.shop-pro.jp/PA01289/555/etc/allow-pdf.png);
	background-repeat: no-repeat;
	background-position:center center;
	position:absolute;
	top:10px;
	left:10px;
	width:33px;
	height:39px;
	color:#ffffff;
}
.myshop .btn-step:before {
	display:block;
	content: "";
	position:absolute;
	top:8px;
	left:8px;
	width:61px;
	height:42px;
	color:#ffffff;
	background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/allow-btn-flow.png);
	background-repeat: no-repeat;
}
.myshop .btn-faq:before {
	display:block;
	content: "";
	position:absolute;
	top:14px;
	left:14px;
	width:32px;
	height:32px;
	color:#ffffff;
	background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/allow-btn-faq.png);
	background-repeat: no-repeat;
}
.myshop .page-tt {
	background-color:#0059ff

    ;
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	position:relative;
}
.myshop .page-tt-mincho {
	border-bottom:1px solid #2700ff;
	color:#2700ff;
	padding-bottom:6px;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:700;
	position:relative;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.myshop .page-tt.page-tt-result,.page-tt.page-tt-voice,.page-tt.page-tt-news,.ok-tt,.caution-tt {
	padding-left:52px;		
}
.myshop .page-tt.page-tt-result:before {
	content:"";
	background-image:url(https://img11.shop-pro.jp/PA01289/555/etc/allow-result.png);
	width:35px;
	height:37px;
	position:absolute;
	top:-6px;
	left:6px;
}
.myshop .page-tt.page-tt-voice:before {
	content:"";
	background-image:url(https://img11.shop-pro.jp/PA01289/555/etc/allow-top-reason.png);
	background-size:cover;
	width:35px;
	height:40px;
	position:absolute;
	top:-8px;
	left:6px;
}
.myshop .page-tt.page-tt-news:before {
	content:"";
	background-image:url(https://img11.shop-pro.jp/PA01289/555/etc/allow-info.png);
	width:36px;
	height:36px;
	position:absolute;
	top:-6px;
	left:6px;
}
.myshop .caution-tt {
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	background:#d3150c;
	position:relative;
}

.myshop .ok-tt {
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	background:#6cbd0d;
	position:relative;
}
.myshop .ok-tt:before {
	display:block;
	font-family: "Font Awesome 5 Free";
	content: "\f164";
	font-weight:900;
	font-size:24px;
	position:absolute;
	left:10px;
	color:#ffffff;
}
 @media screen and (max-width : 767px){
.myshop .page-tt,.page-tt-mincho {
	padding:8px 12px;
	line-height:150%;
	}
}
.myshop 	.caution-tt {
	padding-top:8px;
	padding-bottom:8px;
	}
.myshop 	.ok-tt {
	padding-top:8px;
	padding-bottom:8px;
	}
.myshop 	.ok-tt:before,.caution-tt:before {
	top:8px;
	}

@media screen and (min-width : 768px){
.myshop 	.page-tt,.page-tt-mincho {
	font-size:1.8rem;
	line-height:150%;
	}
.myshop 	.page-tt {
	background-image:url(https://img21.shop-pro.jp/PA01518/680/etc_base64/uKG6919saW5l.png?cmsp_timestamp=20250822115233);
	background-position:right top;
	background-repeat:no-repeat;
	height:40px;
	line-height:40px;
	padding-left:20px;
	}
.myshop 	.ok-tt:before,.caution-tt:before {
	top:0px;
	}
}
/*-----------------------------------------
sidebar
------------------------------------------*/
.myshop .tt-sidebar {
	background-color:#0059ff

    ;
	height:40px;
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	line-height:40px;
	text-align:center;
	position:relative;
}
.myshop .tt-sidebar-search:before {
    display: block;
    /* Font Awesome関連のプロパティを削除 */
    content: ""; /* 画像を使うためcontentを空にする */
    
    /* 画像のURLを指定 */
    background-image: url('https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/search_icon2.png');
    /* 背景画像をボックス全体に収まるように設定 */
    background-size: cover; 
    background-repeat: no-repeat;
    
    position: absolute;
    left: 12px;
    top: 12px;
    width: 16px; /* 画像のサイズに合わせて調整 */
    height: 16px; /* 画像のサイズに合わせて調整 */
    
    /* font-family, font-weight, font-size, color は不要なので削除 */
}
.myshop .sidebar-category {
	margin-bottom:40px;
}
.myshop .sidebar-category li {
	border-bottom:1px dotted #dddddd;
}
.myshop .sidebar-category li a {
	display:block;
	padding:13px 0;
  color:#222222;
}
.myshop .sidebar-category li a:hover {
	background:#eeeeee;
	padding:13px 0 13px 13px;
}
.myshop .sidebar-btn {
	display:block;
	height:60px;
	line-height:60px;
	padding-left:64px;
	border-radius:4px;
	margin-bottom:10px;
	font-weight:700;
	position:relative;
	max-width:330px;
	margin-left:auto;
	margin-right:auto;
}
.myshop .sidebar-btn-consent {
	background:#e5faff;
}
.myshop .sidebar-btn-estimate {
	background:#e9d4d6;
}
.myshop .sidebar-btn:hover {
	background:#f3f3f3;
}
.myshop .sidebar-btn:before {
	content:"";
	background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/allow-pdf.png);
	background-repeat: no-repeat;
	width:33px;
	height:39px;
	position:absolute;
	top:10px;
	left:12px;
}
.myshop .sidebar-btn-consent:after {
	content:"";
	background-image: url(https://game-utteco.ocnk.net/data/game-utteco/image/syoudaku_3ds.png);
	background-repeat: no-repeat;
	width:60px;
	height:57px;
	position:absolute;
	bottom:0px;
	right:4px;
}
.myshop .searchbox input,.searchbox textarea {
	max-width:256px !important;
}
.myshop .searchbox input[type=text],.searchbox select {
	border:1px solid #dddddd;
	border-radius:3px;
	padding:4px;
	width:100%;
}
.myshop .searchbox select {
	margin-bottom:8px;
}
.myshop .searchbox input[type=submit] {
	color:#ffffff;
	background:#cf2200;
	border:1px solid #cf2200;
	padding:4px 8px;
	border-radius:3px;
	margin-left:8px;
}
/*-----------------------------------------
pageback
------------------------------------------*/
.myshop .pagebackswitch {
	position: fixed;
	z-index:1001;
	text-align:center;
	bottom:16px;
	right: 10px;
	width:48px;
	height:48px;
	-webkit-animation: pageback 0.4s;
	animation: pageback 0.4s;
	overflow:hidden;
}
@-webkit-keyframes pageback  {
   0%{ -webkit-transform:  translate(0px, 80px) ;}
   100%{ -webkit-transform:  translate(0px, 0px);}
}
@keyframes pageback {
   0%   { transform:  translate(0px, 80px) ;} 
   100%  { transform:  translate(0px, 0px);} 
} 
.myshop .pagebackswitch a {
	display:block;
	width:48px;
	height:48px;
	border-radius:48px;
	background-color:#0059ff

    ;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
.myshop .pagebackswitch a:before {
	position:absolute;
	top:0px;
	left:0px;
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	content: "\f106";
	color:#ffffff;
	font-size:24px;
	text-indent:0px;
	text-align:center;
	width:48px;
	height:48px;
	line-height:48px;
}
.myshop .pagebackswitch a:hover {
	color:#111111;
	background-color:#ffffff;
}
.myshop .pagebackswitch a:hover:before {
	color:#0059ff

    ;
}
/*-----------------------------------------
list
------------------------------------------*/
.myshop .itemlist {
	margin-top:0px;
	margin-bottom:0px;
}
.myshop .itemlist h3 a {
	display:block;
	word-break: break-all;
	color:#000000;
}
.myshop .itemlist .list-sort {
	margin-top:16px;
}
.myshop .itemlist .list-sort a {
	display:inline-block;
}
.myshop .itemlist h3 {
	margin-top:16px;
	margin-bottom:10px;
	line-height:150%;
}
.myshop .itemlist a.itemlist-pic {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-align-items:center; /* Safari */
	align-items:center;
}
.myshop .itemlist-pic:hover {
	opacity:0.6;
}
.myshop .itemlist-pic img {
	display:block;
	width:auto;
	max-height:100%;
	margin:0px auto;
}
.myshop .itemlist-price {
	text-align:center;
	color:#cc0000;
}
.myshop .itemlist-price span {
	color:#222222;
}
@media screen and (max-width : 767px){
.myshop .itemlist li {
	padding:8px 8px 24px 8px;
	}	
.myshop .itemlist-pic {
	width:24vw;
	height:24vw;
	}
.myshop .itemlist-price {
	line-height:150%;
	font-weight:700;
	}
}
@media screen and (min-width : 768px){
.myshop .itemlist li {
	padding:0px 50px 32px 50px;
	}
.myshop 	.itemlist-pic {
	width:200px;
	height:200px;
	}
}
/*-----------------------------------------
footer
------------------------------------------*/
.myshop footer {
	background:#e5faff;
}
.myshop .footer-menu li a {
	color:#0059ff

    ;
}
.myshop .footer-menu li a:hover {
	color:#e84938;
}
 @media screen and (max-width : 767px){
.myshop footer {
	text-align:center;
	padding-top:16px;
	padding-bottom:16px;
	}
.myshop .footer-menu ul {
	margin-bottom:16px;
	border-top:1px solid #dddddd;
	}
.myshop .footer-menu li {
	padding:8px;
	border-bottom:1px solid #dddddd;
	}
.myshop .footer-logo {
	max-width:142px;
	margin-left:auto;
	margin-right:auto;
	}
}
@media screen and (min-width : 768px){
.myshop footer,.footer-box {
	height:160px;
	}
.myshop .footer-menu p {
	padding-bottom:0;
	}
.myshop .footer-menu ul {
	margin-bottom:16px;
	}
.myshop .footer-menu li {
	padding:0 8px;
	border-right:1px solid #666666;
	}
.myshop .footer-menu li:first-child {
	padding-left:0px;
	}
.myshop .footer-menu li:last-child {
	border-right:none;
	}
}
.myshop .credit {
	text-align:center;
	padding:16px;
	font-size:smaller;
}
/*-----------------------------------------
freepage
------------------------------------------*/
.myshop .pankuzu {
	margin-top:16px;
	margin-bottom:16px;
	border-bottom:1px solid #dddddd;
	padding:13px 0;
}
@media screen and (max-width : 767px){
.myshop .pankuzu {
	font-size:1.3rem;
	line-height:150%;
	}
.myshop .freearea-tt {
	font-size:2.0rem;
	margin-top:0px;
	margin-bottom:20px;
	}
.myshop .freearea-st {
	font-size:1.6rem;
	margin-top:16px;
	margin-bottom:16px;
	}	
}
@media screen and (min-width : 768px){
.myshop .pankuzu {
	border-top:1px solid #dddddd;
	}
.myshop .freearea-tt {
	font-size:2.0rem;
	margin-top:0px;
	margin-top:20px;
	margin-bottom:30px;
	}
.myshop .freearea-st {
	font-size:1.8rem;
	margin-top:24px;
	margin-bottom:24px;
	}
}
.myshop .freearea-st {
	font-weight:700;
	border-bottom:3px solid #0059ff

    ;
	padding-bottom:6px;
}
.myshop .faqtoggle dt {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.myshop .faqtoggle dt {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-align-items:center; /* Safari */
	align-items:center;
	position:relative;
	background:#e5faff;
	color:#2700ff;
	font-weight:700;
	min-height:40px;
	padding-left:52px;
	padding-right:8px;
	line-height:120%;
	margin-bottom:8px;
}
.myshop .faqtoggle dt.active {
	margin-bottom:0px;
}
.myshop .faqtoggle dd {
	display:none;
	position:relative;
	padding-left:52px;
	padding-top:16px;
	padding-bottom:16px;
	line-height:150%;
}
.myshop .faqtoggle dt:before {
	content:"Q";
	font-family: 'Noto Serif', serif;
	font-weight:400;
	font-size:1.5rem;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	background:#2700ff;
	color:#ffffff;
}
.myshop .faqtoggle dd:before {
	content:"A";
	font-family: 'Noto Serif', serif;
	font-weight:400;
	font-size:1.5rem;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	background:#0059ff

    ;
	color:#ffffff;
}
.myshop .first-mt {
	text-align:center;
	color:#0059ff

    ;
	font-weight:700;
}
@media screen and (max-width : 767px){
.myshop .img-welcome {
	display:block;
	margin-bottom:16px;
	}
.myshop .first-mt {
	font-size:2.0rem;
	margin:20px auto;
	}
.myshop .first-point {
	margin-top:32px;
	margin-bottom:32px;
	}
.myshop .first-point li h3 {
	margin-top:16px;
	margin-bottom:16px;
	font-size:1.8rem;
	}
.myshop .bottom-nav h3 {
	margin-top:40px;
	margin-bottom:40px;
	}
.myshop .bottom-nav .btn-step {
	padding-left:0;
	}
.myshop .bottom-nav .btn-faq {
	max-width:240px;
	}
.myshop .bottom-nav .btn-red {
	font-size:1.4rem;
	text-align:center;
	line-height:60px;
    margin-top: 0;
	}
.myshop .bottom-nav li {
	padding-bottom:16px;
	}
}
@media screen and (min-width : 768px){
.myshop .img-welcome {
	display:block;
	margin-bottom:32px;
	}
.myshop .first-mt {
	font-size:3.0rem;
	margin:30px auto;
	}
.myshop .first-point {
	margin-top:72px;
	margin-bottom:72px;
	}
.myshop .first-point li {
	width:240px;
	}
.myshop .first-point li h3 {
	margin-top:32px;
	margin-bottom:24px;
	font-size:2.4rem;
	}
.myshop .first-caution li:nth-child(odd),.first-ok li:nth-child(odd) {
	/*width:420px;*/
	width:49%;
	margin-right:8px;
	}
.myshop .first-caution li:nth-child(even),.first-ok li:nth-child(even) {
	/*width:419px;*/
	width:49%;
	/*margin-left:8px;*/
	}
.myshop .bottom-nav h3 {
	margin-top:40px;
	margin-bottom:40px;
	}
.myshop .bottom-nav .btn-step {
	max-width:100%;
	}
.myshop .bottom-nav .btn-red {
	font-size:1.8rem;
	text-align:center;
	padding-top:5px;
	}
.myshop .bottom-nav li:nth-child(odd) {
	padding-right:8px;
	}
.myshop .bottom-nav li:nth-child(even) {
	padding-left:8px;
    padding-top: 31px;
	}
}
.myshop .first-point li h3 {
	text-align:center;
	color:#0059ff

    ;
	font-weight:700;
}
.myshop .first-ok p,.first-ok li {
	color:#4c8c00;
	font-weight:700;
}
.myshop .first-ok li {
	position:relative;
	background:#d2eeb0;
	line-height:150%;
	padding:13px 13px 13px 36px;
	margin-bottom:16px;
}
.myshop .first-ok li:before {
    display: block;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
    color: #4c8c00;
}

.myshop .first-caution p,.first-caution li {
	color:#d3150c;
	font-weight:700;
}
.myshop .first-caution li {
	position:relative;
	background:#ecdede;
	line-height:150%;
	padding:13px 13px 13px 36px;
	margin-bottom:16px;
}

.myshop .bottom-nav h3 {
	font-weight:700;
}
.myshop .caution-label {
	display:block;
	position:relative;
	color:#ffffff;
	background:#e84938;
	border-radius:4px;
	margin:0px auto 20px auto;
	padding:8px 8px 8px 64px;
	line-height:150%;
}
.myshop .caution-label:hover {
	background:#ff9900;
}
.myshop .caution-label:before {
    display: block;
    content: "";
	background-image: url(https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/tyuui.png);
    background-repeat: no-repeat;
    background-size: cover;
	width: 34px;
    height: 33px;
    position: absolute;
    top: 14px;
    left: 10px;
}
.myshop .sateitoggle {
	margin-bottom:32px;
}
.myshop .sateitoggle dt,.sateitoggle dd {
	padding:8px;
}
.myshop .sateitoggle dt {
	color:#0059ff

    ;
	background:#e5faff;
	border-radius:4px;
}
.myshop .sateitoggle dd {
	line-height:150%;
}
.myshop .formtable {
	width:100%;
	margin-bottom:32px;
}
.myshop .formtable tr:nth-child(even) {
	background:#e5faff;
}
.myshop .formtable th,.formtable td {
	padding:8px;
	vertical-align:middle;
	text-align:left;
}
.myshop .formtable th.hissu:before {
	content:"\5FC5\9808";
	display:inline-block;
	padding:3px 8px;
	position:relative;
	color:#ffffff;
	background:#cf2200;
	border-radius:3px;
	margin-right:8px;
}
.myshop .formtable th.nini:before {
	content:"\4EFB\610F";
	display:inline-block;
	padding:3px 8px;
	position:relative;
	color:#666666;
	background:#e3e7eb;
	border-radius:3px;
	margin-right:8px;
}
.myshop .formtable input,.formtable select,.formtable textarea {
	border:1px solid #dddddd;
	border-radius:3px;
	padding:4px;
}
.myshop .formtable td p {
	padding-bottom:0px;
}
.myshop .formtable thead tr {
	background:#0059ff

    ;
}
.myshop .formtable thead td {
	color:#ffffff;
	font-weight:700;
}
.myshop .btn-form-add {
	position:relative;
}
.myshop .btn-form-add input {
	display:block;
	color:#ffffff;
	background:#e84938;
	text-align:center;
	height:40px;
	line-height:40px;
	width:200px;
	border:none;
	border-radius:4px;
	margin:16px auto 16px 0;
	cursor:pointer;
	position:relative;
	z-index:1;
}
.myshop .btn-form-add input:hover {
	background:#ff9900;
}
.myshop .btn-form-add:before {
	content:"+";
	color:#ffffff;
	position:absolute;
	top:-12px;
	left:12px;
	font-size:2.4rem;
	z-index:10;
}
@media screen and (max-width : 767px){
.myshop .formtable th,.formtable td {
	display:block;
	line-height:150%;
	}
.myshop .form-many-cel {
	margin:24px 0;
	}
}
@media screen and (min-width : 768px){
.myshop .formtable th {
	width:200px;
	}
.myshop .formtable th.hissu {
	width:250px;
	}
.myshop .form-many-cel {
	margin:24px 0;
	}
.myshop .form-many-cel h3,.form-career-cel h3 {
	font-size:1.8rem;
	}
}
.myshop .mainarea input[type=submit] {
	display:block;
	text-align:center;
	margin:32px auto;
}
.myshop .form-career-cel {
	margin-top:32px;
}
.myshop .form-many-cel {
	background:#e5faff;
}
.myshop .form-many-cel h3 {
	color:#ffffff;
	background:#0059ff

    ;
	padding:12px 8px;
	font-weight:700;
}
.myshop .form-many-cel p {
	padding-bottom:0;
}
.myshop .form-many-body {
	padding:32px;
}
.myshop .form-many-body textarea {
	width:100%;
	border:1px solid #dddddd;
	border-radius:3px;
}
.myshop .form-career-cel {
	background:#e84938;
}
.myshop .form-career-cel h3 {
	color:#ffffff;
	background:#d3150c;
	padding:12px 8px;
	font-weight:700;
}
.myshop .form-career-body {
	padding:8px 16px;
}
.myshop .form-career-body p {
	color:#ffffff;
	font-weight:700;
}

.myshop .flowchart li {
	border-bottom:1px solid #999999;
}
.myshop .flowchart-img {
	position:relative;
}
.myshop .flowchart-img img {
	width:160px;
	height:160px;
	margin:0px auto 0px 0px;
	border-radius:50%;
	background:#ffffff;	
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items:center; /* Safari */
	align-items:center;
	position:relative;
	z-index:10;
}
.myshop .flowchart-img:before {
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	color:#ffffff;
	text-align:center;
	line-height:50px;
	z-index:11;
	border-radius:50%;
	font-size:2.4rem;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}
.myshop .flowchart-img-1:before {
	content:"1";
	background:#26afaf;
}
.myshop .flowchart-img-2:before {
	content:"2";
	background:#f69a0c;
}
.myshop .flowchart-img-3:before {
	content:"3";
	background:#70ab3b;
}
.myshop .flowchart-img-4:before {
	content:"4";
	background:#df4394;
}
.myshop .flow-bottom h3 {
	line-height:150%;
}
@media screen and (max-width : 767px){
.myshop .flowchart li {
	padding-top:24px;
	padding-bottom:24px;
	}
.myshop .flowchart-img {
	width:160px;
	margin-left:auto;
	margin-right:auto;
	}
.myshop .flow-st {
	font-size:2.0rem;
	line-height:150%;
	padding-top:24px;
	padding-bottom:20px;
	}
.myshop .flow-bottom h3 {
	font-size:2.0rem;
	padding-top:30px;
	padding-bottom:30px;
	}
.myshop .flowchart-txt .sidebar-btn {
	color:#000000;
	}
}
@media screen and (min-width : 768px){
.myshop .flowchart li {
	padding-top:32px;
	padding-bottom:32px;
	}
.myshop .flowchart-img {
	width:200px;
	}
.myshop .flow-st {
	font-size:2.0rem;
	padding-top:30px;
	padding-bottom:20px;
	}
.myshop .flowchart-txt {
	width:700px;
	}
.myshop .flowchart-txt .btn-contact-single {
	max-width: 600px;
	margin-left: 0;
	height: 80px;
	}
.myshop .flowchart-txt .sidebar-btn {
	margin-left:0;
	color:#000000;
	}
.myshop .flow-bottom h3 {
	font-size:2.0rem;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	}
}
.myshop .tokutei-table {
	width:100%;
}
.myshop .tokutei-table tr:nth-child(odd) {
	background:#f6f6f6;
}
.myshop .tokutei-table th,.tokutei-table td {
	padding:12px;
	text-align:left;
}
@media screen and (max-width : 767px){
.myshop .tokutei-table th,.tokutei-table td {
	display:block;
	}
.myshop .tokutei-table th {
	font-weight:700;
	}
.myshop .bannerframe a img {
	display:block;
	margin:0px auto;
	}
}
.myshop .snsframe {
	margin-bottom:28px;	
}
.myshop .snsframe a {
	display:block;
	position:relative;
	width:32px;
	height:32px;
	margin:16px;
	font-size:2.4rem;
}
.myshop .bannerframe {
	margin-bottom:16px;
}
.myshop .bannerframe a {
	display:block;
	position:relative;
	margin-top:16px;
}
/*-----------------------------------------
line
------------------------------------------*/
.myshop .line-welcome {
	background:#42cb42;
	text-align:center;
}
@media screen and (max-width : 767px){
.myshop .line-welcome h2 {
	padding:20px 10px;
	}
.myshop .line-welcome li {
	padding-top:16px;
	border-bottom:1px dotted #ffffff;
	}
.myshop .line-welcome li:last-child {
	border-bottom:none;
	}
}
@media screen and (min-width : 768px){
.myshop .line-welcome h2 {
	padding:20px;
	}
.myshop .line-welcome li {
	border-right:1px dotted #ffffff;
	}
.myshop .line-welcome li:last-child {
	border-right:none;
	}
}
.myshop .line-st {
	font-weight: 700;
    border-bottom: 3px solid #42cb42;
    padding-bottom: 6px;
}
.myshop .line-flow li {
	border-bottom:1px solid #666666;
}
.myshop .line-step-num div {
	text-align:center;
	border-radius:4px;
	position:relative;
	color:#ffffff;
	background:#42cb42;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
}
.myshop .line-step-num div span {
	color:#ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	padding-top:2px;
	margin-bottom: -12px;
	font-size:0.9rem;
}
.myshop .line-step-num div:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left:-6px;
	border: 6px solid transparent;
	border-top: 8px solid #42cb42;
}
.myshop .line-step-txt h3 {
	color:#42cb42;
	font-weight: 700;
}
.myshop .line-step-txt p {
	padding-bottom:0;
}
@media screen and (max-width : 767px){
.myshop .line-st {
    font-size: 1.6rem;
    margin-top: 24px;
    margin-bottom: 24px;
	}
.myshop .line-qr {
	width:180px;
	margin:0px auto;
	}
.myshop .line-step-num {
	width:20vw;
	}
.myshop .line-step-num div {
	width:14vw;
	height:48px;
	font-size:2.0rem;
	}
.myshop .line-step-txt {
	width:80vw;
	}
.myshop .line-step-txt h3 {
	font-size:1.6rem;
	padding-top:8px;
	padding-bottom:16px;
	}
.myshop .line-flow li {
	padding-top:16px;
	padding-bottom:16px;
	}
}
@media screen and (min-width: 768px) {
.myshop .line-st {
    font-size: 1.8rem;
    margin-top: 24px;
    margin-bottom: 24px;
	}
.myshop .line-first {
	width:720px;
	}
.myshop .line-qr {
	width:180px;
	}
.myshop .line-step-num {
	width:84px;
	}
.myshop .line-step-num div {
	width:60px;
	height:48px;
    top:6px;
	font-size:1.4rem;
	}
.myshop .line-step-txt {
	width:816px;
	}
.myshop .line-step-txt h3 {
	font-size:1.9rem;
	padding-top:12px;
	padding-bottom:24px;
	}
.myshop .line-flow li {
	padding-top:32px;
	padding-bottom:32px;
	}
}
.myshop .caution-tt.coution-tt-box {
	margin-bottom:0px;
}
.myshop .caution-box {
	background:#f6eaea;
	padding:16px;
}
.myshop .caution-box p {
	padding-bottom:0;
}
.myshop .line-point-box li {
	text-align:center;
}
.myshop .line-point-pic {
	border:1px solid #dddddd;
	margin:16px auto;
	position:relative;
}
.myshop .line-point-pic span {
	text-align:center;
	border-radius:4px;
	position:absolute;
	top:-16px;
	left:50%;
	color:#ffffff;
	background:#42cb42;
	padding:8px 4px;
	display:block;
	font-weight:700;
}
.myshop .line-point-pic span:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left:-6px;
	border: 6px solid transparent;
	border-top: 8px solid #42cb42;
}
@media screen and (max-width : 767px){
.myshop .line-point-pic span {
	font-size:1.2rem;
	width:120px;
	margin-left:-60px;
	}
.myshop .line-point-pic {
	width:44vw;
	max-width:200px;
	}
}
@media screen and (min-width: 768px) {
.myshop .line-point-pic span {
	font-size:1.4rem;
	width:132px;
	margin-left:-66px;
	}
.myshop .line-point-pic {
	width:202px;
	}
}
.myshop .leadtext-btn-box div {
	padding:8px;
}


img.spitz {
    width: auto;
    height: auto;
    object-fit: none;
}

/* デフォルト (PCサイズ) では画像を非表示 */
.myshop .btn-change-txt .btn-change-img {
    display: none;
}

@media (max-width: 768px) {
    /* 画面幅が768px以下の時に適用 */

    /* 1. 既存のテキスト要素を非表示にする */
    /* span要素と、親要素直下のテキストノード（無料ネット査定）を消す */
   .myshop .btn-change-txt span {
        display: none; /* span要素を非表示 */
    }

    /* 親要素直下のテキストノードを消すための工夫 */
   .myshop .btn-change-txt {
        font-size: 0;
        line-height: 0;
    }
    
    /* 2. 画像を表示する */
   .myshop .btn-change-txt .btn-change-img {
        display: inline-block; /* 画像を表示 */
        width: auto;
        height: 40px;
        
        /* 画像が影響を受けないように設定をリセット */
        font-size: initial; 
        line-height: normal;
    }
}
 
 /* ロゴ画像大きさ */
.header-logo{
        width: 180px;
        height: 52px;
        padding-right: 10px;
}




/* トップページcss */
















@charset "euc-jp";
.myshop .header-leadtext h1 {
	font-weight:700;
	color:#0059ff
	;
	padding-bottom:8px;
	border-bottom:3px solid #0059ff
	;
	line-height:100%;
	position:relative;
	z-index:10;
}
@media screen and (max-width: 767px) {
    .myshop .top-leadtext-cosme {
        text-align: center;
    }
}
.myshop .top-leadtext-cosme {
	text-align:left;
}
@media screen and (max-width : 767px){
	.myshop .header-leadtext {
	padding-bottom:48px;	
	}
	.myshop .leadtext-catch {
	padding-top:16px;
	position:relative;
	z-index:10;
	text-align:center;
	}
	.myshop .header-leadtext h1 {
	font-size:4.4vw;
	text-align:center;
	margin-top:16px;
	margin-bottom:16px;
	position:relative;
	z-index:10;	
	}
}
@media screen and (min-width : 768px){
	.myshop .leadtext-catch {
	padding-top:16px;
	position:relative;
	z-index:10;	
	}
	.myshop .header-leadtext {
	min-height:490px;	
	}
	.myshop .header-leadtext h1 {
	font-size: 2.0rem;
	margin-top:36px;
	margin-bottom:36px;
	position:relative;
	z-index:10;	
	}
	.myshop .header-leadtext:after {
        content: "";
        position: absolute;
        z-index: 5;
        background-image: url(https://img11.shop-pro.jp/PA01289/555/etc/bg-top-point.jpg);
        background-repeat: no-repeat;
        width: 364px;
        height: 392px;
        right: 0px;
        bottom: 0px;
	}
	.myshop .header-leadtext p {
	margin-bottom:32px;	
	}
	.myshop .leadtext-btn-box {
	width:800px;
    padding-bottom: 30px;
	margin-right:auto;
	}
}
.myshop .top-reason {
	background:#e5faff
	;
	position:relative;
	z-index:14;	
}
.myshop .top-reason:before {
	content:"";
	background-image:url(https://game-utteco.ocnk.net/data/game-utteco/image/hame-face.png);
	background-repeat:no-repeat;
	width:66px;
	height:77px;
	position:absolute;
	top:-22px;
	left:50%;
	margin-left:-33px;
}
.myshop .top-reason h2 {
	text-align:center;
	color:#e84938;
	font-weight:700;
	padding-top:60px;	
}
.myshop .top-reason .reasonball {
	width:160px;
	height:160px;
	border-radius:50%;
	margin:24px auto;
	background:#ffffff;	
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items:center; /* Safari */
	align-items:center;
}
.myshop .top-reason p,.top-reason span {
	font-weight:700;	
}
@media screen and (max-width : 767px){
	.myshop .top-reason h2 {
	font-size:4vw;
	margin-bottom:32px;	
	}
	.myshop .top-reason li {
	text-align:center;	
	}
}
@media screen and (min-width : 768px){
	.myshop .top-reason h2 {
	font-size:2.0rem;
	margin-bottom:32px;	
	}
	.myshop .top-reason li {
	padding-left:72px;
	padding-right:72px;	
	}
}
.myshop .top-step-tt,.top-step-st {
	font-weight:700;
}
.myshop .fire .reasonball {
	animation: bounce 0.3s linear 1;
}
@keyframes bounce{
	0%	{transform: scale(1.4);}
	80%	{transform: scale(0.9);}
	90%	{transform: scale(1.1);}
	100%	{transform: scale(1);}
}
.myshop .top-step-img {
	width:160px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.myshop .top-step-img img {
	width:160px;
	height:160px;
	border-radius:50%;
	margin:0px auto;
	background:#ffffff;	
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items:center; /* Safari */
	align-items:center;
	position:relative;
	z-index:10;
}
.myshop .top-step-img:before {
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	color:#ffffff;
	text-align:center;
	line-height:50px;
	z-index:15;
	border-radius:50%;
	font-size:2.4rem;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}
.myshop .top-step-1:before {
	content:"1";
	background:#26afaf;	
    z-index: 14;
}
.myshop .top-step-2:before {
	content:"2";
	background:#f69a0c;	
    z-index: 14;
}
.myshop .top-step-3:before {
	content:"3";
	background:#df4394;	
    z-index: 14;
}
.myshop .top-step-box h3 {
	text-align:center;
	font-weight:700;
}
@media screen and (max-width : 767px){
	.myshop .top-step-tt {
	margin-top:20px;
	font-size:1.8rem;
	padding-bottom:8px;
	}
	.myshop .top-step-st {
	font-size:1.6rem;
	padding-bottom:32px;
	}
	.myshop .top-step-box li {
	text-align:center;	
	}
	.myshop .top-step-box h3 {
	font-size:1.6rem;
	padding-top:24px;
	padding-bottom:24px;
	}
	.myshop .voice-frame {
	height:240px;	
	}
	.myshop .news-frame {
	height:240px;	
	}
	.myshop .snsframe {
	margin-top:30px;
	}
	.myshop .btn-step {
	margin-top:24px;
	margin-bottom:24px;
	}

.myshop .top-leadtext-cosme .btn-contact,
.myshop .top-leadtext-cosme .btn-line,
.myshop .top-leadtext-cosme .btn-beginner {
	height:60px;
	max-width:240px;
	margin-bottom:16px;
}

}
@media screen and (min-width : 768px){
	.myshop .top-step-tt {
	font-size:3.0rem;
	margin-top:30px;
	padding-bottom:8px;	
	}
	.myshop .top-step-st {
	font-size:1.8rem;
	padding-bottom:64px;
	}
	.myshop .top-step-box li {
	padding-left:24px;
	padding-right:24px;
	position:relative;	
	}
	.myshop .top-step-box h3 {
	font-size:1.8rem;
	padding-top:24px;
	padding-bottom:24px;
	}
    .myshop .top-step-box li:after {
        position: absolute;
        content: url("https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/sparrow.png");
        top: 64px;
        right: -16px;
        width: 32px; /* 画像の幅を設定 */
        height: 32px; /* 画像の高さを設定 */
        /* 画像のサイズや配置を制御するために追加 */
        display: block; 
        z-index: 14;
    }
	.myshop .top-step-box li:last-child:after {
	display:none;	
	}
	.myshop .voice-frame {
	height:480px;
	}
	.myshop .news-frame {
	height:320px;
	}
	.myshop .snsframe {
	margin-top:60px;
	}
	.myshop .btn-step {
	margin-top:32px;
	margin-bottom:32px;
	}
}
.myshop .voice-frame,.news-frame {
	border:1px solid #dddddd;
	border-radius:3px;
	padding:16px;
	overflow-y:auto;
	line-height:200%;
}



.myshop .top-nande {
	background:#e5faff
	;
	position:relative;
}
.myshop .top-nande h2 {
	color:#2700ff;
	font-weight:700;
	padding-bottom:30px;
}
@media screen and (max-width : 767px){
	.myshop .top-nande {
	padding:16px;
	}
	.myshop .top-nande h2 {
	font-size:1.8rem;
	}
}
@media screen and (min-width : 768px){
	.myshop .top-nande {
    margin-top: 25px;
	padding:30px 30px 30px 394px;
	}
	.myshop .top-nande h2 {
	font-size:1.7rem;
	}
	.myshop .top-nande:before {
	content:"";
	position:absolute;
	left:8px;
	bottom:0px;
	width:327px;
	height:373px;
	background-image:url(https://game-utteco.ocnk.net/data/game-utteco/image/nandeman.png);
	background-repeat:no-repeat;
	}
  .myshop .snsbox-twitter {padding-left:20px;}
}

@media screen and (min-width: 768px) {
    .myshop .top-leadtext-cosme {
        width: 1260px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.myshop .kuwasiku{
    font-size:1em;
}

#footer_free_top{
    background:#FFFFFF;
}

.background-color-div {
    /* 絶対位置指定 */
    position: absolute;
    
    /* 左右の端（ビューポートの端）まで広げる */
    left: 0;
    right: 0;
    
    /* Z-indexで他のコンテンツの下に配置 */
    z-index: 1; 
    
    /* 背景色を指定 */
    background-color: #e5faff;
    
    /* 高さは親要素またはコンテンツに合わせて調整 */
     /* 親要素の高さに合わせる場合 */
    /* height: 500px; など、固定値にしてもOK */
}

@media screen and (max-width: 1184px) {
    .myshop .header-leadtext:after {
        /* 1184px以下になったら非表示にする */
        display: none !important; 
    }
}
#copyright {
    padding-top: 155px;
    padding-bottom: 5px;
    line-height: normal;
    z-index: 0;
}

@media screen and (min-width: 768px) {
    /* 767px、768px、... と大きな画面で適用 */
    #copyright {
        padding-top: 155px; /* 例: PCでは背景画像が小さいため余白を少なく */
        padding-bottom: 5px;
        line-height: normal;
    }
}

@media screen and (max-width: 767px) {
    /* 766px、765px、... と小さな画面で適用 */
    #copyright {
        padding-top: 280px; /* 例: スマホでは背景画像が縦に伸びるため余白を大きく */
        padding-bottom: 5px;
        line-height: normal;
    }
}
 
.price_section .selling_price {
    border-bottom: 3px solid #e84938;
    color: #e84938;
    font-weight: 700;
    text-align: center;
}

span#pricech {
    font-size: 2.4rem;
}

.item_info .selling_price {

    color: #e84938;
    font-weight: 700;
    text-align: center;
}

.item_info .selling_price::before {
    /* 挿入したいテキストを設定します */
    content: "買取価格:";
    
    /* 価格とテキストの間にスペースが欲しい場合は、ここで調整します */
    margin-right: 1px; 
    
    /* 必要に応じて、文字色や太さを変えることもできます */
    /* color: #333; */
    /* font-weight: bold; */
}

.list_item_data .item_name {
  
    text-align: center;
    
    /* 必須1: はみ出したテキストを非表示にする */
    overflow: hidden;
    
    /* 必須2: 省略表示を有効にする */
    text-overflow: ellipsis;
    
    /* 必須3: 複数行の省略表示に必要な設定 */
    display: -webkit-box; /* Flexboxの古い記述（ブラウザ互換性のため） */
    
    /* 必須4: テキストを縦方向に並べる（webkit-box利用時） */
    -webkit-box-orient: vertical;
    
    /* 必須5: 何行まで表示するかを指定する (★ここを 2 に設定★) */
    -webkit-line-clamp: 2;
    
    /* 必要に応じて、高さが固定されないように max-height を設定することも有効です */
    /* max-height: calc(1.2em * 2); /* 2行分の高さを計算して設定 */
    line-height: 1.2; /* line-height は正確な高さ計算のために必須 */
}
span.figure{
    font-weight: 700;
}
.side_box.basic_nav_box.side_section
 {
     display:none;
}

@media screen and (min-width: 768px) {
    .leadtext-btn-box.flex-pc.flex-sep-2 {
    width: 600px;
    padding-bottom: 30px;
    margin-right: auto;
}
}
.open_side_col .right_menu_mode .side_menu_close_btn {
    left: auto;
    right: 60px;
}
.side_col {
    width: 310px !important;
}

.open_side_col .side_container {
    padding: 5px;
    padding-bottom: 30px;
}
/* 1. 通常のスタイル設定 (a) */
a {
    /* (前の設定から引き継いでいると想定される) */
    text-decoration: none; 
    color: #0059ff
	; /* 例: 前の会話で使われていた基本色 */

    /* トランジションはホバー時ではなく、通常要素に設定するのが基本 */
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

/* 2. ホバー時とフォーカス時のスタイル (a:hover, a:focus) */
/* これで、マウスオーバー、またはキーボードでフォーカスした時に適用されます */
a:hover,
a:focus {
    color: #005580; /* 新しい青色 */
    text-decoration: underline; /* 下線を表示 */
}

/* 3. ホバー時、フォーカス時、アクティブ時のアウトライン除去 */
/* a:focusも含むことで、キーボード操作でフォーカスが当たったときもアウトラインを消せます */
a:hover,
a:focus,
a:active {
    outline: 0;
}

.large_font input[type=email], .large_font input[type=number], .large_font input[type=password], .large_font input[type=search], .large_font input[type=tel], .large_font input[type=text], .large_font input[type=url], .large_font select, .large_font textarea {
    font-size: 15px;
}

.inner_header_nav {
    margin: 0;
    padding: 5px 0;
    padding-right: 52px;
}

#contents_bottom, #contents_top, #footer_wrapper, #header_wrapper, #maincol, #non_approved, #photo, .breadcrumb_area {
    -webkit-transition: transform .2s 
linear;
    transition: transform .2s 
linear;
   /* border-bottom: 1px solid #dddddd;*/
}
.breadcrumb_area {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 画面幅が1079px以下の場合に適用されるスタイル */
@media screen and (max-width: 1079px) {
    /* ここに非表示にしたいクラスを指定する */
   .header-spenit.pc-only {
        display: none ; /* 強制的に非表示にしたい場合は !important をつける */
    }
}

.flex.flex-between.flex-middle {
    padding: 5px 10px;
}
@media screen and (min-width: 840px) {
    .hide-bottombar {
        display: none;
    }
}

.bottombar {
    width: 100%;
}

/* お客様の声ボタンのアイコン（::before）を画像に置き換える */
.myshop .header-btn-voice::before {
    /* Font Awesomeのアイコン表示関連のプロパティをリセットまたは調整 */
    font-family: unset;
    font-weight: unset;
    content: "";

    /* 画像の指定と表示 */
    background-image: url("https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/voice.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* 画像が表示されるようにサイズを調整 */
    width: 14px; /* アイコンの元のサイズに合わせるか、画像サイズに合わせて調整 */
    height: 14px; /* アイコンの元のサイズに合わせるか、画像サイズに合わせて調整 */

    /* その他の位置調整は既存のものを維持 */
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -7px;
    color: transparent;
}


/* お知らせボタンのアイコン（::before）を画像に置き換える */
.myshop .header-btn-news::before {
    /* Font Awesomeのアイコン表示関連のプロパティをリセットまたは調整 */
    font-family: unset; /* フォントファミリーをリセット */
    font-weight: unset; /* フォントウェイトをリセット */
    content: ""; /* アイコンコードを空にする */

    /* 画像の指定と表示 */
    background-image: url("https://gakufu-utteco.ocnk.net/data/gakufu-utteco/image/news.png");
    background-size: contain; /* 画像を要素内に収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しをしない */
    background-position: center; /* 画像を中央に配置 */

    /* 画像が表示されるようにサイズを調整 */
    width: 14px; /* アイコンの元のサイズに合わせるか、画像サイズに合わせて調整 */
    height: 14px; /* アイコンの元のサイズに合わせるか、画像サイズに合わせて調整 */

    /* その他の位置調整は既存のものを維持 */
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -7px;
    color: transparent; /* 元のアイコンの色を透明にする（contentを空にしたので不要になることが多いが念のため） */
}
    @media screen and (min-width: 840px) {
    .myshop .sidebar {
        width: 300px;
        padding-left: 30px;
        margin-bottom: 30px;
    }
}

.pc-nav {
    font-size: 0.9rem;
    font-weight: 700;
}

li.global_nav_item.wrapped_item.g_search.flex_layout.has_nav_icon.search_bar_opener
 {
    width: 10%;
}

div#option {
    display: none;
}

.global_nav{
	background-color:#0059ff;
}

.inner_global_nav .nav_btn {
    background-image: url(img/navi_line_bg.gif);
    background-position: right center;
    background-repeat: no-repeat;
    /* border-bottom: 3px solid #7a9d54ff; */
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
}

.pc-nav li a {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 700;
    border-right: 1px dotted #ffffff;
}

.header {
    z-index: 80;
    background: #ffffff;
}

.matome-products {
font-weight: 700;
font-size: 0.74rem;
line-height: 1.4;
}

@media screen and (min-width: 768px) {
    .matome-products {
        font-size: 1rem;
        padding-bottom: 30px;
    }
}

.other-products {
    font-size: 1.7rem;
    font-weight: 700;
    padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .other-products {
        font-size: 1.7rem;
        margin-top: 30px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
  #header_nav_free{
	display: none;

}
}

@media screen and (max-width: 767px) {
  #header_nav_free{
	display: none;

}
}

@media screen and (max-width: 767px) {
     #header_wrapper {
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
}
input.hig {
    width: 100px;
}

a.header-btn {
    color: black;
}


.myshop .ok-tt:before {
    display: block;
    content: ""; /* 空のコンテンツを作る */
    background-image: url("https://game-utteco.ocnk.net/data/game-utteco/image/goodjob48px.png");
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    left: 12px;
    top: 2px;
    width: 24px;
    height: 40px;
}

.myshop .first-ok li:before {
    display: block;
    content: ""; /* 空のコンテンツを作る */
    background-image: url("https://game-utteco.ocnk.net/data/game-utteco/image/checkmark48.png");
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
}

.myshop .caution-tt:before {
    display: block;
    content: ""; /* 空のコンテンツを作る */
    background-image: url("https://game-utteco.ocnk.net/data/game-utteco/image/caution48.png");
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    left: 12px;
    top: 2px;
    width: 24px;
    height: 40px;
}

.myshop .first-caution li:before {
    display: block;
    content: ""; /* 空のコンテンツを作る */
    background-image: url("https://game-utteco.ocnk.net/data/game-utteco/image/batu48.png");
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
}

/* 1. 基本の市松模様（四角いまま） */
ul.tiled_list li {
  background-color: #ffffff; /* 基本は白 */
  transition: all 0.3s ease; /* 変化を滑らかにする（重要！） */
  cursor: pointer;
}

ul.tiled_list li:nth-child(even) {
  background-color: #f2f2f2; /* 偶数は灰色 */
}

/* 2. ホバーした時のスタイル（ここで丸くする） */
ul.tiled_list li:hover {
  background-color: #ffffff !important; /* ホバー時は強制的に白 */
  border-radius: 20px; /* ここで角を大きく丸める（円形に近く） */
  box-shadow: 0 10px 25px rgba(0,0,0,0.15); /* 浮き上がる影 */
  transform: scale(1.05); /* 少しだけ大きくして強調 */
  z-index: 10; /* 前面に持ってくる */
  position: relative;
}

.layout_photo .list_item_cell .item_data{
	padding: 20px;
}