@charset "utf-8";
/* CSS Document */

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

/* HTMLタグ要素 */

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

body {
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    color: #333333;
}

A,
A:link,
A:visited,
A:hover,
A:active {
    color: #7a9d54ff;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

.use_hover A:hover {
    color: #355e3bff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 5px;
}

h1 {
    font-size: 161.6%;
}

h2 {
    font-size: 146.5%;
}

h3 {
    font-size: 131%;
}

h4 {
    font-size: 123.1%;
}

h5 {
    font-size: 116%;
}

h6 {
    font-size: 108%;
}


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

/* 大外 */

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

#container {
    font-size: 108%;
}


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

/* トップページコンテンツ間余白 */

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

.main_box,
.side_box {
    margin-bottom: 25px;
}


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

/* キャッチフレーズ欄 */

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

/* キャッチフレーズ */
.copy {
    min-height: 18px;
    padding: 5px 5px 0px;
    font-size: 85%;
}


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

/* ヘッダー */

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

#header {
    position: relative;
    background-color: #FFFFFF;
    /*border-top: 5px solid #7a9d54ff;*/
}


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

/* ショップ名 */

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

/* ショップ名ロゴ */
.shoplogo {
    padding: 5px;
}

.use_hover .shoplogo A:hover img {
    opacity: 0.8;
}

/* ショップ名テキスト */
.shoptext {
    padding: 5px 0px;
    min-height: 40px;
    margin-right: auto;
}

.shoptext A {
    font-size: 116%;
    margin: 0px;
}


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

/* 文字サイズ */

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

.font_setting {
    padding: 5px 5px 10px;
    text-align: center;
}

.header_font_setting .set_font_title {
    color: #000000;
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
    width: 45px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 45px 60px;
    background-size: 45px 60px;
}

/* 普通画像 */
.set_font_normal {
    background-image: url(img/font_default.gif);
}

/* 大画像 */
.set_font_large {
    margin-left: 5px;
    background-image: url(img/font_large.gif);
}

/* 文字サイズ画像マウスオーバー、選択中 */
.use_hover .font_setting .set_font_normal:hover,
.use_hover .font_setting .set_font_large:hover,
.font_setting .nav_on {
    background-position: left bottom;
}


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

/* ヘッダーナビ */

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

/* 各ナビゲーション */
.inner_header_nav .nav_btn {
    border: 2px solid #E0DFE3;
    color: #7a9d54ff;
}

.use_hover .inner_header_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #355e3bff;
}


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

/* 検索 */

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

.search_bar .search {
    background-color: #F5F5F5;
}


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

/* グローバルナビゲーション */

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

.global_nav {
    /*border-top: 5px solid #E0DFE3;*/
    background-color: #7a9d54ff;
}

.top_page_body .global_nav {
    border-bottom: none;
}

/* 各ナビゲーション */
.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;
}

.use_hover .inner_global_nav .nav_btn:hover {
    border-bottom: 3px solid #FFFFFF;
    color: #FFFFFF;
}

.global_nav_item:first-child .nav_btn {
    background-image: url(img/navi_line_bg.gif),url(img/navi_line_bg.gif);
    background-position: right center,left center;
}


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

/* 開閉ナビゲーション */

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

.inner_popup_nav_area,
.inner_popup_menu_area {
    background-color: #FFFFFF;
    color: #000000;
}

/* 各ナビゲーション */
.inner_popup_nav .nav_btn {
    background-color: #FFFFFF;
    border-top: 1px solid #E0DFE3;
    font-weight: normal;
    color: #7a9d54ff;
}

.use_hover .inner_popup_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #355e3bff;
}

/* 開閉ナビゲーション閉じるボタン */
.nav_close_box .nav_close {
    background-color: #222222;
}

.use_hover .nav_close_box .nav_close:hover {
    background-color: #333333;
}


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

/* メインナビゲーション */

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

/* 各ナビゲーション */
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
    color: #7a9d54ff;
}

.use_hover .inner_side_nav .nav_btn:hover ,
.use_hover .inner_main_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #355e3bff;
}

/* フリーページナビゲーション背景 */
.freepage_nav .inner_freepage_nav .nav_btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
}

.use_hover .freepage_nav .inner_freepage_nav .nav_btn:hover {
    background-color: #F5F5F5;
}


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

/* カテゴリ、特集ナビゲーション */

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

.itemlist_nav {
    margin-top: 15px;
}

/* 各ナビゲーション */
.inner_itemlist_nav .nav_btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
    font-weight: normal;
    color: #7a9d54ff;
}

.use_hover .inner_itemlist_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #355e3bff;
}

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

/* サイドメニュー */

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

/* サイドメニュー枠 */
.open_side_col .side_container {
    background-color: #FFFFFF;
}

/* サイドカテゴリ一覧 */
.side_itemlist_nav {
    padding: 0px 1px;
}

/* サブカテゴリ　第二階層 */
.side_itemlist_nav .sub_menu_link {
    padding: 10px 24px 10px 10px;
}

/* サブカテゴリ背景 */
.side_itemlist_nav .sub_menu_link {
    background-color: #F5F5F5;
    border-top: none;
    border-left: 1px solid #E0DFE3;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* マウスオーバー */
.use_hover .side_itemlist_nav .side_itemlist_nav_link:hover {
    background-color: #F5F5F5;
}


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

/* フッターナビゲーション */

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

.footer_nav {
    background-color: #F5F5F5;
}

/* 各ナビゲーション */
.footer_nav_item {
    color: #7a9d54ff;
}

.footer_nav_item .nav_btn {
    border-bottom: 1px solid #E0DFE3;
    color: #7a9d54ff;
}

.use_hover .footer_area .nav_btn:hover {
    background-color: #E0E0E0;
    color: #7a9d54ff;
}


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

/* タイトル */

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

.side_box h2,
.main_box h2 {
    padding: 10px 5px 10px 10px;
    margin-bottom: 10px;
    /*border-left: 5px solid #7a9d54ff;*/
    color: #000000;
}


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

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

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

/* 第二階層各ページタイトル */
.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 #7a9d54ff;
    padding: 10px 5px 10px 10px;
    margin-bottom: 10px;
    color: #000000;
}


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

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

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

/* 各ページサブタイトル */
.page_box .section_title h2,
.page_box .section_title h3 {
    border: 1px solid #E0DFE3;
    border-radius: 5px;
    padding: 10px;
    color: #000000;
}

.page_box #cart_preview .section_title h3 {
    margin-bottom: 10px;
}

.page_box .help_contents .section_title h4 {
    margin-top: 10px;
}

.page_box .section_title h4 {
    border-bottom: 1px solid #E0DFE3;
    padding: 10px 5px;
}

.page_box .page_contents .search_result_title h3 {
    margin-top: 10px;
}


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

/* 第二階層小項目タイトル */

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

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

.rules_title {
    font-weight: bold;
}


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

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

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

.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;
}


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

/* タイトル文字サイズ */

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

.page_title h1,
.page_title h2,
.section_title h1,
.section_title h2 {
    margin: 0px;
    font-size: 123.1%;
    font-weight: normal;
}

.page_title h3,
.section_title h3 {
    margin: 0px;
    font-size: 116%;
    font-weight: normal;
}

.page_box .section_title h2,
.page_box .section_title h3 {
    margin: 0px 2px;
}

.page_title h4,
.page_title h5,
.page_title h6,
.section_title h4,
.section_title h5,
.section_title h6 {
    margin: 0px;
    font-size: 100%;
    font-weight: bold;
}

.shoppingcart_page_body .section_title h4 {
    margin: 0px;
    font-size: 116%;
    font-weight: normal;
}


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

/* メインコンテンツ */

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

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

/* 一覧
・写真のみ表示
・説明付き表示
・商品一覧ページ(写真のみ、説明付き)
・最新情報、店長日記
・ソート
*/

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


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

/* 写真のみ表示  */

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

/* サムネイル写真 */
.layout_photo .list_item_photo {
    padding: 5px 0;
    text-align: center;
}

/* 一覧枠 */
.layout_photo .list_item_data {
    padding: 5px 1px;
}

/* もっと見る */
.more_item {
    padding: 10px 5px 0px 5px;
    border-top: 1px solid #E0DFE3;
    text-align: right;
}

.more_item .general_btn {
    padding: 5px;
    font-size: 85%;
    font-weight: normal;
}

/* 写真のみ文字サイズ */
.layout_photo .item_data_link {
    font-size: 85%;
}

.layout_photo .col2 .item_data_link {
    font-size: 93%;
}


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

/* 説明付き */

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

/* リンク */
.layout_column_text .list_item_box,
.layout_text .not_link {
    border-bottom: 1px solid #E0DFE3;
}

.list_item_data p.item_desc {
    color: #000000;
}


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

/* 商品一覧  */

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

/* 商品、記事一覧マウスオーバー */
.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: #7a9d54ff;
}


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

/* 記事一覧  */

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

/* タイトル */
.list_subject {
    padding: 5px 0px;
}

/* 日付 */
.date {
    color: #000000;
    font-size: 93%;
    font-weight: normal;
}


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

/* ソート */

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

.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%;
}


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

/* 写真 */

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

#photo .fix_center {
    max-width: 100%;
}

#photo {
    background-color: #F5F5F5;
}


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

/* スライド */

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

/* スライド送りボタン */
.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: #7a9d54ff;
    border: 1px solid #7a9d54ff;
}

#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;
}


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

/* 第二階層 */

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

.page_box {
    color: #000000;
}

/* 共通説明 */
.page_desc {
    padding: 10px;
}

/* 共通ボックス */
.global_info {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
    padding: 10px;
}


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

/* 商品詳細 */

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

/* 商品情報　各ブロック */
.detail_section {
    border-bottom: 1px solid #E0DFE3;
}

/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 商品詳細　価格エリアdivタグ間余白 */
.detail_item_data .section_box {
    margin-bottom: 10px;
}

/* 商品詳細　価格エリア項目間余白 */
.detail_item_data .section_box p {
    margin-bottom: 5px;
}

/* 商品詳細　販売価格 */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
}

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
    font-weight: bold;
}

/* 商品詳細　通常販売価格 */
.detail_item_data .regular_price {
    font-size: 85%;
}

/* 商品詳細　希望小売価格、税込価格 */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: #666666;
    font-weight: normal;
}

/* 商品詳細　販売価格ラベル */
.detail_item_data .selling_price {
    font-weight: normal;
}

/* 商品詳細　在庫 */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* 商品情報　商品説明 */
.item_desc {
    margin: 0px;
}

/* 価格変動注意書き */
.price_desc {
    font-size: 77%;
}

/* 商品仕様 */
.detail_spec_data {
    margin: 0px;
}

/* 他の写真枠 */
.other_item_data {
    margin: 0px;
}

.other_item_data .global_photo {
    text-align: center;
}

/* 他の写真説明 */
.other_photo_desc {
    margin: 0px;
}

/* ソーシャルツール */
.social_tool {
    padding-bottom: 5px;
}

/* バリエーション在庫表 */
.variation_stock_list {
    margin-bottom: 5px;
}

/* バリエーション、オーダーメイド項目間余白 */
.variation_item,
.order_item {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* オーダーメイド項目 */
.order_item {
    border-bottom: 1px dotted #CCCCCC;
}

.ordermade .bottompos {
    border-bottom: none;
}

/* 在庫数のラベルなし */
.hidden_stock .stocklist_data {
    text-align: center;
}

/* バリエーション在庫選択中背景 */
.variation_stock_list .data_table .selected_item {
    background-color: #FFFFEE;
    color: #FF0000;
}

.variation_stock_list .data_table .selected_data {
    background-color: #FFFFEE;
}


/*--------------------------------------*/
/* バリエーション選択のポップアップ */

/* ポップアップ枠 */
.popup_variation,
.popup_area {
    background-color: #FFFFFF;
    border: 1p solid #E0DFE3;
}

.popup_variation_selection,
.popup_section {
    border-bottom: 1px solid #E0DFE3;
}

/* バリエーション項目ボタン */
.popup_variation_button,
.item_selection_button {
    background-color: #F5F5F5;
    border: 2px solid #CCCCCC;
}

/* 選択中 */
.selected_option .popup_variation_button,
.selected_option .item_selection_button {
    background-color: #FFFFEE;
    border: 2px solid #7a9d54ff;
    color: #355e3bff;
}

/* 変更、選択してくださいボタン */
.popup_variation_edit_button,
.popup_variation_select_button,
.item_select_operation_button {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #F9F9F9;
    color: #333333;
}

.popup_variation_value,
.variation_selection_value,
.item_selection_value {
    color: #000000;
    font-weight: bold;
}

/* 選択済み枠 */
.variation_selection_box .validation_selection_selected_all,
.use_hover .variation_selection_box .validation_selection_selected_all:hover {
    background-color: #FFFFEE;
    border: 2px solid #7a9d54ff;
    color: #000000;
}

.validation_selection_selected_all .variation_selection_msg_text {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #F9F9F9;
    color: #333333;
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    margin-top: 5px;
}

/* サムネイル写真 */
.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid #7a9d54ff;
}

/* サムネイル写真枠サイズ */
.thumbnail_listbox {
    width: 60px;
}


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

/* レビュー */

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

.large_rating_icon .rating_point {
    font-size: 153.9%;
}

.medium_rating_icon .rating_point {
    font-size: 123.1%;
}

/* 星ポイント */
.rating_point {
    margin-left: 10px;
    color: #EF9D35;
}

/* レビュー数 */
.review_number {
    margin-left: 10px;
}

/* グラフ */
.bar_graph {
    background-color: #EF9D35;
}

/* 年代 */
.rating_age {
    font-size: 93%;
}

/* 分析レポート内レビュー数 */
.rating_number A {
    font-size: 93%;
}

/* レビュー一覧 */
.review_data {
    border-bottom: 1px dotted #000000;
}

.mypagereview_contents .review_data {
    border-bottom: none;
}

/* レビュータイトル */
.review_title {
    font-size: 123.9%;
    font-weight: bold;
}

.itemdetail .review_data .review_title,
.mypagereview_contents .review_data .review_title {
    font-size: 108%;
}

/* 登録日 */
.review_postdate {
    background-color: #F5F5F5;
}

/* メモ */
.review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

.detail_page_body .review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: none;
}

/* ショップオーナー返信 */
.owner_note {
    border-bottom: 1px solid #E0DFE3;
}

/* ショップオーナーヘッダー */
.owner_header {
    font-size: 93%;
    color: #7a9d54ff;
}

/* ショップオーナー登録日 */
.owner_postdate {
    display: inline-block;
    margin-left: 5px;
}

/* 参考質問数字 */
.user_number {
    font-size: 123.9%;
    font-weight: bold;
    color: #EF9D35;
}

/* 参考質問ボタン */
.review_vote_btn {
    display: block;
    margin-top: 5px;
}

/* 商品一覧レビュー数 */
.itemlist .review_number {
    font-size: 85%;
    margin-left: 5px;
}

/* 商品詳細レビュー数 */
.review_list .review_number {
    font-size: 93%;
}

/* 商品詳細ヘッダー */
.detail_review_header {
    padding-top: 10px;
}

/* 商品詳細、マイページレビュー管理ボタン */
.review_admin .global_btn {
    border-top: 1px solid #E0DFE3;
    text-align: center;
}

.detail_review_header .global_btn {
    text-align: center;
}


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

/* ログイン */

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

/* ID、PW枠 */
.signin_box .id_box,
.signin_box .pass_box {
    margin: 0px;
}

/* ID、PWタイトル */
.signin_box .id_title,
.signin_box .pass_title {
    margin-bottom: 10px;
    border-bottom: 1px solid #E0DFE3;
    font-size: 116%;
    font-weight: bold;
}

.signin_box .password .global_link {
    font-size: 85%;
}

/* 新規登録枠 */
#register_form {
    padding-top: 20px;
    border-top: 1px solid #E0DFE3;
}


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

/* カート */

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

/* カートの中身各枠 */
.inner_cart_data {
    margin-bottom: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
}

/* 各項目枠 */
.cart_section {
    border-top: 1px solid #E0DFE3;
}

/* 区切り線 */
.top_separator {
    border-top: 1px solid #E0DFE3;
}

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

/* 各項目ラベル */
.cart_label {
    font-weight: normal;
}

/* ボタン中央寄せ */
.cart_inner_btn {
    text-align: center;
}

/* 小計、送料 */
.cart_sub_total_price,
.cart_shipping_charge {
    text-align: right;
}

/* 合計 */
.cart_footer {
    text-align: right;
}

.grand_total {
    display: inline-block;
    border-bottom: 2px solid #E0DFE3;
    margin-bottom: 5px;
}

.grandtotal_price {
    font-size: 153.9%;
    color: #990000;
}

/* 買い物を続ける */
.continue_shopping {
    text-align: right;
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 送り主、お届け先追加変更ボタン */
.cart_recipient .global_btn {
    text-align: center;
}

/* お届け先名 */
.cart_recipient_title {
    border-left: 5px solid #7a9d54ff;
}

/* ラジオボタン選択の強調表示 */
.checked_row {
    background-color: #FFFFCC;
}

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

/* リピータ向け決済機能用 */
.inner_global_info {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

/* クーポン/ポイント枠 */
.toggle_box .cart_point,
.toggle_box .box_padding,
.toggle_box .cart_point_notice {
    margin: 1px;
}


/* クーポン/ポイント変更時の金額を更新ボタン欄、強調表示背景 */
.notice_box .form_btn_spad {
    background-color: #FFFFCC;
}


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

/* ステップ表 */

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

.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: #7a9d54ff;
}

/* ステップ表 文字 */
.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;
}


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

/* 最新情報、店長日記 */

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

/* 日付 */
.article_date {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
}

.format {
    font-size: 77%;
}

/* 記事 */
.ph_article {
    font-size: 108%;
}

/* バックナンバー */
.count_number {
    font-size: 93%;
}


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

/* ご利用案内 */

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

/* 上部ページ内リンクのナビゲーション */
.anchor_nav_area .nav_btn {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

.use_hover .anchor_nav_area .nav_btn:hover {
    background-color: #F5F5F5;
}

/* 各ブロック */
.help_contents .inner_contents_box {
    margin-bottom: 10px;
}

.help_step,
.help_payment {
    padding-bottom: 5px;
}

/* 説明各ブロック */
.help_data {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 93%;
}

/* 推奨環境 */
#spec_contents dt {
    font-weight: bold;
    padding-bottom: 5px;
}

#spec_contents dd {
    background-color: #F5F5F5;
}


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

/* 特定商取引法 */

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

/* 各欄枠 */
.contents_desc {
    padding: 10px 5px;
}


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

/* メールマガジン */

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

/* 登録、解除タイトル */
.mailmagazine_box .mailmagazine_subscribe_title,
.mailmagazine_box .mailmagazine_unsubscribe_title {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
    font-size: 116%;
    font-weight: bold;
}


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

/* マイページ */

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

/* ポイント */
.member_contents .point_number {
    font-size: 138.5%;
    font-weight: bold;
    color: #990000;
}

/* リンク枠 */
.link_box .global_iconleft {
    display: block;
    margin-bottom: 10px;
}

/* 注意書き */
.mypage_note {
    font-size: 93%;
    line-height: 140%;
}

/* マイページ共通　送り主　お届け先 */
.mypage_recipient {
    padding: 5px 0px;
    font-size: 108%;
}


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

/* 購入履歴 */

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

/* 商品名 */
.history_data_list .item_name {
    font-weight: normal;
    color: #000000;
}


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

/* 送り主、お届け先 */

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

/* 住所 */
.recipient_data_list .user_address {
    font-weight: normal;
    color: #000000;
}


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

/* お気に入り */

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

/* 登録日、メモ */
.item_registration_date,
.item_memo {
    font-size: 93%;
}

/* 商品説明 */
.favorite_contents .item_desc {
    padding: 5px 0px;
    margin: 5px 0px;
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* メモ */
.item_memo_text {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    color: #000000;
}


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

/* 複数選択 */

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

/* 複数削除 */
.bulk_btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 複数選択 */
.inner_bulk_check_box {
    background-color: #F5F5F5;
}

.layout_column_text .inner_bulk_check_box,
.layout_text .inner_bulk_check_box {
    background-color: #F5F5F5;
}

.bulk_mode .layout_column_text .list_item_box,
.bulk_mode .layout_column_text .not_link,
.bulk_mode .layout_text .not_link {
    border-bottom: none;
}

/* 一括削除時の下部ボタン枠 */
.bulk_mode .fixed_bottom {
    background-color: #F5F5F5;
    border-top: 1px solid #E0DFE3;
}

/* 数量表示バッジ */
.badge {
    background-color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


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

/* 掲示板 */

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

/* 記事枠 */
.post_box {
    margin-bottom: 5px;
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* 記事枠レス */
.post_box_res {
    padding-left: 20px;
}

/* 記事ヘッダー */
.post_box .data_table .cell_header,
.post_box .data_table .cell_data {
    background-color: #E9E9E9;
    font-weight: normal;
}

/* 記事ヘッダー下部余白 */
.post_box .data_table {
    margin-bottom: 5px;
}

/* 記事ヘッダー中央寄せ */
.post_box .res_cell,
.post_box .toggle_cell,
.post_box .replay_cell {
    text-align: center;
}

.post_title,
.post_user,
.post_day,
.post_number {
    padding: 2px 0px;
}

/* 記事タイトル */
.post_title {
    font-weight: bold;
    font-size: 14px;
}

/* 記事ユーザー */
.post_user {
    font-size: 11px;
}

/* 記事投稿日 */
.post_day {
    font-size: 11px;
}

/* 記事No */
.post_number {
    font-size: 13px;
}

/* URL */
.post_url {
    font-size: 13px;
}

/* 記事コメント */
.bbs_comments {
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
}

/* 記事検索 */
.bbs_search {
    background-color: #F5F5F5;
}

/* 検索文字強調 */
.result_emphasis {
    background-color: #FFFF73;
}

/* 検索前に戻る */
.bbs_search .global_link {
    margin-left: 10px;
}

/* 記事開閉 */
#bbs_toggle {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 記事投稿欄 */
.bbs_post_form {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}


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

/* 関連ページ */

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

/* 内容 */
.link_desc_box {
    border-top: 1px solid #E0DFE3;
}


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

/* 私が店長です */

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

/* スタッフ画像 */
.staff_photo,
.pstaff_photo {
    text-align: center;
    margin-top: 10px;
}

/* プロフィール項目 */
.staff_contents dt,
.pstaff_contents dt {
    border-top: 1px solid #E0DFE3;
    font-weight: bold;
}

/* プロフィール内容 */
.staff_contents dd,
.pstaff_contents dd {
    border-top: 1px solid #E0DFE3;
}

.staff_profile_desc {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


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

/* カレンダー */

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

/* カレンダーヘッダー */
.calendar_data {
    padding: 15px 0px;
}

.cal_month {
    padding-bottom: 15px;
    text-align: center;
}

.cal_month .prev_month,
.cal_month .next_month,
.cal_month .this_month {
    padding: 0px 10px;
}

.cal_month span.prev_month,
.cal_month span.next_month {
    padding: 0px 5px;
    font-weight: bold;
    cursor: pointer;
}

/* 今月 */
.this_month {
    font-size: 123.1%;
    font-weight: bold;
}

.side_col .this_month {
    font-size: 14px;
    padding: 0px;
}

.side_col .next_month,
.side_col .prev_month {
    font-size: 13px;
    padding: 0px;
}

/* カレンダー枠線 */
.calendar_data .data_table th.cell_header,
.calendar_data .data_table td.cell_data {
    border: 1px solid #E0DFE3;
}

/* カレンダー曜日セル */
.calendar_data .cal_day_header {
    font-size: 85%;
}

/* カレンダー各セル */
.calendar_data .data_table .cal_day_cell {
    width: 14%;
    height: 60px;
    vertical-align: top;
}

/* 日曜日 */
.sun .cal_day {
    color: #CC0000;
}

/* 土曜日 */
.sat .cal_day {
    color: #3399CC;
}

/* 今日 */
.calendar_data .today {
    font-weight: bold;
}

/* イベント一覧 */
.event_list li {
    border-bottom: 1px solid #E0DFE3;
}

/* イベント内容 */
.event_data {
    padding: 10px 0px;
}

/* イベント名 */
.event_name {
    font-weight: bold;
    line-height: normal;
}

/* アイコン画像 */
div.event_icon {
    text-align: center;
}

div.event_icon img {
    margin: 0px 1px;
}

span.event_icon {
    margin-right: 5px;
}

/* 定休日 */
.calendar_data .holiday,
.holiday_icon {
    background-color: #FBFAEA;
}

.holiday_icon {
    border: 1px solid #E0DFE3;
    display: inline-block;
    width: 15px;
    height: 15px;
}

/* イベント説明 */
.event_desc {
    font-size: 93%;
    padding: 5px;
}

/* 左右カラム */
.side_col .cal_day {
    font-size: 85%;
}

.side_col .data_table th.cell_header,
.side_col .data_table td.cell_data {
   padding: 2px;
}

.side_col .calendar_data .data_table .cal_day_cell {
    height: auto;
}


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

/* table */

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

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table_header,
.data_table .cell_data {
    padding: 5px;
    border: 1px solid #E0DFE3;
}

/* thタグ */
.data_table .cell_header,
.data_table_header {
    background-color: #F5F5F5;
    color: #333333;
}

/* tdタグ */
.data_table .cell_data {
    background-color: #FFFFFF;
    color: #333333;
}


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

/* フォーム */

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

/* フォーム上部説明 */
.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_data .defaultsize {
    width: 170px;
}

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

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

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


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

/* フォームエラー */

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

/* 個別エラー表示 */
.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;
}

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

/* アイコン */

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

/* ヘッダーナビボタン */
.inner_header_nav .header_nav_item .fa {
    color: #355e3bff;
}

/* グローバルナビ */
.inner_global_nav .fa {
    color: #FFFFFF;
}

.global_iconleft .fa {
    padding-right: 5px;
}

.global_iconright .fa {
    padding-left: 5px;
}

/* 閉じる、削除ボタン */
.close_btn_box .fa,
.delete_btn_box .fa {
    color: #000000;
}

.nav_close_btn .fa {
    color: #FFFFFF;
}

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

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

/* +-開閉ボタン */
.open_icon .fa,
.close_icon .fa {
    color: #666666;
}

/* 説明付き一覧表示調整 */
.right_side_list_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
}

/* 矢印アイコン */
#container .fa-chevron-right,
#container .fa-chevron-down,
#container .fa-chevron-up {
    color: #646473;
}


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

/* ボタン */

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

/* アイコンボタン枠 */
.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;
}

/* +-開閉ボタン枠 */
.open_icon,
.close_icon {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.use_hover A:hover .open_icon,
.use_hover A:hover .close_icon,
.use_hover abbr:hover .open_icon,
.use_hover abbr:hover .close_icon {
    background-color: #D1D1D1;
}

/* 汎用ボタン */
.general_btn {
    padding: 0px 3px;
    border: solid 1px #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
    display: inline-block;
}

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

.standard_btn {
    padding: 10px 20px;
    border: solid 1px #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
    display: inline-block;
}

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

/* 右端ボタン */
.page_title_right_edge .general_btn,
.section_title_right_edge .general_btn {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 5px;
    color: #666666;
}

.use_hover .page_title_right_edge .general_btn:hover,
.use_hover .section_title_right_edge .general_btn:hover {
    background-color: #F5F5F5;
    color: #666666;
}

/* 画像リンク */
.use_hover .photo_link:hover {
    opacity: 0.7;
}


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

/* フォームボタン */

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

/* フォームボタンマウスオーバー */
.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;
}


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

/* ボタン色 */

/*--------------------------------------*/
/* 色通常 */
/* フォームボタン全般 */
.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: #7a9d54ff;
    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;
}


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

/* パンくずリスト */

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

/* パンくずリスト */
.breadcrumb_list {
    font-size: 85%;
}


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

/* ポップアップ */

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

/* ポップアップの背景 */
.overlay_area .modal_skin {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}


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

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

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

/* 読み込み中アイコン画像 */
.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: 5px 0px;
    text-align: center;
}

/* 現ページ */
.pager strong {
    min-width: 20px;
    min-height: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #7a9d54ff;
    background-color: #7a9d54ff;
    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 #7a9d54ff;
    background-color: #7a9d54ff;
    color: #FFFFFF;
}


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

/* グローバルサイトリンク */

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

/* リンク一覧 */
.site_list_dropdown {
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* 各リンク先 */
.layout_dropdown .site_list_data {
    border-bottom: 1px solid #E0DFE3;
}

/* 各リンク文字 */
.global_site .site_list_dropdown .nav_btn,
#inner_footer .layout_dropdown .site_list_data .nav_btn {
    color: #000000;
}

.use_hover .global_site .site_list_dropdown .nav_btn:hover,
.use_hover #inner_footer .layout_dropdown .site_list_data .nav_btn:hover {
    color: #666666;
    background-color: #F5F5F5;
}

/* リスト表示タイトル */
#inner_footer .layout_dropdown .site_list_title .nav_btn {
    background-image: none;
    background-color: #FFFFFF;
    color: #000000;
}


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

/* フッター */

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

/* PCサイトボタン */
.footer_pc_site_box {
    height: 30px;
    padding: 15px 0px 15px 0px;
    position: relative;
    background-color: #F5F5F5;
    box-sizing: content-box;
    text-align: center;
}

.pc_site_btn .pc_site_link {
    width: 80px;
    margin: auto;
    padding: 8px 8px 8px 30px;
    display: inline-block;
    background-image: url(img/icon_pc.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-sizing: content-box;
    font-size: 12px;
    text-align: center;
    color: #000000;
}

.use_hover .pc_site_btn .pc_site_link:hover {
    color: #000000;
    opacity: 0.8;
}

/* フッター */
.footer_area {
    background-color: #F5F5F5;
}

#footer {
    text-align: center;
}

.footer_upper_link_box .continued_link_box {
    border-left: 1px solid #666666;
}

/* ページトップへ戻るボタン */
.fixed_corner_button {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-color: #CCCCCC;
    text-align: center;
}

.move_to_add_cart .corner_covering_item,
.use_hover .move_to_add_cart:hover .corner_covering_item {
    color: #CCCCCC;
}

/* フッター下部バナー */
.footer_banner {
    text-align: center;
}

.footer_banner .banner_box {
    margin: 15px 5px 5px 5px;
}

.use_hover .footer_banner .banner_box A:hover {
    opacity: 0.8;
}


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

/* Powered by おちゃのこネット
※上記の文言は共用ドメインコースをご利用の場合に表示されます。
必須項目ですので、下記の編集は許可されていません。
・文言の削除
・文字色を薄くする
・文字サイズを小さくする */

#ochanoko {
    padding: 5px;
    text-align: center;
    font-size: 12px;
}

#ochanoko A {
    font-size: 12px;
}

.accessory_color {
    background-color: #F5F5F5;
}


.header_section{
    display: flex;
}

@media screen and (min-width: 840px) {
    .responsive .inner_header_nav .header_nav_item {
        width: 140px;
        height: 50px;
        font-size: 100%;
    }
}
@media screen and (max-width: 840px) {
.column6 {
    display: none;
}
}

.side_col {
        width: 200px !important;
}
/********************************************************************/





.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:#7a9d54ff
    ;
}
.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:50%;
	}
.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:#7a9d54ff
    ;
    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:#7a9d54ff
    ;
	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:#355e3bff;
	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:#7a9d54ff
    ;
	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:#7a9d54ff
    ;
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	position:relative;
}
.myshop .page-tt-mincho {
	border-bottom:1px solid #355e3bff;
	color:#355e3bff;
	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 {
	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 	.caution-tt {
	line-height:40px;
	font-size:1.8rem;
    padding-left: 12px;
	}
.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 {
	height:40px;
	line-height:40px;
	}
.myshop 	.ok-tt:before,.caution-tt:before {
	top:0px;
	}
}
/*-----------------------------------------
sidebar
------------------------------------------*/
.myshop .tt-sidebar {
	background-color:#7a9d54ff
    ;
	height:40px;
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:700;
	line-height:20px;
	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:#d8ebe0;
}
.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://img11.shop-pro.jp/PA01289/555/etc/shodaku-after.png);
	background-repeat: no-repeat;
	width:60px;
	height:70px;
	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:#7a9d54ff
    ;
	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:#7a9d54ff
    ;
}
/*-----------------------------------------
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:#d8ebe0;
}
.myshop .footer-menu li a {
	color:#7a9d54ff
    ;
}
.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 #7a9d54ff
    ;
	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:#d8ebe0;
	color:#355e3bff;
	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:#355e3bff;
	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:#7a9d54ff
    ;
	color:#ffffff;
}
.myshop .first-mt {
	text-align:center;
	color:#7a9d54ff
    ;
	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:#7a9d54ff
    ;
	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:#7a9d54ff
    ;
	background:#d8ebe0;
	border-radius:4px;
}
.myshop .sateitoggle dd {
	line-height:150%;
}
.myshop .formtable {
	width:100%;
	margin-bottom:32px;
}
.myshop .formtable tr:nth-child(even) {
	background:#d8ebe0;
}
.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:5px;
}
.myshop .formtable td p {
	padding-bottom:0px;
}
.myshop .formtable thead tr {
	background:#7a9d54ff
    ;
}
.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:#d8ebe0;
}
.myshop .form-many-cel h3 {
	color:#ffffff;
	background:#7a9d54ff
    ;
	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:#7a9d54ff;
	padding-bottom:8px;
	border-bottom:3px solid #7a9d54ff;
	line-height:100%;
	position:relative;
	z-index:10;
}
.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:#d8ebe0
	;
	position:relative;
	z-index:14;	
}
.myshop .top-reason:before {
	content:"";
	background-image:url(https://img21.shop-pro.jp/PA01518/680/etc_base64/bmljb3R5YW4.png?cmsp_timestamp=20250722191913);
	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:#d8ebe0
	;
	position:relative;
}
.myshop .top-nande h2 {
	color:#355e3bff;
	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 20px 20px 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://img11.shop-pro.jp/PA01289/555/etc/pic-nande.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: #d8ebe0;
    
    /* 高さは親要素またはコンテンツに合わせて調整 */
     /* 親要素の高さに合わせる場合 */
    /* 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 {
    /* 必須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: #7a9d54ff; /* 例: 前の会話で使われていた基本色 */

    /* トランジションはホバー時ではなく、通常要素に設定するのが基本 */
    -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;
}